/*
Theme Name: YourMom
Theme URI: http://graphicalcola.org/
Description: YOUR MOM likes graphics.  
Version: 1.0
Author: Rosalinda StMatthew
Author URI: http://doubleobsession.net/

Five years of obsession.  Squee!

*/

/* NOTE TO SELF: TO CHANGE THE CATEGORIES LISTED IN THE SIDEBAR, OPEN sidebar.php AND SEARCH FOR &exclude= AND CHANGE THE NUMBERS TO THE CORRESPONDING CATEGORIES. */

/* GLOBAL STYLE */

* {

	padding: 0;
	margin: 0;
	}

/* BACKGROUND */

body {
	
	background-color: white;
	color: #555555;
	font-family: Verdana, Arial, sans-serif;
	font-size: 65%;
	}

/* WRAPPER */

#wrapper {

	background-color: white;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	}

/* SIDEBAR */

/*
#sidebar {

	width: 14%;
	margin-right: 70%;
	padding: 0 0 10px 5px;
	text-align: right;
	list-style: none;
	}

#sidebar ul {

	list-style: none;
	}

#sidebar ul li {

	list-style: none;
	}

#sidebar ul ul {

	margin-right: 16px;
	}
#sidebar h2 {

	display:none;
	}

#sidebar ul ul {

	margin-top:2px;
	margin-left: 30px;
	list-style-type: circle;
	}   */

/* SEARCH IN SIDEBAR */

/*
#searchform {

	text-align: right;
	}

#searchform input {

	border: 1px dashed black;
	background-color: white;
	}

#searchform #s {

	width:50%;	
	background-color: white;
	}  */

/* CONTENT */

#content {
	width: 100%;
	float: right;
;
	}

.post {

	padding-left: 5px;
	margin-bottom: 30px;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	}

.alignleft {

	float: left;
	text-align: left;
	width: 50%;
	margin-bottom: 3px;
	}

.alignright {

	float: right;
	text-align: right;
	width: 50%;
	margin-bottom: 3px;
	}

.post h2, .post h3 {

	font-size: 3.1em;
	font-family: Impact, 'Franklin Gothic Heavy', sans-serif;
	color: black;
	letter-spacing: -0.02em;
	word-spacing: -0.05em;
	text-align: center;
	padding-right: 10px;
	text-transform: uppercase;
	}

.post h2 a, .post h2 a:visited, .post h3 a, .post h3 a:visited {

	text-decoration: none;
	color: black;

	}

.post h2 a:hover, .post h3 a:hover {

	color: #555555;
	background-color: white;
	}

 a:visited, a {

	text-decoration: none;
	color: black;
	padding: 1px;
	}

a:hover {
	
	text-decoration: none;
	color: white;
	background-color: black;
	padding: 1px;
	}

.entry {

	margin: 5px 30px 10 px 5 px;
	text-align: left;
	font-size: 1.2em;
	word-spacing: 0.01em;
	line-height: 1.4em;
	padding-right: 20px;
	}

.entry a {

	color: #740707;
	}

.entry a:hover {

	color: #abc5d0;
	background: white ;
	}

.entry ol, .entry ul {
	margin: 2px 0 2px 35px;
	}

.entry .postmetadata {

	font-size: 0.9em;
	text-align: justify;
	margin: 2px 5em 0 3em;
	padding: 1em 65px 1em 1em;
	border: solid 1px #6b9edc;
	background: url(images/meta2.gif) no-repeat center right #abc5d0;
	}

.entry .postmetadata a,.entry .postmetadata a:visited, .entry .postmetadata a:hover {

	border: none
	}

blockquote {

	margin: 10px 40px 10px 15px;
	padding: 0 10px 0 100px;
	background: url(images/quote.jpg) no-repeat scroll top left;
	text-align: right;
	font-size: 1em;
	letter-spacing: 0.05em;
	}

blockquote p {
	
	margin-bottom: 15px;
	}

p {

	margin:10px auto;
	line-height: 1.1em;
	}

img  {
	border: none; !important
	}

.postmetadata {

	border: dashed 1px black;
	background: url(images/meta.gif) no-repeat top right white;
	margin: 0 50px 0 0;
	}

.pagetitle {

	font-size: 2em;
	font-family: Impact, 'Franklin Gothic Heavy', sans-serif;
	color: #740707;
	letter-spacing: -0.02em;
	word-spacing: -0.05em;
	padding-left: 8px;
	}




/* HEADER */

#header {

	background: url(images/banner.gif) no-repeat top center white;
	margin: -20px 0 10px 0;
	height: 220px;
	}

/* Despite the name, this controls the placement of the title and description 
of the blog on top of the header.  Why programmers think you need to have 
the link all mega large and fug on your header I will never understand.  :p */
#headerimg ul{

	margin: -70px 0 10px 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	text-align: center;

}

#headerimg li {
	display: inline;
}

#headerimg a {
	color: #555555;

	text-decoration: none;

}

#headerimg a:hover {
	color: #eeeeee;
	background-color: #555555;
}

/* FOOTER */

#footer {

	margin: 0 auto;
	clear: both;
	text-align: center;
	width: 85%;
	padding-top: 50px;
	font-size: 0.8em;
	}

#footer a, #footer a:visited {

	text-decoration: none;
	color: #555555;

	}

#footer a:hover {

	color: #eeeeee;
	background-color: #555555;
	}