/*

Theme Name: TheSiteHub1

Theme URI: http://thesitehub.com/custom1/

Description: Simple and functional website layout. The layout includes branding area at the top, with left-side navigation and a usable presentation of content in the center column. The primary application of this theme is for publication-based websites, such as news and sports information. This theme is used exclusively for clients of TheSiteHub.com and JustPixels.com. The basic structure is strongly based on the <a href="http://andreasviklund.com/templates/">"andreas01" website template</a> by Andreas Viklund. 

Version: 1.0

Author: TheSiteHub.com

Author URI: http://thesitehub.com/

*/



/* Body */

* {margin:0; padding:0;}

body {background:#042D52 url(img/tile-bkg-ptrn1.gif) top center repeat-x; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;}

#wrap {color:#333; margin:0 auto; width:900px; background: url(img/header-bkg2.gif) top center no-repeat;}

#everything {margin:0 auto; width:900px; background: url(img/tile-wrapper1.gif) top center repeat-y;}


/* Links */

a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}

a:hover {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:underline;}

a img {border:0; margin: 0px; padding: 0px;}



/* Header */

#header {display:none; margin:10px 0 0;}

#header h1 {background-color:inherit; color:#555; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}

#header h1 a {background-color:inherit; color:#555; text-decoration:none;}

#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}

#frontphoto {margin:0px; padding:0px;}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:120px;}

#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:10px 0px 0px; width:160px; NOT-border: 1px solid #C0C;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}

#leftside label, #extras label {display:none;}



/* Main menu */

ul.page {list-style:none; margin:0 0 20px; width:114px;}

ul.page li {display:inline; line-height:1.4em; width:114px;}

ul.page li a {NOT-background-image: url(img/nav-n-bkg-tile.gif); background-repeat: repeat-y; background-color:#000000; border-left:0px solid #cccccc; color:#CCCCCC; float:left; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-bottom:0px; padding:5px 1px 5px 5px; text-decoration:none; width:114px; border-bottom: 1px solid #999999; border-top: 1px solid #E6E6E6;}

ul.page li a:hover {NOT-background-image: url(img/nav-h-bkg-tile.gif); background-repeat: repeat-y; background-color:#66b2f4; color:#000000; text-decoration:none;}

ul.page li.current_page_item a, ul.page li.current_page_item a:hover {background-image: url(img/nav-kat2006.gif); background-repeat: no-repeat; background-position: right; background-color:#FFFFFF; border-left:0px solid #286ea0; color:#000000; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;}

ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}

ul.page ul a {padding:3px 1px 3px 5px; width:115px;}

ul.page ul ul {width:113px;}

ul.page ul ul a {width:100px;}



/* Content */

#content {line-height:1.5em; margin:0 155px 5px 135px; padding:0; width: 590px; NOT-border: 1px dashed #90C;}

#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}

#content h2, #contentwide h2 {margin:0 0 2px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #000000; line-height: 1.1em;}

#content h2 a:link, #content h2 a:visited {color: #000; text-decoration: none;}
#content h2 a:hover {color: #5ea4e1; text-decoration: underline;}

.archivehead a {font-size: 18px; background-color:#FFF; line-height:0.5em !important;}

.archive {margin: 1px 0px 15px 0px !important;}

#content h3,#contentwide h3 {font-size:14px; margin:0 0 0px;}

#content img,#contentwide img {border:0px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* REVISED STYLES */
#contentnew {line-height:1.6em; margin:0 0px 5px; padding:0; width: 360px; border: 1px solid #90C;}

#contentwidenew {line-height:1.6em; margin:0 0 5px 150px; padding:0;}


/* Footer */

#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:10px 0; text-align:center; width:760px; background-color:#ededed;}

#footer p {margin:0; padding:0;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:#555; text-decoration:underline;}

#footer strong a {font-weight:bold;}

#footer span.credits {font-size:1.1em;}



/* Subpage menu */

#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}

#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}

#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}

#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}

#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}

#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}

#subpages ul.submenu li ul li a {width:170px;}

#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}

#subpages ul.submenu li ul ul li a {width:160px;}

#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}

#subpages ul.submenu li ul ul ul li a {width:150px;}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}



/* Tags */

p,ul,ol {margin:0 0 10px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {margin:0 0 10px;}

.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 40px; padding:8px 5px 8px 8px;}

.dateline {background-color:#ecf5fe; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #9cbad3; line-height:1.1em; margin:1px 0 0px; padding:2px 5px 2px 4px;}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}

.comment p.commenthead {line-height:1.6em;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}

.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}

#navtwo a, #navtwo a:visited {
	color:#000000;
	text-decoration:none;
	display:block;
	padding:1px 2px 1px 4px;
	background: #95c8f4;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width:114px;
	border-top: 1px solid #cae4fa;
	border-bottom: 1px solid #579de9;
}
#navtwo a:hover {background: #000000; color:#FFFFFF; border-top: 1px solid #000000;border-bottom: 1px solid #000000;}
#navtwo dt {background-color: #b7d8f4; padding:0px 5px 0px 5px; text-transform: uppercase; font-size: 10px; color:#3e82b7;}
#NOT-navtwo {margin: 10px 10px 10px 0px;}

#navwebsites {padding: 10px 0px 0px; margin: 20px 0px; clear:left; NOT-border: 1px solid #0C0;}

#twocol {width:550px; NOT-border: 1px solid #0CF;}

#maincol {width:385px; NOT-border: 1px solid #F90;}


/* PROMOTIONS AKA:ASIDES STYLES - - - - - - */

#promotions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	NOT-background-color: #99CC66;
	float: right;
	width: 190px;
	NOT-border: 1px solid #FF0000;
}
#promotions-sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	NOT-background-color: #99CC66;
	float: right;
	width: 190px;
	NOT-border: 1px solid #FF0000;
}


.asides_sidebar {width: 180px; float:left; margin: 0px 0px 10px 0px; background-color:#b3d9fa; padding: 5px 5px 8px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #66b2f4;}

.asides_sidebar h1, .asides_sidebar h4 {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.asides_sidebar img {
	NOT-float: right;
	padding: 0px 3px 0px 0px !important;
	margin: 0px !important;
}
.NOT-asides_sidebar p img {
	NOT-float: left;
	NOT-padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.asides_sidebar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.asides_sidebar h1 a:link, .asides_sidebar h1 a:visited, .asides_sidebar h4 a:link, .asides_sidebar h4 a:visited {color: #000; text-decoration: none;}
.asides_sidebar h1 a:hover, .asides_sidebar h4 a:hover {color: #CC0000; text-decoration: underline;}
.asides_sidebar p a:link, .asides_sidebar p a:visited {color: #0000FF; text-decoration: underline; font-weight:normal;}
.asides_sidebar p a:hover {color: #CC0000; text-decoration: underline;}

/* HEADLINE-TEASE META STYLES */
.post-meta {font-variant: uppercase; color: red; }
.post-meta-key {display:none; color: green; font-weight: bold; font-size: 110%; }

.post-meta li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #99CC00;
	list-style-type: none; margin: 0px !important; padding 0px !important; background-color:#666666;
}

.headline-tease {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5ea4e1;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #66b2f4;
        line-height: 1em;
}