/*
Theme Name: The Gallant
Theme URI:
Description: 
Version: 1
Author: Trevor Davis
Author URI: http://trevordavis.net/
*/

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #000 url(images/template/body-bg.png) repeat-x; color: #000; font: 12px/18px "Century Gothic", Verdana, Arial, sans-serif; }
h1, h2 { font-weight: normal; }
h1 { color: #000; font-size: 24px; line-height: 30px; }
h2 { color: #434343; font-size: 20px; line-height: 26px; }
h3 { font-size: 16px; line-height: 22px; }
h4 { font-size: 14px; line-height: 20px; }
h5, h6 { font-size: 12px; line-height: 18px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { display: block; }

a { color: #5ea8e7; }
a:visited { }
a:hover { text-decoration: none; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ol, dl { margin-left: 18px; }
ul { list-style: none; }
ul li { background: url(images/template/bullet.png) no-repeat 0 0.5em; padding-left: 18px; }
blockquote { background: url(images/template/blockquote-bg.png) no-repeat; font-size: 16px; line-height: 22px; padding: 0 40px; }
input, select, textarea { font: inherit; }
label { cursor: pointer; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { display: block; left: -9999px; position: absolute; top: -9999px; }
.listing { margin: 0; }
.listing li { background: none; margin-bottom: 18px; padding-left: 0; }

/*****Basic Layout*****/
#container { margin: 0 auto; overflow: hidden; width: 940px; }
#header { color: #fff; overflow: hidden; padding-top: 89px; }
#primaryColumn { float: left; width: 700px; }
#secondaryColumn { float: right; width: 220px;}
#content { background: #e2e2e2; /*padding: 40px; width: 620px;*/ width: 700px; }
#footer { border-top: 1px solid #fff; clear: both; margin-top: 100px; }
#footer .container { margin: 0 auto; overflow: hidden; padding: 18px 0; width: 940px; }

/*****Header*****/
#header #logo {
	background: #000;
	border: 1px solid #a5a5a5;
	border-bottom: none;
	color: #fff;
	float: left;
	padding: 19px 0 11px;
	position: relative;
	top: 1px;
	width: 698px;
}
#header #logo a { 
	display: block; 
	height: 77px; 
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 463px;
}
#header #logo span {
	background: url(images/template/logo.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#header #headerSearchForm { float: right; }
#header #headerSearchForm p { margin-bottom: 0; }
#header #headerSearchForm #headerSearch { 
	background: #c9c9c9 url(images/template/header-search-left.png) no-repeat 0 50%; 
	border: none;
	color: #636363;
	padding: 4px 8px 3px 13px;
	text-transform: uppercase;
	width: 173px;
}
#header #headerSearchForm #headerSearchButton { 
	background: #5ea8e7 url(images/template/header-search-right.png) no-repeat 100% 50%;
	border: none; 
	color: #fff; 
	cursor: pointer;
	overflow: visible;
	padding: 3px 6px 2px;
	text-transform: uppercase;
}

/*****Navigation*****/
#nav {
	background: #000;
	border: 1px solid #a5a5a5;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding-left: 40px;
	width: 658px;
}
#nav li { background: url(images/template/nav-separator.png) no-repeat 100% 50%; float: left; padding: 0 19px 0 16px; }
#nav .fashion { padding-left: 0; }
#nav .contact { background: none; padding-right: 0; }
#nav a { 
	color: #fff;
	display: block;
	height: 32px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
#nav .fashion a { width: 64px; }
#nav .entertainment a { width: 123px; }
#nav .tech a { width: 40px; }
#nav .etcetera a { width: 75px; }
#nav .about a { width: 51px; }
#nav .contact a { width: 70px; }
#nav span {
	background: url(images/template/nav.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#nav .fashion span { background-position: 0 0; }
#nav .entertainment span { background-position: -64px 0; }
#nav .tech span { background-position: -187px 0; }
#nav .etcetera span { background-position: -227px 0; }
#nav .about span { background-position: -303px 0; }
#nav .contact span { background-position: -354px 0; }

/*****Content*****/
#content img { border: 1px solid #b0b0b0; }

.post {
	border-bottom: 20px solid #cbcbcb;
	overflow: hidden;
	padding: 20px;
	width: 656px;
}
.post .postImage { border: 1px solid #b0b0b0; float: left; }
.post .content { float: right; width: 416px; }
.post .content h3 { font-size: 20px; font-weight: normal; line-height: 24px; }
.post .content h3 a { color: #000; text-decoration: none; }
.post .content h3 a:hover { text-decoration: underline; }
.post .content h4, .post .dateAuthor { color: #9f9f9f; font-size: 14px; font-weight: normal; line-height: 20px }
.post .dateAuthor { margin-bottom: 18px; }
.post .content h4 a, .post .dateAuthor a { color: #9f9f9f; display: inline; text-decoration: none; }
.post .content h4 a:hover, .post .dateAuthor a:hover { text-decoration: underline; }
.post .content p { margin-bottom: 4px; }
.post .content .more-link { 
	background: url(images/template/read-more.png) no-repeat;
	float: right;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	width: 115px;
}
.post .content .more-link:hover { background-position: 0 -32px; }
.post .content .listing { margin-top: 20px; }
.post .content .listing li { margin-bottom: 0; }
.post .content .listing .comments a { color: #5ea8e7; position: relative; text-decoration: none; }
.post .content .listing .comments a .point {
	border-bottom: 0.6em solid #fff; /* IE fix */
	border-bottom: 0.6em solid rgba(94,68,231,0); 
	border-left: 0.6em solid #5ea8e7;
	display: block;
	height: 0;
	left: 0.5em;
	overflow: hidden;
	position: absolute;
	top: 1.25em;
	width: 0;
}
.post .content .listing .comments a em { 
	background: #5ea8e7; 
	color: #fff; 
	font-style: normal;
	padding: 1px 4px; 
	position: relative;
}

.archive h1 { padding: 20px 20px 0 20px; }

#comments, #respond { padding: 20px; }
#comments .commentlist { border-bottom: 1px solid #CBCBCB; list-style: none; margin: 0; }
#comments .commentlist li { border: 1px solid #CBCBCB; border-width: 1px 1px 0 1px; overflow: hidden; padding: 10px; }
#comments .commentlist .even { background: #fff; }

.forms { list-style: none; margin: 0; overflow: hidden; }
.forms li { float:right; margin-bottom: 10px; width: 220px; }
.forms .textarea { float: left; width: 380px; }
.forms .buttons { clear: both; margin-top: -3.2em; }
.forms label { cursor: pointer; display: block; font-weight: bold; }
.forms input, .forms textarea, #content #wp-email-button #wp-email-submit { border: 1px solid #5EA8E7; border-radius: 3px; -moz-border-radius: 3px; padding: 3px; -webkit-border-radius: 3px; width: 212px; }
.forms textarea { height: 250px; margin-bottom: none; width: 372px; }
.forms .subscribe input { float: left; }
.forms .subscribe label { float: right; width: 195px; }
.forms .buttons input, #content #wp-email-button #wp-email-submit { background: #5EA8E7; border: none; color: #fff; cursor: pointer; padding: 5px; width: 210px; }
#content #wp-email-button #wp-email-submit { float: right; }
.error { color: #f00; font-size: 10px; display: block; }
.required { color: #5EA8E7; font-style: normal; padding-right: 5px; }
.gallery { margin: 5px 0 0; overflow: hidden; width: 100%; }
.gallery li { background: none; float: left; padding: 0 10px 10px 0; }
.gallery img { display: block; }

.share { margin: 0 0 18px 0; overflow: hidden; width: 100%; }
.share h3 { float: left; line-height: 32px; margin-right: 10px; }
.share ul { float: left; margin: 0; }
.share li { background: none; float: left; margin-right: 10px; padding: 0; }
.share a {
	background: url(images/template/ico-social.png) no-repeat;
	display: block;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
}
.share .twitter a { background-position: 0 0; }
.share .delicious a { background-position: -32px 0; }
.share .digg a { background-position: -64px 0; }
.share .facebook a { background-position: -96px 0; }
.share .stumbleupon a { background-position: -128px 0; }
.share .email a { background-position: -160px 0; }
.share .twitter a:hover { background-position: 0 -32px; }
.share .delicious a:hover { background-position: -32px -32px; }
.share .digg a:hover { background-position: -64px -32px; }
.share .facebook a:hover { background-position: -96px -32px; }
.share .stumbleupon a:hover { background-position: -128px -32px; }
.share .email a:hover { background-position: -160px -32px; }

/*****Pagination*****/
.wp-pagenavi { 
	color: #fff; 
	font-size: 18px;
	line-height: 18px;
	margin-top: 26px; 
	text-align: center;
}
.wp-pagenavi a { color: #5ea8e7; padding: 6px; text-decoration: none; }
.wp-pagenavi .page { color: #fff; }
.wp-pagenavi .current { background: #1a1a1a; border: 1px solid #fff; color: #5ea8e7; padding: 6px; }

/*****Sidebar*****/
#secondaryColumn a { color: #fff; text-decoration: none; }
#secondaryColumn a:hover { text-decoration: underline; }
#secondaryColumn .section { background: url(images/template/sidebar-section-bg.png) no-repeat left bottom; margin: 0 0 18px; padding: 0 0 18px; }
#secondaryColumn .section .inner { clear: both; overflow: hidden; }
#secondaryColumn .section h3 { 
	background: url(images/template/sidebar-h3-bg.png) repeat-x left bottom;
	color: #fff;
	float: left;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
#secondaryColumn .section ul li { background-image: url(images/template/sidebar-bullet.png); }
#secondaryColumn .section .follow { list-style: none; overflow: hidden; }
#secondaryColumn .section .follow li { background: none; float: left; margin-right: 10px; padding-left: 0; }
#secondaryColumn .section .follow img { border: none; }
#secondaryColumn .section .listing li { background: none; }
#secondaryColumn .section img { border: 1px solid #fff; }
#secondaryColumn .fvck3ry img { display: block; }

/*****Footer*****/
.toTop {
	clear: left;
	display: block;
	float: left;
	height: 21px;
	margin-top: 100px;
	overflow: hidden;
	position: relative;
	width: 134px;
}
.toTop span {
	background: url(images/template/return-top.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#footer ul { float: right; list-style: none; }
#footer ul li { background: url(images/template/nav-separator.png) no-repeat 100% 50%; float: left; padding: 0 13px 0 10px; }
#footer ul .sitemap { background: none; padding-right: 0; }
#footer ul a {
	display: block;
	height: 22px;
	overflow: hidden;
	position: relative;
}
#footer ul .advertise a { width: 83px; }
#footer ul .terms a { width: 102px; }
#footer ul .privacy a { width: 120px; }
#footer ul .sitemap a { width: 69px; }
#footer ul span {
	background: url(images/template/footer-nav.png) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#footer ul .advertise span { background-position: 0 0; }
#footer ul .terms span { background-position: -83px 0; }
#footer ul .privacy span { background-position: -185px 0; }
#footer ul .sitemap span { background-position: -305px 0; }

/*****Colorbox*****/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/template/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/template/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/template/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/template/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}

/*****Homepage*****/
#home #featured { 
	background: #1a1a1a; 
	border: 1px solid #454545; 
	border-top: none; 
	float: left;
	margin-bottom: 20px;
	width: 698px;
}
#home #featured .frames, #home #featured .frame { height: 315px; overflow: hidden; position: relative; width: 698px; }
#home #featured .frame { background: #000; display: none; position: absolute; z-index: 10; }
#home #featured .frame.current { z-index: 100; }
#home #featured .frame img { display: block; left: 0; position: absolute; top: 0; }
#home #featured .frame .caption {
	background: url(images/template/featured-caption-bg.png);
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 20px;
	position: absolute;
	width: 658px;
}
#home #featured .frame .caption a { color: #5ea8e7; text-decoration: none; }
#home #featured .frame .caption a:hover { text-decoration: underline; }
#home #featured .frame .caption p { margin-bottom: 0; }
#home #featured .nav { margin: 0 auto; overflow: hidden; width: 658px; }
#home #featured .nav li { 
	background: none; 
	float: left; 
	margin-right: 20px; 
	padding: 0 0 10px 0;
	width: 149px;
}
#home #featured .nav .last { margin-right: 0; }
#home #featured .nav a {
	color: #fff;
	display: block;
	padding: 20px 0 2px;
	text-align: center;
	text-decoration: none;
}
#home #featured .nav .current a { background: #fff url(images/template/featured-nav-current.png) no-repeat; color: #000; }
#home #featured .nav img { border: 1px solid #fff; display: block; margin-bottom: 2px; }
#home #content { border: 2px solid #dddddd; clear: both; padding: 0; width: 696px; }
#home .latestNews { 
	background: #c0c0c0; 
	color: #000;
	font-size: 28px;
	line-height: 34px;
	padding: 6px 20px;
}