/*
Theme Name: FITSexy
Author: Nathan Rice
Author URI: http://www.nathanrice.net/
Version: 1.0
Description: A custom theme for FITSNews.com

This theme is copyright, Nathan Rice, for FITSNews.com
*/

/*********************************************
		Reset Styles
*********************************************/
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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

img#wpstats { width:0px; height:0px; overflow:hidden; }

/** Custom font for headlines **/
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/league_gothic-webfont.eot');
	src: local('League Gothic Regular'), local('League Gothic'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfont7W7FVmB9') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*********************************************
		HTML, Body Styles, Typographic Baseline
*********************************************/
html {
	background: #e7e7e7 url(images/html-bg.jpg) top center repeat-y;
}
body {
	background: url(images/body-bg.jpg) top center no-repeat;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px; line-height: 1.5;
	margin: 0; padding: 0;
	min-height: 400px;
}
 
/*********************************************
		Universal Link Styles
*********************************************/
a {
	color: #31567b;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
 
/*********************************************
		Universal Text Elements
*********************************************/
ol, ul { margin: 5px 35px; }
ol { list-style-type: decimal; }
ul { list-style-type: square; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
p { margin: 0; padding: 10px 0; }
img { border: 0; background: none; }
blockquote, q {
	border-left: 1px solid #ddd;
	margin: 0 0 0 10px; padding: 10px 30px;
	font-style: italic;
}
code { /* inline code */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	font-size: 11px;
	background: #EEE;
	overflow: auto;
}
pre { /* code blocks */
	font-family: Monaco, Console, "Courier New", Courier, monospace !important;
	font-size: 11px;
	margin: 10px 0; padding: 10px;
	background: #EEE;
	border: 1px solid #ddd;
	overflow: auto;
}
pre code {
	background: none;
}
.alert {
	margin: 5px 0 0 0; padding: 10px;
	/* same colors that the WP admin uses for alert box */
	background: #ffffe0;
	border: 1px solid #e6db55;
}
.alert a {
	color: #cc0000;
	text-decoration: none;
}
.alert a:hover {
	color: #cc0000;
	text-decoration: underline;
}
.note {
	margin: 5px 0 0 0; padding: 10px;
	background: #C5E2FE;
	border: 1px solid #4793D6;
}

/** Arrowed Lists **/
ul.arrows {
	list-style-type: none;
	line-height: 1.4;
	margin: 0; padding: 0;
}
ul.arrows li {
	display: block; float: left;
	background: url(images/red-arr.gif) 0 4px no-repeat;
	width: 275px;
	margin: 0; padding: 0 0 10px 10px;
}

/** Red Button **/
.button-red {
	width: auto;
	border: none;
	background: #700000 url(images/red-grad.jpg) repeat-x;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0; padding: 2px 8px;
}
.button-red:hover {
	color: #FFF;
	text-decoration: none;
}

/** Red Button **/
.button-blue {
	width: auto;
	border: none;
	background: #667e97 url(images/blue-grad.jpg) repeat-x;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0; padding: 2px 8px;
}
.button-blue:hover {
	color: #FFF;
	text-decoration: none;
}

/** Search Form **/
.searchform {
	width: 300px;
	overflow: hidden;
}
.searchform input.search {
	display: block; float: left;
	width: 215px;
	border: 1px solid #CCC;
	background: #FFF url(images/mag-glass.jpg) 95% 50% no-repeat;
	color: #999;
	margin: 0; padding: 7px;
}
.searchform .button-blue {
	float: right;
	width: 62px;
	margin-left: 5px;
}
 
/*********************************************
		Heading Styles
*********************************************/
/* Use this for universal styles for all header elements */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: 24px; line-height: 1;
	color: #333;
}
/* Section Titles  */
h4.widget-title {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.4;
	color: #214161;
	border-bottom: 2px solid #adc7e1;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   text-align: left;
}
.alignright {
   float: right;
   text-align: right;
}
img.alignleft {
	margin: 0px 8px 8px 0px;
}
img.alignright {
	margin: 0px 0px 8px 8px;
}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}
.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;
}

/*********************************************
		Box Styles
*********************************************/
.box {
	display: block;
	border: 1px solid #517fad;
	background: #e8e8e7 url(images/gray-grad.jpg) repeat-x;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.box .box-heading {
	background: #1e3c5b url(images/blue-grad.jpg) repeat-x;
	font-family: "LeagueGothicRegular", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1;
	text-transform: uppercase;
	color: #FFF;
	margin: 0; padding: 8px 10px;
	border: none;
}
.box .box-inner {
	padding: 20px;
}
 
/*********************************************
		Main Wrap Styles
*********************************************/
#wrap {
	width: 1000px;
	margin: 0 auto; padding: 0;
	text-align: left;
}
 
/*********************************************
		Header Styles
*********************************************/
#header {
	margin: 0 auto; padding: 0;
	width: 100%;
	text-align: left;
	line-height: 1;
	overflow: hidden; /* clear floats */
}

/** Title Area, Logo **/
#title-area,
#title-area #title,
#title-area #title a,
#title-area #title a:hover {
	display: block; float: left;
	width: 260px; height: 182px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#header .ad-area {
	float: right;
	width: 740px;
	padding: 20px 0;
	height: 100px;
}

/*********************************************
		Primary Nav Menu Styles
*********************************************/
#nav {
	float: right; width: auto;
	margin: 9px 0 0 0; padding: 0;
	height: 32px;
	background: url(images/nav-bg.jpg) repeat-x;
	font-family: "LeagueGothicRegular", Arial, sans-serif;
	font-weight: normal !important;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1;
}
#nav ul {
	list-style: none;
	margin: 0; padding: 0;
	background: url(images/nav-bg.jpg) repeat-x;
	overflow: hidden;
}
#nav li {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#nav li a {
	display: block;
	color: #FFF;
    margin: 0; padding: 7px 15px 7px 15px;
	text-decoration: none;
	border-left: 1px solid #bf4a4a;
}
#nav li.current-menu-item a,
#nav li a:hover {
	background: url(images/nav-bg-active.jpg) repeat-x;
	border-bottom: 1px solid #d00000;
	padding-bottom: 6px;
	color: #FFF;
}
#nav li ul {
	display: none;
}

/*********************************************
		Secondary Nav Menu Styles
*********************************************/
#subnav {
	width: 100%; clear: both;
	margin: 0; padding: 0;
	height: 38px;
	font-family: "LeagueGothicRegular", Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	overflow: hidden;
	line-height: 1;
}
#subnav ul {
	list-style: none;
	margin: 0; padding: 0;
}
#subnav li {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#subnav li a {
	display: block;
	color: #FFF;
	font-weight: normal;
    margin: 0; padding: 10px 35px 10px 35px;
	text-decoration: none;
	border-right: 1px solid #b50000;
}
#subnav li.current-menu-item a,
#subnav li a:hover {
	background: #FFF;
	color: #872121;
}
#subnav li ul {
	display: none;
}

/*********************************************
		Inner Div Style
*********************************************/
#inner {
	width: 100%;
	overflow: hidden; /* clear floats */
}

/*********************************************
		Slideshow Style
*********************************************/
#home-top {
	width: 960px;
	padding: 20px;
	overflow: hidden;
}
#slideshow {
	float: left;
	background: #000;
	overflow: hidden;
	position: relative;
	width: 625px; height: 370px;
	line-height: 1.3;
}
#slideshow .hentry {
	background: #FFF;
	margin: 0; padding: 0;
	width: 625px; height: 370px;
	overflow: hidden;
}
#slideshow .hentry a,
#slideshow .hentry a:hover {
	display: block;
	margin: 0; padding: 0;
	text-decoration: none;
	background: #FFF;
}
#slideshow .hentry img {
	width: 625px; height: 370px;
}
#slideshow .hentry span.intro {
	display: block;
	position: absolute;
	bottom: 0; left: 0;
	margin: 0; padding: 10px;
	width: 605px; height: 70px;
	background: url(images/black-70-trans.png);
}
#slideshow .hentry span.intro span.title {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}
#slideshow .hentry span.intro span.text {
	color: #FFF;
}

#slideshow-nav {
	clear: both;
	display: block; width: 990px;
	list-style-type: none;
	background: #29537e;
	margin: 0; padding: 10px 15px;
	overflow: hidden;
}
#slideshow-nav li {
	display: block; float: left;
	padding: 0 3px;
}
#slideshow-nav a {
	display: block;
	border: 7px solid #29537e;
}
#slideshow-nav li.activeSlide a,
#slideshow-nav li a:hover {
	border: 7px solid #000;
}
#slideshow-nav img {
	border: 1px solid #666;
	width: 140px; height: 82px;
}

/*********************************************
		Content Styles
*********************************************/
#content {
	float: left;
	width: 620px;
	background: #FFF;
	margin: 0; padding: 20px;
	overflow: hidden;
}

/*********************************************
		Entry (Post/Page) Styles
*********************************************/
#content .hentry {
	font-size: 14px;
	line-height:120%;
	margin: 0; padding: 0;
}

/** Entry Title **/
#content .entry-title,
#content .entry-title a {
	font-size: 28px;
	line-height: 1.2;
	color: #333;
	text-decoration: none;
	margin: 0; padding: 0;
}
#content .entry-title a:hover {
	color: #0085bd;
	text-decoration: underline;
}

/** Entry Content **/
#content .entry-content {
	width: 100%;
	overflow: hidden;
}
#content .entry-content img {
	max-width: 600px;
	width: expression(this.width > 600 ? 600: true);
}

/** Entry Content Hyperlinks **/
#content .entry-content a {
	font-weight: bold;
}

/** In-Post Headings **/
#content .entry-content h1,
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 {
	clear: both;
	font-weight: bold;
	font-size: 24px; line-height: 1;
	color: #333;
}
#content .entry-content h2 {
	font-size: 20px;
}
#content .entry-content h3 {
	font-size: 18px;
}
#content .entry-content h4 {
	font-size: 16px;
}
#content .entry-content h5 {
	font-size: 14px;
}
#content .entry-content h6 {
	font-size: 12px;
}

/** Dropcap style **/
.dropcap {
	display: block;
	float: left;
	font-size: 400%;
	line-height: 100%;
	padding: 0 5px 0 0;
}

/** Image width restriction **/
#content .entry-content img {
	max-width: 100%;
}

/** More Link **/
#content .entry-content a.more-link {
}

/** Social links **/
.fits-social {
	font-style: italic;
}

.tags {
	font-size: 11px;
}

/** Post Info (top) **/
.post-info {
	clear: both;
	width: 625px;
	font-family: Georgia, Times, serif;
	font-size: 11px;
	color: #999;
	letter-spacing: 10%;
	overflow: hidden;
}
.post-info a {
	color: #999;
}
.post-info a:hover {
	color: #333;
}
.post-info .comment {
	background: url(images/meta/comment.gif) 0px 1px no-repeat;	
	padding: 0 5px 0 20px;
}
.post-info .email {
	background: url(images/meta/email.gif) 0px 1px no-repeat;
	padding: 0 5px 0 20px;
}
.post-info .print {
	background: url(images/meta/print.gif) 0px 1px no-repeat;
	padding: 0 5px 2px 20px;
}

/** Post Meta (bottom) **/
.post-meta {
	width: 100%;
	margin: 40px 0 10px 0;
	overflow: hidden;
}

/** Pagination **/
.navigation {
	clear: both;
	line-height: 3;
	margin: 0; padding: 10px 20px;
}

/*********************************************
		Breadcrumb Styles
*********************************************/
.breadcrumb {
	font-size: 12px;
}

/*********************************************
		Homepage Styles
*********************************************/
/** Posts by Category **/
#content #postsbycat .hentry {
	width: 185px; height: 280px;
	float: left;
	margin: 0; padding: 0 20px 10px 0;
	font-size: 12px;
	line-height: 1.4;
}
#content #postsbycat .entry-cat a,
#content #postsbycat .entry-cat a:hover {
	color: #770000;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2;
	border: none;
}
#content #postsbycat .entry-title a {
	color: #29537e;
	font-size: 13px;
}
#content #postsbycat .entry-title a:hover {
	color: #333;
}
#content #postsbycat .entry-content .wp-post-image {
	float: left;
	margin: 10px 10px 0 0;
}
#content a.more-link {
	color: #ab0000;
}

/** Headlines Box **/
#content #headlines {
	clear: both;
}

/** Widget Boxes **/
#content .widget {
	display: inline;
	float: left;
	width: 300px;
	margin: 0 20px 20px 0;
	display: block;
}
#content .widget.col1 {
	clear: both;
}
#content .widget.col2 {
	margin: 0 0 20px 0;
}

#content .poll {
	width: 298px;
	line-height: 1.5;
	height: 250px;
}

/** More News Box **/
#content #morenews {
	clear: both;
}
#content #morenews .col1 {
	clear: both;
	float: left;
	width: 280px;
	overflow: hidden;
}
#content #morenews .col2 {
	float: left;
	width: 260px;
	padding-left: 20px;
	overflow: hidden;
}
#content #morenews h6 {
	color: #770000;
	font-size: 15px;
	font-weight: bold;
	line-height: 2;
	border: none;
}

 
/*********************************************
		Sidebar Styles
*********************************************/
#sidebar {
	float: right;
	width: 300px;
	margin: 0; padding: 20px 20px 20px 0;
	line-height: 1.7;
}

#sidebar embed,
#sidebar object {
	width: 300px; height: 225px;
	margin-bottom: 5px;
}
#sidebar .weather embed,
#sidebar .weather object {
	width: 120px; height: 48px;
	margin-bottom: 10px;
}

#sidebar ul {
	list-style-type: none;
	margin: 10px 0 0 0; padding: 0;
}
#sidebar li {
	background: url(images/red-arr.gif) 0 6px no-repeat;
	margin: 0; padding: 0 16px;
}
#sidebar li li {
	padding: 0 0 0 16px;
}

#sidebar ul#twitter_update_list li {
	background: none;
	line-height:110%;
	padding: 0 0 10px 0;
}

#sidebar .widget,
.sidebar .widget {
	clear: both;
	margin: 0 0 20px 0; padding: 0;
}

/** Home Top Sidebar **/
.sidebar {
	display: inline;
	width: 300px;
	float: right;
	display: block;
}
.sidebar .widget {
	width: 300px;
	overflow: hidden;
}
.sidebar .last {
	margin: 0; padding: 3px 0 0 0;
}
 
/*********************************************
		Enews Subscribe Styles
*********************************************/
#enews {
	width: 278px;
	background: url(images/gray-grad.jpg) repeat-x;
	border: 1px solid #c3ceda;
	padding: 10px !important;
	color: #29537e;
	line-height: 1.4;
}
#enews form {
	clear: both;
}
#enews input.email {
	display: block; float: left;
	width: 175px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #999;
	margin: 0; padding: 7px;
}
#enews .button-red {
	margin-left: 5px;
}

/*********************************************
		Comments Styles
*********************************************/
#comments {
	clear: both;
	margin: 0; padding: 0;
	line-height: 1.5;
	border: 1px solid #c1cdd9;
	font-size: 14px;
}
#comments ol.commentlist {
	list-style-type: none;
	margin: 0; padding: 10px;
	border-bottom: 1px solid #ddd;
}
#comments li.trackback,
#comments li.pingback,
#comments li.comment {
	clear: both;
	margin: 0; padding: 10px 0 10px 10px;
	overflow: hidden;
}
#comments li.odd {
	border-top: 1px solid #ddd;
	background: #f7f7f8;
}
#comments li.comment p {
	padding-top: 0;
}
#comments li.comment .avatar {
	display: block; float: left;
	margin: 0 20px 10px 0; padding: 3px;
	border: 1px solid #ddd;
}
#comments li .comment-content {
	width: 480px; float: left;
}

#comments li.comment.depth-2 .comment-content {
	width: 440px;
}

#comments ol ul {
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 0 35px;
}
 
#respond {
	clear: both;
	margin: 10px; padding: 10px;
	background: #FFF;
}
#respond #reply-title {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 1.4;
	color: #214161;
}
#respond #reply-title small {
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-transform: none;
}

#respond form {
	display: block;
	padding: 0;
}
#respond .commentinput {
	padding: 5px 0;
}
#respond input {
	width: 40%;
	margin: 0 5px 0 0; padding: 6px;
	border: 1px solid #ccc;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background: #FFF;
}
#respond input:focus {
	background: #EEE;
}
#respond .req {
	color: #dd0000;
}
#respond textarea {
	margin: 0 0 10px 0; padding: 2%;
	width: 95%; height: 200px;
}
#respond .allowedtags {
	width: 95%;
	background: #EEE;
	margin: 0; padding: 2%;
	border: 1px solid #EEE;
}
#respond #submit {
	cursor: pointer;
	width: auto;
	border: none;
	background: #667e97 url(images/blue-grad.jpg) repeat-x;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0; padding: 2px 8px;
}
 
/*********************************************
		Footer Styles
*********************************************/
#footer {
	width: 100%; clear: both;
	background: #21405f;
	color: #FFF;
	margin: 0; padding: 0;
	overflow: hidden;
}

#footer-nav {
	width: 100%; clear: both;
	margin: 0; padding: 0;
	background: #375d84;
	font-family: "LeagueGothicRegular", Arial, sans-serif;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
	overflow: hidden;
}
#footer-nav ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-nav li {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#footer-nav li a {
	display: block;
	color: #FFF;
	font-weight: normal;
    margin: 0; padding: 10px 35px 10px 35px;
	text-decoration: none;
}
#footer-nav li a:hover {
	text-decoration: underline;
}
#footer-nav li ul {
	display: none;
}

#footer-creds {
	padding: 0 10px;
}
#footer-creds p {
	padding: 20px 0 50px;
}
#footer-creds a {
	color: #FFF;
	text-decoration: none;
}
#footer-creds a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer .col1 {
	clear: both;
}
#footer .col2 {
	margin: 0 0 20px 0;
}


/** Email popup **/
#wp-email-popup {
	width: 976px;
	margin: 0 auto;
	background: #fff;
}