/*
THEME NAME: tout va bien
DESCRIPTION: tout va bien is a custom theme for ShirleyYoo.com
AUTHOR: <a href="http://www.kathleenhayes.com">Kathleen Hayes</a>
AUTHOR URI: http://www.kathleenhayes.com
*/



/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { width : 99%; margin-bottom : 1.4em; }
tr:nth-child(even) { background-color : #000; background-color : rgba(0,0,0,.6); }
th { border-bottom : 2px solid #2a2e18; font-weight : bold; text-align : left; }
td { border-bottom : 1px solid #2a2e18; }
th,td { padding : 4px 10px 4px 0; }
tr:last-child td { border-bottom-width : 0; }
tfoot { font-style : italic; }
caption { background : transparent; }


/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 13px/1.75 Verdana, Geneva, sans-serif; }
h1,h2,h3,h4 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
p { margin-bottom : 1.5em; }
ul, ol { margin : 1.5em 0; }
ul { list-style-type : none; list-style-position : inside; }
ol { list-style-type : decimal; list-style-position : inside; }
abbr, acronym { border-bottom-width : 0; }
strong { font-weight : bold; font-size: .85em;}
em { font-style : italic; }


/*Attach a working grid ------------------------------------------  
body { background : url(images/960_grid_12_col_nomargin.png);} */



/* Author styles ------------------------------------------ */
body { min-width : 1000px; font : 13px/1.75 Verdana, Geneva, sans-serif; background: url(images/bg.gif); }
/* dark blue #006499, mid blue (links) #2c90c6, bright blue (nav) #54b8ee, bluegray #366077; */


/* Headings ------------------------------------------ */
h1, h2, h3 { font-weight : bold; }
h1, h2, .sidepanel h3{ font-size : .9em; margin-top : 2.5em; line-height : 1.1; color : #006499; }
h3 { font-size : .85em; margin-top : .5em; margin-bottom : .5em; line-height : 1.1; color : #555;}
h4 { font-size : 1.07em; line-height : 1.1; margin-bottom : .5em; color : #366077;}


/* Link anchors ------------------------------------------ */
a, a:visited { color : #2c90c6; text-decoration : none; }
h2 a, h2 a:visited { color : #006499; text-decoration : none; }
a:hover, h2 a:hover {text-decoration : underline; }


/* Site layout divisions ------------------------------------------ */

#wrapper {width: 1000px; margin : auto; margin-bottom : 100px; background-color : #fff; border : 1px solid #eee; box-shadow: 3px 3px 5px #ccc; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; }
#header { width : 960px; height : 100px;  margin : 0 auto;}
#menu {clear: both; height : 3em; margin : 0 auto;}
#container { width : 960px; margin : 25px auto; border : 0px solid black;} /* contains content and sidebar divs  */
	#content {width : 640px; margin : 25px auto; min-height : 300px;}
	#sidebar {clear : both; width : 640px; margin : 25px auto;} /* beneath #content in this layout */	
#footer { clear : both; width : 960px; margin : 0 auto; padding-bottom : 20px; padding-top : 60px; border : 0px dotted lime}



/* logo ------------------------------------------ */

#logo { float : left; position : relative; margin-left : 80px; width : 320px; height : 91px; background : url(images/masthead2.jpg) no-repeat 0 0; text-indent : -9999px; opacity : 1; }
/* #logo a:hover { opacity : .25; } I don't think I want anything on hover*/
#logo a { display : block; width : 320px; height : 91px; }
#logo a:hover { text-decoration : none; }
#description { display : none;}/* WP blog description */


/* Nav dropdown menu styles-------margin-left: 30px;--------------------------------------*/
#menu {
	margin-left: 300px;
	padding-top: 30px;
	padding-bottom: 60px;
	line-height: 1.25em;
	font-size: .9em;
	font-weight: bold; 
	letter-spacing: 2px;
}
	
#menu li {
	list-style: none;
	float: left; }

#menu li a {
	display: block;
	margin-bottom : .5em;
	padding: 0px 20px;
	color: #006499;
	text-transform: uppercase;
	text-decoration: none; }

#menu li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
	padding: 0 0 0 10px;
	}
	
#menu li.current_page_parent ul {
	display : block;
	position: absolute;
	margin: 0;
	padding: 0 0 0 10px;
	}
	

#menu li li.current_page_item a {
		color: #54b8ee;
	background : url(images/arrow.gif) no-repeat 10px 2px;
}

	
#menu li a:hover {
	color: #54b8ee; }	

#menu li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0 0 0 10px; 
	}
	
#menu li:hover li, #navbar li.hover li {
	float: none; }
	
/* #menu li:hover li a, #navbar li.hover li a {
	color: #006499; } */
	
#menu li li a {
	font-size: .9em;
	text-transform: Capitalize; 
	letter-spacing: 1px;
	}

#menu li li a:hover {
	color: #54b8ee; }
	
	
/* special styles for home page ---------------------------------------------*/

h2.home-pull-quote { font-size : 1.2em; line-height : 2; margin-bottom : 1em; padding-top : 110px; }
h2.home-pull-quote-attrib { font-size : 1.2em; margin-top : 1em; text-align : right; }



/* footer content formatting ---------------------------------------------*/	

#footer p { text-align: center; font-size : .75em; letter-spacing : .5px; }



/* styles for Images
  
-------------------------------------------------------------- */   



.post-content img {
    margin: 0 0 18px 0;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:18px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: left;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0 0 0 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: .6em;
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.gallery-caption {
        font-size: .8em;
	text-align: center;
	margin-bottom:18px;
}

.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}




/* content formatting--------------------------------- */

.audioplayer_container { margin-bottom : 2.5em; }




/* some miscellanious WP stuff--------------------------------------------- */
.post-title, .post-meta, .post-comments {
	display: none;
}

.post {
	margin-bottom: 50px;
	border : 0px dotted lime;
}

.post-content {
	clear : both;
	padding-bottom: 1px;
}






/* unused style from original---------------------------------------------


	
	.navleft {
		float: left;
		margin: 0 15px 15px 0;
	}

	.navright {
		float: right;
		margin: 0 0 15px 15px;
	}

	.navigation div a {
		font-size: 110%;
	}


.sidepanel {
	margin-bottom: 30px;
	padding-left: 70px;
	padding-right: 125px;
}

.sidepanel h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}







.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: normal;
	color: #ccc;
  	text-indent: -5000px;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid lime;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content h2 {
	color: #d7d773;
	font-size: 120%;
	font-weight: bold;
}

.post-content h3 {
	padding-top: 5px;
	font-size: 100%;
	color: #d7d773;
	font-weight: bold;
}

.post-content p {
	font-size: 100%;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}


.post-content ul {
	list-style-type: none;
	font-size: 100%;
}


.post-content ul li {
	line-height: 1.3;
	margin-bottom: 5px;
}


.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}


#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}



.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}


*/