/*
Theme Name: Illustrious
Theme URI: http://themes.bavotasan.com/themes/premium-themes/illustrious
Description: A Premium Theme with a fully customizable layout. Theme options include site width, widgetized sidebars and footer bar, header logo, Google Analytics, Twitter feeds, translation ready and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.7.x and up, using Firefox 3.5, IE 6, 7 & 8. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://bavotasan.com">c.bavota</a> and <a href="http://pressgrid">Juan Gordillo</a>.
Version: 1.0.1
Author: c.bavota, Juan Gordillo
Author URI: http://themes.bavotasan.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

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

*/

/* Basic Tag Elements */

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

body {
	padding: 0; 
	margin: 0;
	background: url(images/bg.png);
	color: #fff;
	}

#body {
 	margin: 0 auto; 
	font-size: 14px; 
	}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	}

textarea {
	width: 94%;
	}
	
.fl {
	float: left;
	}
	
.fr { 
	float: right;
	}
	
div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#mainwrapper ul, #contentwide ul {
	clear: left;
	}

/* Header Elements */

#header{
	float: left;
	width: 100%;
	}

#headerad {
	width: 468px;
	}	

#title {
	font-size: 48px;
	margin: 20px 0 0;
	padding: 0;
	line-height: 50px;
	}
	
	#title a {
		color: #fff;
		}		
	
	#title a:hover {
		color: #937293;
		text-decoration: none;
		}
		
#description {
	font-size: 12px;
	margin: 0 0 20px 10px;
	padding: 0;
	color: #fff;
	}		
	
#topheader {
	background: url(images/topbg.png) repeat;
	width: 100%;
	height: 72px;
	border-bottom:1px solid #3c5d79;
	}	
	
#navigation {
	margin: auto; 
 	z-index: 100;
 	position: relative;
	}

#navigation ul	{
	padding: 46px 0 0; 
	margin: 0;
	}
	
	#navigation ul li {
		position:relative;
		list-style-type: none;
		float: left;
		font-size: 12px;
		line-height: 18px;
		padding: 0;
		margin: 0;
		position: relative;
		}
	
	#navigation ul a {
		display: block;
		color: #fff;
		margin: 0 15px;
		padding: 0 0 12px;
		}
		
		#navigation ul a:hover {
			text-decoration: none;
			color: #aaa;
			}

#navigation ul ul { position:absolute; top:26px; left:0; background: url(images/topbg.png); display:none; list-style:none; padding: 0; width:159px; }
#navigation ul ul li {position:relative; border:1px solid #3c5d79; border-top: 0;width:159px; margin:0; padding: 3px 0; }
#navigation ul ul li a {display:block; padding:0; color: #fff; border-right: 0; font-size: 12px; }
#navigation ul ul li a:hover { color: #aaa; }
#navigation ul ul ul { position: absolute; top: 0;left:159px; display: none; padding: 0; }

#search {
	float: right;
	font-size: 12px;
	color: #fff;
	padding-top: 30px;
	width: 270px;
	}
	
	#search span {
		float: left;
		padding-top: 5px;
		}	

	#s {
		float: right;
		border: 1px solid #533753;
		padding: 5px;
		width: 200px;
		color: #50555d;
		background: url(images/pixel.png);
		}

/* Main Elements */
	
#mainwrapper, #mainwrapper2, #mainwrapperwide {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	}

#contentwide {
	float: left;
	width: 100%;
	}

#topscroller {
	clear: left;
	float: left;
	width: 100%;
	color: #fff;
	}
	
	#topscroller h1, #contentwide h1, #contactpage h1 {
		background: url(images/h1-right.png) no-repeat right;
		height: 50px;
		color: #fff;
		float: left;
		padding: 0 10px 0 3px;
		font-size: 20px;
		font-weight: normal;
		margin: 15px 0 0;
		line-height: 32px;
		}
		
	#topscroller p {
		clear: left;
		float: left;
		}	
		
	#topscroller .h1-left, #contentwide .h1-left, #contactpage .h1-left {
		width:7px;
		height: 50px;
		background: url(images/h1-left.png) no-repeat left; 
		float: left;
		margin: 15px 0 0;
		clear: left;
		}
		
		#topscroller a, #contentwide a {
			color: #fff;
			}

	#topscroller img {
		float: right;
		margin-top: 20px;
		}
		
	#topscroller p strong {
		font-size: 18px;
		font-weight: normal;
		}
		
		#topscroller ul {
			padding: 0;
			margin: 0;
			clear: left;
			}
			
			#topscroller ul li {
				background: url(images/circle-arrow.png) no-repeat left center;
				padding: 3px 0 3px 22px;
				margin: 0;
				list-style-type: none;
				}
				
		#topscroller .topentry {
			float: left;
			clear: left;
			width: 50%;
			}
			
			#topscroller .topentry p {
				float: left;
				}

div.black {
	border: 0;
	clear: both;
	float: left;
	border-bottom: 1px solid #3c5d79;
	border-top: 1px solid #111;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	}

#slogan {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	}
	
	#slogan p {
		text-align: center;
		margin: 20px auto;
		font-size: 22px;
		line-height: 26px;
		color: #fff;
		width: 70%;
		}

	#slogan .sixtyfour {
		background: url(images/64.png) no-repeat center;
		height: 80px;
		width: 60px;
		margin: 0 2%;
		}

#front-left {
	width: 50%;
	color: #fff;
	float: left;
	padding-right: 1%;
	}
	
	
	#front-left h1 {
		max-width: 95%;
		margin-bottom: 10px;
		}
		
	#front-left p {
		padding-top: 3px;
		}

#front-right {
	float: right;
	width: 48%;
	}
	
	#front-right ul {
		padding: 0;
		margin: 0;
		}
		
		#front-right li {
			list-style-type: none;
			float: left;
			display: block;
			}
	
	#front-right .h1-left {
		margin-left: 3%;
		}
	
	#front-right .blogposts {
		background: url(images/line.png) repeat-y left;
		clear: left;
		float: left;
		padding-left: 3%;
		margin: 10px 0 0;
		width: 100%;
		}
		
	#front-right .rightposts {
		width: 44%;
		margin: 0 2% 20px;
		float: left;
		color: #fff;
		font-size: 12px;
		line-height: 16px;
		}
		
		.rightposts1 {
			clear: left;
			}
		
		.rightposts2 {
			background: url(images/line.png) repeat-y left;
			padding-left: 3%;
			}

	#front-right h2 {
		font-size: 18px;
		line-height: 20px;
		margin-top: 5px;
		}
		
#quote {
	clear: both;
	float: left;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	}
	
	#quote p {
		text-align: center;
		width: 70%;
		margin: 34px auto 0;
		}
	
	#quote span {
		float: right;
		font-size: 12px;
		font-style: italic;
		}

	.quote-l {
		width: 50px;
		height: 50px;
		margin: 2%;
		float: left;
		background: url(images/quote-l.png) no-repeat center;
		}
		
	.quote-r {
		width: 50px;
		height: 50px;
		margin: 2%;
		float: right;
		background: url(images/quote-r.png) no-repeat center;
		}		

#sidebar {
	float: left;
	margin: 0;
	padding: 20px 0 0;
	}

#secondsidebar {
	float: left;
	margin: 0;
	padding: 20px 0 0;
	}
		
.side-widget, .side-widget-large {
	float: left;
	margin: 0 0 10px;
	padding: 0 15px 15px;
	font-size: 11px;
	}
	
	.side-widget-large {
		padding: 0 10px 15px;
		}
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		clear: left;
		}

	.side-widget ul li {
		padding: 0 10px 10px;
		margin: 10px 0;
		border-bottom: 1px solid #3c5d79;
		}
		
	.side-widget a {
		color: #fff;
		}
	
	.side-widget h2, .side-widget-large h2, #respond h2, #comments h2{
		font-size: 12px;
		float: left;
		padding: 0 9px 0 4px;
		text-transform: uppercase;
		color: #fff;
		margin: 0 0 10px;
		height: 35px;
		background: url(images/h2-right.png) no-repeat right;
		letter-spacing: 1px;
		line-height: 22px;
		}
		
	.side-widget .h2-left, .side-widget-large .h2-left, #respond .h2-left, #comments .h2-left {
		height: 35px;
		width: 6px;
		float: left;
		clear: left;
		background: url(images/h2-left.png) no-repeat right;		
		}
		
	#comments h2, #comments .h2-left {
		margin-top: 20px;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}	
		
	.side-widget .sidebox, .side-widget-large .sidebox {
		clear: left;
		float: left;
		width: 100%;
		}	
		
	.side-widget #s {
		width: 90%;
		}
		
	.side-widget .rsswidget img {
		display: none;
		}	
		
	.side-widget-large .sideport {
		border: 3px solid #fff;
		margin: 3px;
		
		}
		
/* Pagination */	
	
.pagination {
	margin: 20px 0 10px;
	float: left;
	background: url(images/topbg.png);
	width: 92%;
	padding: 18px 2% 16px;
	}	

.pagination a {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	color: #aaa;
	background: url(images/bg.png);	
}

.pagination a:hover {	
	border: 1px solid #555;
	color: #fff;
	background: url(images/bg.png);	
}

.pagination span.pages {
	padding: 3px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #333;
	background: url(images/bg.png);	
}
.pagination span.current {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	border: 1px solid #555;
	color: #fff;
	background: url(images/bg.png);	
}
.pagination span.extend {
	padding: 3px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #333;
	color: #aaa;
	background: url(images/bg.png);	
}		
		
/* contact */

.contactmain {
	clear: both;
	padding: 5px 0 0 0;
	}		
	
	.contactmain p {
		line-height: 30px;
		}
		
	.contactmain input, .contactmain textarea {
		background: url(images/topbg.png);
		padding: 5px;
		border: 1px solid #533753;
		color: #fff;
		}
		
	.contactmain input#submit {
		border: 0;
		padding: 5px 20px;
		cursor: pointer;
		}
	
	.contactmain #contactform {
		clear: left;
		padding-top: 20px;
		}
		
	.contactmain #contactform label {
		font-size: 11px;
		}
		
	.contactmain .map {
		float: right;
		padding-bottom: 5px;
		}
		
		.contactmain .map a {
			color: #937293 !important;
			}
		
/* index posts */

.indexposts h1 a {
	color: #fff;
	}		
		
	.indexposts img {
		margin-top: 15px;
		}	
		
/* sideads */


.sideads {
	clear: left;
	float: left;
	background: url(images/topbg.png);
	padding: 0;
	width: 100%;
	}
	
	.sideads img {
		float: left;
		margin: 6px;
		}
		
	.sideads img.clear {
		clear: left;
		}

.posts {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		}
	
	.posts img {
		margin: 10px 10px 10px 0;
		float: left;
		}
		
.readmore {
	color: #937293;
	}
	
.catheader {
	margin: 15px 0;
	font-size: 30px;
	line-height: 32px;
	}
	
	.catdesc {
		margin: 15px 2% 0;
		padding: 5px 15px;
		color: #aaa;
		font-size: 11px;
		background: url(images/topbg.png);
		border: 1px solid #111;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		}
		
#footer {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	font-size: 11px;
	background: url(images/topbg.png) repeat;
	}


		#footer .text {
			margin: auto;
			padding: 20px 0;
			text-align: center;
			clear: both;
			}
			
		#footer .text p {
			clear: both;
			margin-top: 20px;
			}

		#footer .text ul {
			padding: 0;
			margin: 0;
			float: none;
			}


		#footer .text ul li {
			display: inline;
			list-style-type: none;
			padding: 0 10px;
			font-size: 12px;
			}
			
			#footer .text ul li a {
				color: #fff;
				}
				
.plus {
	position: absolute;
	right: -40px;
	}
				
hr.bottom {
	border:0;
	height: 0;
	border-top: 1px solid #3c5d79;
	clear: both;
	width: 100%;
	margin-top: 10px;
	float: left;
	}

#bottombar {
	margin: 10px auto 0;
	font-size: 13px;
	padding-left: 2%;
	}
	
	#bottombar h3 {
		background: url(images/twitterbox.png) no-repeat right;
		height: 42px;
		float: left;
		padding: 0 12px 0 6px;
		margin: 0 0 10px 0px;
		font-weight: normal;
		line-height: 30px;
		}
		
		#bottombar div.twitter-l {
			background: url(images/twitterbox-l.png) no-repeat;
			width: 6px;
			height: 42px;
			float: left;
			margin-left: 15px;
			}
	
	#bottombar h4 {
		text-transform: uppercase;
		}
		
		#bottombar ul {
			padding: 0 0 20px;
			margin: 0;
			}	
			
			#bottombar ul li {
				list-style-type: none;
				padding: 10px 0;
				border-bottom: 1px solid #3c5d79;
				}
	
	#bottombar .bottom-widget {
		float: left;
		width: 22%;
		margin-right: 3%;
		}
		
		#bottombar .comments {
			width: 24%;
			}
		
		#bottombar .sml {
			width: 16%;
			}
			
		#bottombar .twitter {
			width: 34%;
			}
			
			#bottombar .twitter h3 a {
				color: #fff;
				}	
	
	#bottombar .rsswidget img {
		display: none;
		}		
			
	#bottombar h4 .rsswidget {
		color: #fff;
		}		
			
	#bottombar .subscribe, #bottombar .subscribewidget {
		width: 35%;
		margin-right: 3%;	
		float: right;
		}
	
	#bottombar .subscribe ul, #bottombar .subscribewidget ul {
		padding: 0;
		margin: 0;
		border-top: 1px solid #3c5d79;
		width: 100%;
		}
		
		#bottombar .subscribe ul li, #bottombar .subscribewidget ul li {
			float: left;
			list-style-type: none;
			border: 0;
			margin: 0 4%;
			background: url(images/rss.png) no-repeat left;
			padding-left: 26px;
			}
			
		#bottombar .subscribe img, #bottombar .subscribewidget img {
			margin-right: 10px;
			float: left;
			}

		#bottombar .subscribe a, #bottombar .subscribewidget a {
			padding: 3px 0 0;
			color: #fff;
			float: left;
			}
			
		#bottombar .subscribewidget {
			width: 47%;
			}

/* Portfolio */

.portfolio {
	clear: both;
	padding: 20px 0 20px;
	margin: auto;
	overflow: auto;
	}
	
	.portfolio img {
		background: url(images/portbg.jpg) no-repeat right;
		padding: 10px 10px 10px 0;
		margin: 0 0 2% 0;
		height: 143px;
		border: 0 !important;
		}
		
	.portfolio .portbg-l {
		background: url(images/portbg-l.jpg) no-repeat right;
		width: 10px;
		height: 163px;
		float: left;
		margin: 0;
		padding-left: 2%;
		}	
			
	.portfolio .clearimg {
		clear: left;
		}
		
.portcats ul {
	padding: 0;
	margin: 10px 2% 0;
	clear: both;
	float: right !important;
	}
	
	.portcats ul li {
		float: left;
		list-style-type: none;
		padding: 3px 10px;
		margin-left: 15px;
		background: url(images/topbg.png);
		}

/* Left Content Elements */

#leftcontent {
	float: left;
	}

	#leftcontent h1.posttitle {
		margin: 0 0 5px;
		padding: 0;
		font-size: 24px;
		line-height: 26px;
		font-weight: normal;
		clear: left;
		color: #fff;
		}

	#leftcontent .postby {
		font-size: 11px;
		background: url(images/topbg.png);
		padding: 8px 8px;
		float: left;
		}
		
		#leftcontent .postby a {
			color: #fff;
			}
		
	#leftcontent .postentry {
		clear: left;
		margin-top: 10px;
		float: left;
		font-size: 14px;
		width: 100%;
		}
		
	hr.bottomline {
		clear: left;
		float: left;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #3c5d79;
		margin: 10px 0 30px;
		height: 0;
		padding: 0;
		}
		
#topscroller a.more-link, a.more-link, #front-right a.more-link {
	font-size: 11px;
	float: left;
	color: #8599ab;
	font-style: italic;
	padding-right: 20px;
	background: url(images/right-arrow.png) no-repeat right;
	}
	
	.more-link:hover {
		text-decoration: none;
		}

	p.readmore {
		padding-left: 200px;
		}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	background: url(images/line.png) repeat-y 50% 0;
	}

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #aaa;
		}
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #aaa;
		padding-top:5px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}		
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
	}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
			
/* Other Elements */

#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #937293;
	}

/* Comment Elements */

#respond {
	clear: both;
	}
	
	h3#comments {
		clear: both;
		float: left;
		width: 100%;
		}
	
	#respond input, #respond textarea {
		background: url(images/topbg.png);
		border: 1px solid #3c5d79;
		color: #fff;
		padding: 5px;
		}
		
		#respond input#submit {
			cursor: pointer;
			border: 0;
			}
		
	 #respond p { font-size:11px; margin:0 0 1em; }	

	 ol.commentlist { list-style:none; margin:0; padding:0; }

	 ol.commentlist li { margin:0 0 20px; padding:5px 7px; clear: both; float: left; width: 92%; border-top: 1px solid #3c5d79;
}

	ol.commentlist li ul li {
		border: 0;
		}

	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }

	 ol.commentlist li div.vcard { font-size: 11px; line-height: 22px; width: 25%; float: left; margin-bottom: 10px;}

	 ol.commentlist li div.vcard .fn { font-style:normal; font-size: 11px; clear: both; }

	 ol.commentlist li div.vcard .fn a.url, .cancel-comment-reply a { color:#937293; text-decoration:none; }

	 ol.commentlist li div.vcard .fn a.url:hover, .cancel-comment-reply a:hover { text-decoration: underline; }

	.cancel-comment-reply { clear: left; }

	 ol.commentlist li div.vcard img.avatar { margin-bottom: 5px; }

	 ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; position:absolute; right:10px; text-align:right; top:5px; }

	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; margin:5px 0 12px; width: 100%; }

	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; list-style:square; margin:0 0 12px; padding:0; }

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; clear: right; float: right; }

	 ol.commentlist li div.reply:hover { background:#937293; border:1px solid #937293; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; float: left; background: url(images/topbg.png); padding: 10px; }

	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }

	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }

	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
			
	.commentline {
		float: left;
		width: 74%;
		padding-bottom: 20px;
		}
		
/* Ad Space */

.footerad {
	clear: both;
	width: 100%;
	float: left;
	margin: 15px 0;
	text-align: center;
	}			
		
/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 5px auto;
	border: 1px solid #3c5d79;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
	border: 1px solid #3c5d79;
}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
	border: 1px solid #3c5d79;
}

.alignnone {
	margin: 5px 0;
	border: 1px solid #3c5d79;
	}

.navigation .alignright, .navigation .alignleft {
	border: 0;
	margin: 0 10px;
	}
	
	.navigation a {
		color: #8599ab;
		font-size: 12px;
		padding: 5px 10px;
		background: url(images/topbg.png);
		display: block;
		}

	.navigation a:hover {
		text-decoration: none;
		}

.navigation {
	clear: both;
	}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   color: #444;
}

#today {
	color: #937293;
	}

#wp-calendar {
	margin: auto;
	}