/*
THEME NAME: amygrace
THEME URI: http://www.amygrace.com
AUTHOR: <a href="http://www.amygrace.com/">Amy Grace</a>
AUTHOR URI: http://www.www.amygrace.com.
.
*/
@import url("http://www.amygrace.com/blog/wp-content/themes/2010/reset.css");
/*  ----------------------  */
/*  ----------------------  */
/*  ----BEGIN EDITING-----  */
/*  -------BELOW----------  */
/*  ----------------------  */

/* LINE 25 */

/* general styles for all blog */
body {
background-image: url(http://www.amygrace.com/blog/2011/zebra-bg.jpg); /* default is invisible GIF */
background-position:center top;
background-repeat:repeat;
background-attachment:fixed;
background-color: #883462;   /* grey default background color */
font-family: "century gothic", Helvetica, sans-serif; /* font-face blogwide */
font-size: 13px;	/* paragraph font-size */
color: #000000;   /* paragraph text-color blogwide */
line-height: 1.5em;  /* spacing between lines in paragraphs */
text-align:justify;
}

/* LINE 37 */

/* edit the color and height of the top black bar on top of the blog 
to remove the bar, delete the "x" before "display: none;" */
#top_solid_colored_bar {
display: none;   /* delete "x" if you want to remove top bar */
height: 0px;     /*  change height of top bar */
background-color: #000000;  /* change  color of top bar area */
}


/* LINE 48 */

/*styles all links, blogwide */
a:link {
text-decoration: none;   /* no underlining default */
color: #BD156C;		/* color of links not yet visited */
}
a:visited {
text-decoration: none;     /* no underlining default */
color: #BD156C;		/* color of links already visited */
}
a:hover {
text-decoration: none;     /* underlining as hover default */
color: #6E5479;    /* color of links when being hovered over */
}


/* LINE 65 */

/*edit these if you want the top-area links to look different*/
#amygrace_topnav a:link {
text-decoration: none;   /* no underlining as default */
color: #ffffff;		/* color of links not yet visited */
padding-bottom:4px;
padding-left: 0px;
vertical-align:middle;

}
#amygrace_topnav a:visited {
text-decoration: none;     /* no underlining as default */
color: #ffffff;		/* color of links already visited */
padding-bottom:4px;
padding-left: 0px;
}
#amygrace_topnav a:hover {
text-decoration: none;     /* underlining as hover default */
color: #323232;    /* color of links when being hovered over */
}
#amygrace_topnav li a {
font-size: 14px;   /* font size of top links */
}


/* LINE 85 */

/* edit these to affect the headers of the "bio" area */
#indexbio h2 {
color: #F5F0ED;  /* color of header */
font-size: 18px;  /* font size for header in bio area */
}

/* LINE 93 */

/* edit these to affect styling of Post Titles */
h2.entry-title a, h2.entry-title, 
body.search h3.entry-title a, 
body.archive h3.entry-title a {
color: #743679;   /* color of post titles */
font-size: 20px;	/* font size of post titles */
margin-top: 10px;
margin-bottom: 3px;	/* spacing below post titles */

text-decoration:none;	/* underline off, change to "underline" */
font-family:"Times New Roman", Times, serif;
}

/* LINE 105 */


/* edit these to change background color and/or 
padding of "sidebar" area at bottom of page */
div#sidebar_footer {
color:#000000;
background-color: #000000;   /* bg color of footer-sidebar area */
background-image:url(http://www.amygrace.com/blog/2011/zebra-footer.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding: 5px 0 5px 0;	   /* top, right, bottom, left padding */
}

/* LINE 115 */

/* the color of commenters on main page, and bg of comment area */
body.home .comment-author {
color: #743679;  /* color of name of person commenting on mainpage */
}
body.home #comments {
background-color: #FFFFFF;  /* bg color of mainpage commment area */
}

#comments h3 {
	color: #000000;  /*color of lower headlines in single post pages*/
}

/*  ----------------------  */
/*  ----------------------  */
/*  ------END EDITING-----  */
/*  --------HERE----------  */
/*  ----------------------  */
/*  ----------------------  */





/* LINE 140 */


/* -------- only edit below if you know CSS/XHTML well  -------- */

#outerwrapper {
    margin:0pt auto;
	width:1011px;
}
* html #outerwrapper {
	background-image: none;  /* IE6 can't handle transparent png */
}
#wrapper {
	width: 1000px;  /*width of blog - change only if advanced user*/ 
	margin: 0 auto;
	background-color: ;	/*background color of body of blog*/ 
}
#header {
	height: 376px;  /*height of header: logo & top links - see 5 lines below*/
}
h1#blog-title {
	float: right; /*logo on left, set to right to switch, also edit #amygrace_topnav below*/
	position: relative;
	height: 381px;  /*height of logo*/ 
	width: 1000px;   /* smaller if narrower logo - gives links more room */
	overflow: hidden;
	display:inline;
}
h1#blog-title span {
	background-image: url(http://www.amygrace.com/blog/2011/snow-banner.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;	
}
h1#blog-title a {
	z-index: 500;
	position: absolute;
	height: 100%;
	width: 100%;
}
#blog-description {
	display: none;
}
#nav-above {
	display: none;
}



/* LINE 190 */

/* style top navigation links + son of suckerfish dropdown menus */
#amygrace_topnav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
}
#amygrace_topnav {
	float: right; /*top links on right, set to left to switch, also edit h1#blog-title above*/
	padding: 15px 0px 0 0px;  /*padding to top and right of top links*/
	position:relative;
    display:inline;
		
}
#amygrace_topnav li {
    margin-left: 12px; /* space between top links */

		
}
#amygrace_topnav li li {
    margin-left: 0;
		
}
#amygrace_topnav a, #nav li.sfhover {
	display: block;
		
}
#amygrace_topnav li { /* all list items */
	float: left;
		
}
#amygrace_topnav li:hover {
	position:static; /* help IE7 a bit */
	
}
#amygrace_topnav li ul { /* second-level lists */
	position: absolute;
	background-color: #9B8987; /*bg color of drow down menus*/
	width: 125px;
	left: -999em; 
}
#amygrace_topnav li ul a {
	width: 115px;
	padding: 5px 8px;
	font-size: 110%;
		
}
#amygrace_topnav li ul a:hover {
	color:#000000;
	background: #87787D; /*bg color of drop down menus when hovered over*/
	}
#amygrace_topnav li:hover ul, #amygrace_topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
		
}
#amygrace_topnav #searchsubmit-top {
	margin-top: -3px;
}
#amygrace_topnav li.topnavright {
	margin-right: 0;
	
}
/* try to keep drowpdowns above flash */
#amygrace_topnav {
    z-index:2;
} 
#amygrace_topnav ul {
    z-index:3;
}
#amygrace_topnav ul li {
    z-index:4;
}
#amygrace_topnav ul li ul {
    z-index:5;
}
#amygrace_topnav ul li ul li {
    z-index:6;
}
#amygrace_topnav a {
    z-index:7;
}
/* -----------  end styling of top nav and dropdowns ---------- */




/* LINE 265 */

#header-masthead {
	height: 0px; /*height of masthead*/
	background-image: none;
}
#indexbio {
	border-bottom: 0px solid #9B8987;  /*line below bio*/
}
#indexbio h2, #indexbio p {
	margin-bottom: 0px; /*space below header, paragraphs in bio area*/
}
#biopic { /*floats, pads, and borders the biopic*/
	margin: 50px 0px 0px 0;
	float: left;
	border: 0px solid #000000;
}
.bio { /*floats and adds width and margins to bio text area*/
	margin: 0px 100px 0px 0px;
	float: left;
	width: 1000px;  /*remove this line if no biopic, chane 20px to 40px 2 lines up too!*/
	display: inline;
}
#indexbio:after { /* self-clear the float */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #indexbio { /* for IE 5,6 */
	height: 1%;
	padding-bottom: 34px;
} 
*:first-child+html #indexbio { /* for IE7 */
	min-height: 1px;
	padding-bottom: 34px;
} 



/* LINE 310 */

/* post and meta styles */
#container {
width:1000px;
	clear: both;
	margin: 0px 0px 0 0px;
}
body.single #container {
	margin-bottom: 0px;
}
#content {
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	background-image:url(/blog/2011/zebra-middle.jpg);
	padding: 40px 40px 40px 40px;
}
h2.entry-title {
	margin: 0 20px 3px 20px;
	padding-top: 20px;
}
body.search h3.entry-title, body.archive h3.entry-title {
	margin: 0px 20px 3px 20px;
}
.jh-single h2.entry-title {
	margin-bottom: 20px;
}
div.entry-date {
	color: #C0156D;
	font-size:11px; /*font-size of post date entry*/
	margin: 0 20px 20px 20px; /*margin below post date*/
}
#content p {
	margin: 0 20px 18px 20px;
}
div.entry-meta {
	margin: 0 0 25px 20px;
	font-size: 10px;
	text-transform: uppercase;
	clear: both;
    color: #765A81;
}
.meta-inner {
	margin: 7px 7px 0px 0px;
    padding: 7px 7px 44px 0;
background: url(http://www.amygrace.com/blog/2011/zebra-divider.jpg) no-repeat center bottom;
}
body.home .meta-inner {
	line-height: 2.5em;
}
div.entry-content img {
	margin: 10px 0 15px 0;
}
div.entry-content ul {
	list-style: disc;
	margin-bottom: 18px;
	margin: 20px 20px 0 20px;
}
div.entry-content ol {
	list-style: decimal;
	margin-bottom: 18px;
	margin: 20px 20px 0 20px;
}
div.entry-content li {
	margin-left: 40px;
	line-height: 1.6em;
	margin: 20px 20px 0 20px;
}
strong {
	font-weight:700;
}
em {
	font-style: italic;
}
body.archive #content h2.page-title,
body.search #content h2.page-title {
	font-size: 180%;
	margin-left: 20px;
	font-weight:bold;
	color:#BE166B;
	text-transform: uppercase;
}
.forstupid {  /*hehe*/
	font-style: italic;
	color: #765A81;
	font-size: 90%;
}
.forstupid-search {  /*hehe*/
	font-style: italic;
	color: #765A81;
	font-size: 100%;
}
body.archive div.entry-meta,
body.search div.entry-meta {
	padding-bottom: 30px;
	border-bottom: 1px dotted #FFFFFF;
}

/* LINE 389 */

/* style the ajaxed inline comments */
body.home #comments {
	max-height: 180px;  /*height beyond which inline comment box scrolls*/
	overflow: auto;
	margin: 20px 0 10px 0;
	padding: 0 8px;
}
* html body.home #comments {
	height: 180px;  /* because IE6 doesn't support max-height */
}
body.home li.comment {
	clear: both;
}
body.home #comments p {
	text-transform: none;
	line-height: 1.6em;
	color: #000000;
}
body.home .meta-inner div#comments {
	line-height: 1.6em;
}
body.home #comments li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #883462;
	padding-top: 5px;
}
body.home .comment-author {
	font-weight: 700;
	line-height: 1.6em;
	float: left;
	display: inline;
}

body.home .commentform h2 {
	font-size: 18px;
	text-transform: none;
	margin-top: 15px;
}
body.home span.required {
	color: #883462;  /*makes the little asterisks RED*/
}

/* LINE 432 */



/* style non-ajaxed-wp commments on pages other than main page */
#comments-list {
	clear: both;
}
#comments h3 {
	margin: 0 0 15px 0;
	font-size: 19px;
	padding-top: 30px;
}

div#comments li.comment p {
	margin: 0;
	
}
div.comment-meta {
	font-size: 90%;
	color: #9B8987
	padding-bottom: 30px;
	border-bottom: 1px dotted #ffffff
}
body.single div.comment-meta {
	margin-bottom: 30px;
}






/* LINE 465 */



div#nav-below {
	margin: 25px 0 0px 0;
	padding: 25px 0;
}
body.single div#nav-below {
	padding: 0px 0 0px 0;
	border-bottom: 0px dotted #ffffff;
	border-top: 1px dotted #ffffff;
}



div.inner_sidebar {
	width: 1000px;
	margin: 0 auto;
	text-align:left;
	color:#FFFFFF;
}
div.inner_sidebar a:link {
color: #A38988;
}
div.inner_sidebar a:visited {
color: #A38988;
}
div.inner_sidebar a:hover {
color: #7B3478;
}
#footer {
	font-size: 11px;
	padding: 0px 0 0px 0;
	color: #925165;
background-color:#000000;
	
}
#footer a:link {
	text-decoration: underline;
	color: #735680;
}
#footer a:visited {
	text-decoration: underline;
	color: #735680;
}
#footer a:hover {
	text-decoration: none;
	color: #8B3C5A;
}



/* LINE 507 */

.error404 {
	margin-bottom: 40px;
}
body.search div.entry-content img,
body.category div.entry-content img,
body.archive div.entry-content img,
body.home div.entry-content img,
body.single div.entry-content img {
	text-align: center;
	padding:0;
    border: 1px solid #735680;
}
body.search div.entry-content img.wp-smiley,
body.category div.entry-content img.wp-smiley,
body.archive div.entry-content img.wp-smiley,
body.home div.entry-content img.wp-smiley,
body.single div.entry-content img.wp-smiley {
	padding: 0;
	display: inline;
	margin: 0;
	border: none;
	vertical-align:text-bottom;
}
div.entry-content embed {
	margin: 20px 0;
}

* html #wrapper {overflow:hidden;} /*help IE6 not jack things up*/

/* whoops, fix the image alignment classes */
img.aligncenter {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
img.alignright {
	margin: 0 0 10px 20px !important;
	display: inline !important;
	float: right !important;
}
img.alignleft {
	margin: 0 20px 10px 0 !important;
	display: inline !important;
	float:left !important;
}

/* please don't edit below */
div#access div.skip-link{display:none;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
.entry-title{clear:both;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em; }
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#A38988;color:#000000;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1.5em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
div#footer{text-align:center;}