/*
Theme Name: Comme Il Faut
Theme URI: http://wordpress-themes.piperkreed.com/wordpress-themes/comme-il-faut/
Description: Clean, modern theme with widget-ready sidebar and footer, drop-down menus, threaded comments, sticky posts, gravatars. Add Social media/networking links (Facebook, Twitter, YouTube and many more) and your logo. Uses Wordpress 3.0 "Menus" feature.
Version: 1.2
Author: Piper Kreed Creative Design
Author URI: URI: http://wordpress-themes.piperkreed.com/
Tags: black, green, fixed-width, two-columns, right-sidebar, theme-options, custom-menu, custom-header, threaded-comments, sticky-post

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin: 0; padding: 0; }

body { background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3F3F3F; font-size: 12px; }

p { margin: 0 0 15px 0; }

a { color: #00CC00; text-decoration: none; }

.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.aligncenter { display: block; margin: 0 auto; }
.wp-caption { text-align: center; background: #EEE; padding: 7px 5px; border: 1px solid #CCC; margin: 0 20px 20px 20px; font-size: 11px; color: #444; }
	.wp-caption p { margin: 0; padding: 3px 0 0 0; }
	
a img { border: 0; }

blockquote { color: #000; padding: 0 25px 0 10px; margin: 15px 0 15px 15px; font-family: "Times New Roman", Times, serif; font-size: 13px; border-left: 1px solid #DDD; }

.gallery-caption { font-size: 11px; color: #666; padding: 3px 10px; }

.clear { clear: both; }

table { margin: 0 0 20px 0; border: 1px solid #CCC; text-align: left; }
table th { font-weight: bold; background: #333; color: #EEE; }
table tr, table td, table th { padding: 3px 6px; }
table .alternate { background: #EEE; }

#topnav-wrap { width: 100%; background: #161616; height: 30px; }
	#topnav { width: 900px; margin: 0 auto; display: block; }
	#topnav .menu-topnav ul, div.menu ul { list-style: none; }
	#topnav .menu-topnav li, div.menu li { display: inline; float: right; position: relative; }
	#topnav a { display: block; text-decoration: none; color: #8C8C8C; padding: 5px 15px; line-height: 20px; text-align: right; }
	#topnav ul ul { display: none; position: absolute; top: 30px; right: -1px; float: left; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); z-index: 99999; border: 1px solid #161616; border-width: 0 1px 1px 1px; }
	#topnav ul ul ul { right: 100%; top: -1px; border: 1px solid #161616; border-width: 1px 0 1px 1px; }
	#topnav ul ul a { background: #333; height: auto; line-height: 15px; padding: 5px 10px; width: 130px; }
	#topnav li:hover > a, #topnav ul ul :hover > a { color: #FFF; background: #333; }
	#topnav ul li:hover > ul { display: block; }
		
#header-wrap { background: url(graphics/bg-header.jpg) no-repeat #3F3F3F top center; width: 100%; height: 280px; border-bottom: 1px solid #161616; }
#header { margin: 0 auto; width: 900px; }
	#header #logo-space { height: 140px; width: 300px; float: left; margin: 15px 0 0 0; overflow: hidden; }
	#header #logo-space img { border: none; }
	
	
	#secondarynav { width: 600px; height: 140px; float: right; margin: 25px 0 0 0; text-align: right; display: block; }
	#secondarynav2 { width: 900px; height: 140px; float: right; margin: 25px 0 0 0; text-align: right; display: block; }
	
	#secondarynav .menu-topnav ul, #secondarynav2 .menu-topnav ul, div.menu ul { list-style: none; }
	#secondarynav .menu-topnav li, #secondarynav2 .menu-topnav li, div.menu li { display: inline; float: right; position: relative; }
	#secondarynav a, #secondarynav2 a { display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #B2B2B2; text-decoration: none; padding: 0 15px; height: 30px; line-height: 30px; }
	#secondarynav ul ul, #secondarynav2 ul ul { display: none; position: absolute; top: 30px; right: -1px; float: left; }
	#secondarynav ul ul li, #secondarynav2 ul ul li { border-bottom: 1px dashed #CCC; }
	#secondarynav ul ul ul, #secondarynav2 ul ul ul { right: 100%; top: 0; }
	#secondarynav ul ul a, #secondarynav2 ul ul a { height: auto; font-size: 12px; line-height: 15px; padding: 5px 15px; width: 120px; }
	#secondarynav li:hover > a, #secondarynav ul ul :hover > a, #secondarynav2 li:hover > a, #secondarynav2 ul ul :hover > a { color: #FFF; }
	#secondarynav ul li:hover > ul, #secondarynav2 ul li:hover > ul { display: block; }

		
	#header h1 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 48px; color: #FFF; font-weight: 100; line-height: 40px; margin: 0 0 4px 0; }
	#header h2 { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; color: #B2B2B2; font-weight: 300; letter-spacing: .1em; }
	
.body-element-divider { width: 100%; background: #E0E0E0; height: 8px; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; }

#content-wrap { width: 100%; background: #FFF; }
#content { margin: 0 auto; width: 900px; padding: 25px 0; background: url(graphics/sidebar-grad.png) repeat-y top left; }

.box { width: 635px; padding: 0 15px 0 0; float: left; overflow: hidden; }
.box-full { width: 900px; margin: -25px 0; background: #FFF; padding: 25px 0; overflow: hidden; }

.post { border-bottom: 1px solid #D9D9D9; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.post ul, .post ol { margin: 0 0 15px 25px; }
.post ul li, .post ol li { padding: 2px 0; }
.post ul ul, .post ol ol, .post ul ul ul, .post ol ol ol { margin: 0 0 0 20px; }

	.date-box { display: block; text-align: center; height: 45px; width: 41px; background: url(graphics/date-box.jpg) no-repeat; float: left; margin: 0 15px 15px 0; color: #FFF; padding: 4px 0 0 0; font-family: "Helvetica Neue", Verdana, Arial, Helvetica, sans-serif; }
	.date-box-month { display: block; text-transform: uppercase; font-size: 10px; line-height: 10px; }
	.date-box-day { display: block; font-size: 20px; font-weight: bold; line-height: 20px; }
	.date-box-year { display: block; font-size: 10px; line-height: 10px; }

	.post h1, .post h1 a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #3F3F3F; text-decoration: none; text-transform: uppercase; font-weight: 100; }
	.post h1 a { color: #239623; }
	.post h1 a:hover { text-decoration: underline; color: #000; }
	
	.post h2 { font-size: 18px; color: #3F3F3F; font-weight: 100; margin: 0 0 8px 0; }
	.post h3 { font-size: 16px; color: #3F3F3F; font-weight: 100; margin: 0 0 8px 0; }
	.post h4 { font-size: 16px; color: #3F3F3F; font-weight: bold; margin: 0 0 8px 0; }
	.post h5 { font-size: 14px; color: #3F3F3F; font-weight: bold; margin: 0 0 5px 0; }
	.post h6 { font-size: 13px; color: #3F3F3F; font-weight: bold; margin: 0 0 3px 0; }
	
	.postmetadata1 { color: #8C8C8C; margin: 0 0 10px 0; }
		.postmetadata1 a { color: #8C8C8C; text-decoration: none; }
		.postmetadata1 a:hover { text-decoration: underline; color: #009900; }
	.postmetadata2 { color: #8C8C8C; text-align: right; }
		.postmetadata2 a { color: #8C8C8C; text-decoration: none; }
		.postmetadata2 a:hover { text-decoration: underline; color: #009900; }
		
	.meta-icon { margin: 0 5px 0 0; vertical-align: middle; }
	.no-meta-after { margin: 0 0 10px 0; }
		
.post-box { display: block; float: right; width: 579px; }
	.post-box a:hover { text-decoration: underline; color: #009900; }

.post-pages { font-weight: bold; font-size: 13px; }

.sticky-post .post { padding: 10px; background: #d9eec9; border: 1px solid #b9d6a4; margin: 0 0 40px 0; }
	.sticky-post .post-box { width: 557px; }

#navigation { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; margin: 30px 0; }
	#navigation a { text-transform: uppercase; color: #B2B2B2; text-decoration: none; }
	#navigation a:hover { color: #3F3F3F; }
	.navigationleft { float: left; }
	.navigationright { float: right; }

.google-adsense-post { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #D9D9D9; }

.sidebar { width: 200px; padding: 0 0 0 15px; float: right; list-style: none; }
	.sidebar-element { margin: 0 0 30px 0; }
	.sidebar a { color: #8C8C8C; }
	.sidebar a:hover { color: #009900; }
	.sidebar ul { list-style: none; }
	.sidebar ul li { padding: 4px 0; border-bottom: 1px dashed #B2B2B2; }
	.sidebar .widgettitle, .sidebar h4 { font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size: 14px; color: #666; margin: 0 0 10px -23px; background: #e5e5e5; padding: 5px 0 5px 15px; }
	.sidebar ul ul { margin: 0 0 0 10px; }
	.sidebar ul ul li { border-bottom: none; }
	.sidebar ul ul li a { display: block; color: #8C8C8C; text-decoration: none; }
	.sidebar ul ul li a:hover { color: #009900; }
	.sidebar ul ul ul { margin: 0 0 -1px 12px; }
	.sidebar ul ul ul li { border: none; padding: 4px 0 0 0; }
	
	.google-adsense-sidebar { margin: 0 0 20px 0; }

#sn-wrap { width: 100%; background: url(graphics/sn-bg.jpg) repeat-x; height: 95px; border-bottom: 1px solid #161616; border-top: 1px solid #919191; }
#sn { margin: 0 auto; width: 900px; height: 95px; background: url(graphics/sn-logo.png) no-repeat left center; }
	#sn-links { float: right; width: 720px; height: 45px; margin: 25px 0 0 0; padding: 0 0 0 30px; border-left: 1px solid #EEE; }
	#sn img { border: 0; }
	
#searchform #s { width: 180px; margin: 0 0 5px 0; }
#searchform .screen-reader-text { display: none; }
.search-results-info { background: #e5e5e5; border: 1px solid #CCC; padding: 5px 10px; color: #006600; margin: 0 0 30px 0; }

#wp-calendar { border: 1px solid #B2B2B2; padding: 3px 5px; width: 175px; background: #EEE; }
#wp-calendar caption { text-align: left; font-weight: bold; font-size: 12px; margin: 0 0 3px 0; }
#wp-calendar a { font-weight: bold; color: #009900; text-decoration: none; }
#wp-calendar a:hover { color: #666; text-decoration: underline; }

#footer1-wrap { width: 100%; background: #292929; border-bottom: 1px solid #666; padding: 25px 0; }
#footer1 { margin: 0 auto; width: 900px; color: #8C8C8C; }
	#footer1 h4 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: 100; color: #B2B2B2; }
	#footer1 h6 { font-size: 12px; color: #EEE; margin: 0 0 10px 0; font-weight: 100; }
	#footer1 p { color: #8C8C8C; }
	#footer1 a { color: #8C8C8C; text-decoration: none; }
		#footer1 a:hover { color: #009900; }
	#footer1 ul { list-style: none; }
	#footer1 ul li { border-bottom: 1px dashed #B2B2B2; }
	#footer1 ul li a { display: block; color: #8C8C8C; text-decoration: none; padding: 4px 0; }
	#footer1 ul li a:hover { color: #009900; }
	#footer1 .divider { width: 1px; height: 40px; border-left: 1px solid #DDD; float: left; display: none; }
	#footer1 .column1 { width: 206px; margin: 0; padding: 0 11px 0 0; float: left; border-right: 1px solid #555; }
	#footer1 .column2 { width: 206px; margin: 0 -1px; padding: 0 10px; float: left; border: 1px solid #555; border-width: 0 1px; }
	#footer1 .column2-5 { width: 206px; margin: 0 -1px 0 0; padding: 0 10px; float: left; border: 1px solid #555; border-width: 0 1px; }
	#footer1 .column3 { width: 215px; float: left; padding: 0 0 0 10px; border-left: 1px solid #555; }
		#footer1 h4 { margin: 0 0 10px 0; }
		
	.footer-widget { margin: 0 0 20px 0; }
	
	#footer1 #wp-calendar { border: 1px solid #B2B2B2; padding: 3px 5px; width: 175px; background: #222; color: #B2B2B2; }
	#footer1 #wp-calendar caption { text-align: left; font-weight: bold; font-size: 12px; margin: 0 0 3px 0; }
	#footer1 #wp-calendar a { font-weight: bold; color: #009900; text-decoration: none; }
	#footer1 #wp-calendar a:hover { color: #FFF; text-decoration: underline; }


#footer2-wrap { width: 100%; background: #161616; min-height: 55px; padding: 0 0 10px 0; }
#footer2 { margin: 0 auto; width: 900px; color: #8C8C8C; }
	#footer2 a { color: #8C8C8C; text-decoration: none; }
	#footer2 a:hover { color: #EEE; }
	#footer2-left { width: 425px; float: left; margin: 20px 0 0 0; }
	#footer2-right { width: 425px; float: right; text-align: right; margin: 20px 0 0 0; }

/* COMMENTS */
.comments-template { background: url(graphics/comments-template-bg2.png) no-repeat bottom left; }
.comments-template2 { padding: 18px 0 14px 20px; background: url(graphics/comments-template-bg.png) no-repeat top left; min-height: 60px; }
.comments-template h2 { margin: 0 0 0 40px; font-family: Georgia, Sans-serif; font-size: 16px; }
.comments-template h3 { font-family: Georgia, Sans-serif; font-size: 16px; }
.commentlist { list-style: none; margin: 25px 0 0 25px; }

.avatar { float: left; margin: 0 10px 0 0; border: 1px solid #AAA; }
.comment-author .url { font-style: normal; font-weight: normal; }
.comment-author .says { display: none; }
.comment-author-admin .fn { font-weight: bold; font-style: normal; }
.comment-author-admin img { border: 1px solid #000; }
.comment-author-admin .comment-body { background: #d9eec9; border: 1px solid #b9d6a4; padding: 5px 10px 5px 5px; color: #000; }
.depth-1 { margin: 0 0 20px 0; padding: 5px 0 10px 12px; border-left: 2px solid #E2E2E2; border-bottom: 2px solid #E2E2E2; }
.depth-2, .depth-3, .depth-4, .depth-5 { background: url(graphics/comments-reply.jpg) no-repeat top left; padding: 10px 0 0 50px; margin: 20px 0 0 0; border-top: 1px solid #DDD; }
.comment-body p { display: block; }
.comments-closed { margin: 20px 0 0 40px; }

.comment-meta { margin: 0 0 8px 0; font-size: 10px; }
.commentmetadata a { color: #999; }
.comments-template .reply { margin: 0 0 0 0; clear: both; }
	.comments-template .reply a { color: #999; }
	.comments-template .reply a:hover { color: #666; }

.children { list-style: none; margin: -10px 0 0 10px; }

#respond { margin: 20px 0 5px 25px; }
#respond h3 { border-top: 1px solid #999; padding: 10px 0 0 0; }
#respond input { margin: 0 0 0 10px; }

.comments-template p.nocomments { padding: 0; }
.comments-template textarea { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; width: 575px; }
#commentform small { font-style: italic; }

/* Print Styles */
@media print {
* { color: #000; background: #FFF; }
#topnav-wrap, #header #logo-space, #secondarynav, #secondarynav2, #navigation, .sidebar, #sn-wrap, #footer1-wrap, #respond, .date-box { height: auto; display: none; }
#header-wrap { height: 75px; }
.box, .box-full, .post-box, .sticky-post .post-box { width: 100%; }
}