/*   
Theme Name: Elegante
Theme URI: http://www.3roadsmedia.com/themes/elegante/
Description: An elegant theme with modern fonts and clean lines.
Author: 3 Roads Media
Author URI: http://www.3roadsmedia.com/
Version: 2.0
Tags: red, white, fixed-width, two-columns, threaded-comments, right-sidebar
*/

/*------------------------------*/
/* GLOBALS						*/

* { margin:0; padding:0; }

body {
	color:#666;
	font:12px "Lucida Sans Unicode", Arial, sans-serif;
	}

a		{ color:#782221; text-decoration:none; }
a img 	{ border:0; }
a:hover { color:#b62422; text-decoration:underline; }

blockquote {
	border-left:2px solid #782221;
	color:#333;
	font:17px Georgia, serif;
	margin:0 10px 15px;
	}
blockquote p {
	border-left:1px solid #782221;
	margin-left:2px;
	padding:0 0 0 15px;
	}

body { background:url(images/bg_body.png) center 84px repeat-x; }

h2 { padding-top:15px; }
h2, h2.post-title {
	font:italic 17px Georgia;
	margin-bottom:10px;
	position:relative;
	}
/* prevent post titles from overlapping comment bubbles */
h2.post-title { padding:0 38px 0 0; }

p { line-height:17px; padding-bottom:15px; }
p.bio {
	border-bottom:1px solid #ccc;
	font:11px Georgia, serif;
	line-height:16px;
	margin-bottom:22px;
	padding:15px 0;
	}
p.bio img { float:right; }

/* code blocks */
pre {
	background:url(images/bg_codebox.gif);
	border:1px solid #ccc;
	color:#000;
	margin-bottom:15px;
	overflow:auto;
	padding:10px;
	}
/* use these classes for colored syntax */
pre .script	{ color:#900; }
pre .value 	{ color:#00f; }
pre .var 	{ color:#009; font-weight:bold; }


/*------------------------------*/
/* STRUCTURE					*/

#wrapper {
	background:url(images/bg_wrapper.png) repeat-y;
	margin:0 auto;
	padding:0 40px 20px 31px;
	width:890px;
	}

#inner { padding:0 40px; }


	/*------------------------------*/
	/* HEADER						*/

	#header { padding-top:5px; }
	#header h1 {
		height:68px;
		float:left;
		margin:4px 0 0;
		width:261px;
		}
	#header h1 a { font-weight:normal; }
	#header ul 	 { padding-top:48px; text-align:right; list-style:none; }


		/*------------------------------*/
		/* NAVIGATION					*/

		#nav a { color:#333; }
		#nav li {
			border:0;
			display:inline;
			font:20px Georgia, Times, serif;
			padding:0 15px 0 10px;
			text-transform:lowercase;
			}
		#nav li.page_item	{ border-right:1px solid #ccc; }
		#nav object			{ margin:0 0 -10px; }


		/*------------------------------*/
		/* MASTHEAD						*/

		#masthead {
			background:url(images/banners/rotate.php) 0 3px no-repeat;
			border-bottom:2px solid #ccc;
			border-top:3px double #ccc;
			clear:left;
			height:180px;
			padding:3px 0 6px;
			width:810px;
			}


	/*------------------------------*/
	/* MAIN CONTENT					*/

	#main { float:left; margin:25px 10px 40px; }
	
	#content {
		float:left;
		min-height:450px;
		padding-right:40px;
		width:490px;
		}

	.featured h2, h2#header, h2.archives {
		color:#333;
		font:24px Georgia, Times, serif;
		margin-bottom:11px;
		padding:0;
		}
	.featured h2 a, h2#header a, h2.archives { color:#333; }
	.featured h2 a:hover, h2#header a:hover, h2.archives a:hover { color:#666; text-decoration:none; }


		/*------------------------------*/
		/* SIDEBAR						*/

		#sidebar { float:left; width:260px; }
		#sidebar h3 {
			border-bottom:3px double #ccc;
			color:#333;
			font:24px Georgia, Times, serif;
			padding-bottom:4px;
			}
		#sidebar li { border-bottom:1px solid #ccc; line-height:17px; padding:6px 0 9px; }
		#sidebar ul { list-style:none; margin-bottom:22px; }


			/*------------------------------*/
			/* POPULAR POSTS				*/

			#popular-posts a { display:block; padding-right:58px; }

			#popular-posts li,
			#author-list li,
			#category-list li { position:relative; }

			#popular-posts span,
			#author-list span,
			#category-list span {
				font:11px "Lucida Sans Unicode", Arial, sans-serif;
				position:absolute;
				right:0;
				text-transform:uppercase;
				top:7px;
				}


			/*------------------------------*/
			/* CATEGORY CLOUD				*/

			#category_cloud {
				border-bottom:1px solid #ccc;
				font-family:Georgia, serif;
				padding:4px 0 9px;
				margin-bottom:22px;
				}


			/*------------------------------*/
			/* RECENT COMMENTS				*/

			#recent-comments a {
				display:block;
				font:italic 11px Georgia, serif;
				text-align:right;
				}
			#recent-comments li { position:relative; }


	/*------------------------------*/
	/* FOOTER						*/

	#footer-outer { background:#b62422 url(images/bg_scanlines-bot.png) bottom left repeat-x; }
	#footer {
		background:url(images/bg_scanlines-top.png) repeat-x;
		color:#fff;
		font:12px Georgia, Times, serif;
		}
	#footer a, #subfooter a { color:#fff; }
	#footer div, #subfooter div {
		margin:0 auto;
		padding:25px 10px;
		width:840px;
		}
	#footer div.clear { padding:0; }
	#footer div.thirds {
		float:left;
		margin-right:45px;
		padding:0;
		width:250px;
		}
	#footer div div.thirds + div + div { margin:0; }

	#footer h3 { font:bold 20px Georgia, Times, serif; margin-bottom:10px; }

	#footer li 		{ background:url(images/bg_dotted.gif) bottom left repeat-x; padding:4px 0 7px; }
	#footer li a 	{ display:block; }
	#footer ul 		{ list-style:none; }


	/*------------------------------*/
	/* SUB FOOTER					*/

	#subfooter 			{ background:#782221 url(images/bg_subfooter.gif) repeat-x; clear:left; }
	#subfooter a.last 	{ position:absolute; top:10px; right:40px; }
	#subfooter div 		{ padding:10px 40px; position:relative; }



/*------------------------------*/
/* SEARCH BOX 					*/

#search-form { float:left; margin:10px 0 12px; }
#search-form input, fieldset input {
	background:url(images/form_inputbox.png) no-repeat;
	border:0;
	color:#666;
	float:left;
	font:12px "Lucida Sans Unicode", Arial, sans-serif;
	height:27px;
	padding:5px 6px;
	width:168px;
	}
#search-form input.submit {
	background:url(images/btn_search.png);
	cursor:pointer;
	font-weight:bold;
	height:27px;
	text-indent:-9999px;
	width:80px;
	}
#search-form input.submit:hover { background-position:0 -27px; }


/*------------------------------*/
/* POST CONTENT					*/

.post { border-bottom:1px solid #ccc; margin-bottom:17px; }

.post-content 			{ clear:both; }
.post-content a 		{ text-decoration:underline; }
.post-content a:hover 	{ text-decoration:none; }

/* "Continue reading..." link */
.post-content a.more-link {
	display:block;
	font:bold 12px Georgia, serif;
	padding-top:15px;
	text-decoration:none;
	}
.post-content a.more-link:hover { text-decoration:underline; }

.post-content h2 {
	background:url(images/border_dotted.gif) bottom left repeat-x;
	color:#333;
	font:bold 20px "Palatino Linotype", Georgia, serif;
	line-height:24px;
	padding-bottom:3px;
	}
.post-content h3 { color:#333; font:18px "Palatino Linotype", Georgia, serif; margin:10px 0; }
.post-content h4 { font-size:14px; margin:10px 0; }
.post-content h5 { font-size:12px; margin:10px 0; }
.post-content h6 { font-size:10px; margin:5px 0; }

.post-content h2 a, .post-content h3 a,
.post-content h4 a, .post-content h5 a,
.post-content h6 a { text-decoration:none; }

.post-content p,
.post-content ol,
.post-content ul { font-size:13px; line-height:20px; }

.post-content ol,
.post-content ul { margin-left:30px; padding-bottom:15px; }

/* indented ol */
.post-content ol ol { list-style:upper-alpha; }
.post-content ol ol ol { list-style:upper-roman; }
.post-content ol ol ol ol { list-style:lower-alpha; }
.post-content ol ol ol ol ol { list-style:lower-roman; }

/* indented ul */
.post-content ul { list-style:square; }
.post-content ul ul { list-style:circle; }
.post-content ul ul ul { list-style:disc; }
.post-content ul ul ul ul { list-style:square; }
.post-content ul ul ul ul ul { list-style:circle; }

.post-content ul ul, .post-content ul ul ul,
.post-content ol ol, .post-content ol ol ol { padding-bottom:0; }


	/*------------------------------*/
	/* DROP CAP (FIRST LETTER)		*/

	#home .featured .post-content > p:first-child:first-letter,
	#single .post-content p:first-child:first-letter {
		color:#782221;
		float:left;
		font:42px Georgia, serif;
		margin:5px 4px 0 0;
		}
	/* remove drop caps in blockquotes */
	#single .post-content blockquote p:first-child:first-letter {
		color:#333;
		float:none;
		font:17px Georgia, serif;
		margin:0;
		}


/*------------------------------*/
/* PRE POST META BOX			*/

#pre-post-meta {
	border-bottom:1px solid #ccc;
	border-top:3px double #ccc;
	float:left;
	font:11px Georgia, serif;
	margin:-7px 0 14px;
	width:100%;
	}
#pre-post-meta a 			{ color:#999; }
#pre-post-meta a:hover 		{ color:#333; }
#pre-post-meta span 		{ display:block; float:left; }
#pre-post-meta span span 	{ color:#ccc; }
#pre-post-meta #byline		{ padding:4px 0; position:relative; width:361px; }
#pre-post-meta .comments, h2 .comments {
	background:url(images/comment-bubble.gif) no-repeat 0 4px;
	color:#666;
	font:bold 12px "Lucida Sans", Arial, sans-serif;
	padding:3px 0 4px 22px;
	position:absolute;
	right:10px;
	top:1px;
	width:auto;
	}
#pre-post-meta .comments:hover, h2 .comments:hover {
	background-position:0 -14px;
	color:#333;
}
#pre-post-meta #prev {
	border-left:1px solid #ccc;
	border-right:1px dotted #ccc;
	padding:4px 10px;
	width:60px;
	}
#pre-post-meta #next { padding:4px 0 4px 10px; }

h2 .comments { right:0; }


	/*------------------------------*/
	/* MAIN PAGE (DIFFERENT STYLES) */

	/* "previous" and "next" links don't appear on home page,
		so widen byline and shift comments flush right */
	#home #pre-post-meta #byline	{ width:100%; }
	#home #pre-post-meta .comments	{ color:#666; right:0; }


/*------------------------------*/
/* SOCIAL BOOKMARKS				*/

.bookmarks			{ padding:15px 0; }
.bookmarks a		{ color:#999; padding:0 20px; }
.bookmarks a:hover	{ color:#333; }

a.delicious		{ background:url(images/badge_delicious.png) bottom left no-repeat; }
a.digg			{ background:url(images/badge_digg.png) bottom left no-repeat; }
a.stumbleupon	{ background:url(images/badge_stumbleupon.png) bottom left no-repeat; }
a.technorati	{ background:url(images/badge_technorati.png) bottom left no-repeat; }


/*------------------------------*/
/* POST POST META BOX			*/

.post-meta {
	background:#eee url(images/border_dotted.gif) repeat-x;
	margin:5px 0 20px;
	position:relative;
	}
.post-meta a			{ color:#999; }
.post-meta a:hover 		{ color:#333; }
.post-meta div 			{ background:url(images/border_dotted.gif) bottom left repeat-x; }
.post-meta div + div 	{ background-color:#f7f7f7; }
.post-meta div + div p 	{ background:url(images/icon_tag.png) 13px 8px no-repeat; }
.post-meta p 			{ background:url(images/hand.gif) 10px 10px no-repeat; padding:6px 46px 8px; }
.post-meta span {
	background:url(images/comment-bubble.gif) no-repeat;
	position:absolute;
	right:10px;
	top:10px;
	width:17px;
	}
.post-meta span:hover	{ background-position:0 -18px; }
.post-meta span.edit 	{ background:none; font-weight:bold; right:20px; top:7px; }


/*------------------------------*/
/* PAGINATION					*/

#wp_page_numbers a 		 { color:#999; font-weight:bold; padding:0 5px; }
#wp_page_numbers a:hover { background:#eee; color:#666; text-decoration:none; }
#wp_page_numbers li {
	display:block;
	float:left;
	margin-left:3px;
	}
#wp_page_numbers li.active_page 		{ background:#666; }
#wp_page_numbers li.active_page a 		{ color:#fff; }
#wp_page_numbers li.active_page a:hover { background:#555; }
#wp_page_numbers li.page_info 			{ background:none; margin:0; padding-right:10px; }
#wp_page_numbers ul 					{ list-style:none; }



/*------------------------------*/
/* COMMENTS						*/

h3#leave-comment { border-bottom:3px double #ccc; }

#comments h3 {
	clear:left;
	color:#333;
	font:22px Georgia, Times, serif;
	}
#comments li {
	border-top:2px solid #ccc;
	clear:left;
	float:left;
	width:100%;
	}
#comments li div {
	background:url(images/comment-bubble-single.gif) 0 14px no-repeat;
	border-top:2px solid #666;
	float:left;
	font:12px Georgia, serif;
	margin-top:-2px;
	padding:11px 10px 30px 25px;
	width:125px;
	}
#comments li div a 	  { font:12px Georgia, serif; }
#comments li div em   { display:block; }
#comments li div span {
	display:block;
	font:11px "Lucida Sans Unicode", Arial, sans-serif;
	padding-bottom:6px;
	}
#comments ol {
	border-bottom:1px solid #ccc;
	float:left;
	list-style:none;
	margin-bottom:22px;
	width:100%;
	}
#comments p {
	margin-top:-2px;
	margin-left:160px;
	padding:10px 0;
	}

#comments #notice, #notice {
	background:#ff9 url(images/hand-yellow.gif) 10px 8px no-repeat;
	clear:left;
	margin-bottom:10px;
	padding:5px 0 8px 46px;
	width:444px;
	}

/* "edit..." comment link for admins */
#comments .edit { display:block; padding-bottom:10px; }


	/*------------------------------*/
	/* AUTHOR COMMENTS				*/

	/* style author comments differently */
	#comments li.bypostauthor 		{ background:url(images/bg_comment-author.gif) top right no-repeat; }
	#comments li.bypostauthor > div { border-top:2px solid #cda75e; }


	/*------------------------------*/
	/* NESTED COMMENTS		 		*/

	ul.children 				{ list-style:none; }
	ul.children li.depth-2 		{ margin-left:25px; }
	ul.children li.depth-3 		{ margin-left:50px; }
	ul.children li.depth-4 		{ margin-left:75px; }
	ul.children li.depth-5 		{ margin-left:100px; }

	#comments ul.children li	{ width:auto; }


	/*------------------------------*/
	/* "LEAVE A REPLY" BUTTON 		*/

	a.comment-reply-link {
		background:url(images/btn_reply.png);
		float:right;
		height:19px;
		margin:0 10px 10px 0;
		text-indent:-9999px;
		width:42px;
		}
	a.comment-reply-link:hover { background-position:0 -19px; }


	/*------------------------------*/
	/* "CANCEL REPLY" LINK	 		*/

	#cancel-reply a {
		background:#fcc url(images/hand-red.gif) 10px 8px no-repeat;
		display:block;
		margin:10px 0 -5px;
		padding:5px 0 8px 46px;
		width:444px;
		}


	/*------------------------------*/
	/* "LEAVE A COMMENT" FORM		*/

	#comments form input, textarea {
		background:#eee;
		border:1px solid #ccc;
		border-width:0 0 1px;
		color:#666;
		font:12px "Lucida Sans Unicode", Arial, sans-serif;
		padding:2px 5px;
		width:218px;
		}
	#comments input#submit, input.sendbutton {
		background:url(images/btn_submit.png);
		border:0;
		cursor:pointer;
		font-size:0;
		height:33px;
		letter-spacing:-9999px;
		margin-left:160px;
		width:108px;
		}
	#comments input#submit:hover	{ background-position:0 -33px; }
	#comments input#subscribe 		{ float:left; margin-right:5px; }
	#comments label[for=subscribe] 	{ width:auto; }
	#comments form label {
		float:left;
		font:12px Georgia, serif;
		width:160px;
		}
	#comments form li 		{ border:0; padding-bottom:10px; }
	#comments form textarea { width:320px; }
	#comments form ul 		{ float:left; list-style:none; margin-top:10px; }

	.required { color:#9f2321; }


/*------------------------------*/
/* PAGE SPECIFIC 				*/

	/*------------------------------*/
	/* ARCHIVES PAGES				*/

	h2.archives {
		border-bottom:3px double #ccc;
		margin:0 0 15px;
		padding-bottom:4px;
		}

	#archive #content { width:395px; }
	#archive #sidebar { width:355px; position:relative; }


	/*------------------------------*/
	/* SINGLE ARTICLE VIEW			*/

	#single h2 .comments	{ display:none; }
	#single #pre-post-meta	{ display:block; }

	/* adjust positioning of "edit" link */
	#single .post-meta p	{ padding-right:70px; }
	#single span.edit		{ right:45px; }


	/*------------------------------*/
	/* STATIC PAGES					*/

	#page #pre-post-meta { border-bottom:0; }


	/*------------------------------*/
	/* SEARCH RESULTS PAGE			*/

	#search #pre-post-meta			{ border-bottom:0; margin-bottom:10px; }
	#search #content .post div h2	{ background:url(images/border_dotted.gif) repeat-x; }

	/* style page results */
	#search #content .post div.page { background:url(images/bg_search-page.gif) right 10px no-repeat; margin-left:25px; }
	/* style post results */
	#search #content .post div.post { border:0; margin:0; padding:0; }

	.search-query-results {
		font:13px Georgia, Times, serif;
		font-style:italic;
		}
	.search-term { font-weight:bold; }


/*------------------------------*/
/* WORDPRESS CLASSES			*/

.aligncenter	{ text-align:center; }
.alignleft,
.alignnone 		{ float:left; margin-right:10px; }
.alignright 	{ float:right; margin-left:10px; }

/* images and captions */
.wp-caption {
	background:#f3f3f3;
	border:1px solid #ddd;
	font:11px Georgia, serif;
	margin-bottom:15px;
	text-align:center;
	}
.wp-caption img { padding:5px 0 8px; }
.wp-caption p 	{ font-size:11px; font-style:italic; padding-bottom:8px; }


/*------------------------------*/
/* MISCELLANEOUS				*/

a#admin { float:left; }

#biopic {
	background:url(images/bg_frame.png) center right no-repeat;
	height:127px;
	position:absolute;
	right:0px;
	top:10px;
	width:136px;
	}
#biopic img { padding:21px 0 0 20px; }

.clear 		{ clear:both; display:block; }