/*

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:#FFFFFF url(img/bkg-tile-grass4.jpg) repeat; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;}

#wrap {background-image: url(img/bkg-sand.gif);
background-repeat: repeat-y;
background-position: center top;
NOT-background-color:#FF99FF; 
color:#000000; 
margin:0 auto; 
width:800px; 
NOT-border: 1px solid #FC0;
}



/* 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;}



/* 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:0 0 10px;}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px 0px; padding:0; width:162px; NOT-border: 1px dashed #000; background-image: url(img/nav-bkg-tall2.jpg); background-repeat: repeat-x;}

#extras {float:right; line-height:1.4em; margin:0 0px 5px 0px; padding:0; width:180px; NOT-border: 1px solid #C0C; NOT-background-image: url(img/tile-trans-diagonal.gif); background-repeat: repeat;}

#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; NOT-width:150px;}

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

ul.page li a {
color:#CC6600; 
float:left; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 14px; 
font-weight: bold; 
margin-bottom:0px; 
padding:5px 3px 5px 5px; 
text-decoration:none; 
width:152px; 
border-bottom: 1px solid #993300;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #993300;
border-left: 1px solid #FFFFFF;
}

ul.page li a:hover {background-image: url(img/nav-bkg-h1.gif); background-repeat: repeat-x; background-color:#FF7001; color:#000000; text-decoration:none;}

{
	color: #000000;
	background-color: #FF7001;
	background-image: url(images/nav-bkg-h1.gif);
	background-repeat: repeat-x;
 }

ul.page li.current_page_item a, ul.page li.current_page_item a:hover {background-image: url(img/btn_bkg_shado1.gif); background-repeat: repeat-x; background-color:#FF7001; color:#000000; border-left:1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #acacac; border-right: 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;}

#navtower {
	width: 160px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/nav-bkg-tall2.jpg);
	background-repeat: repeat-x;
	background-color:#ededed;
}



/* Content */

#content {line-height:1.5em; margin:0 150px 5px 185px; padding:0; width: 400px; NOT-border: 1px dashed #90C;}

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

#content h1, #content h2, #contentwide h2 {margin:0 0 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; color: #336600; line-height: 1.1em; text-align: center;}

#content h1, #content h2 a:link, #content h2 a:visited {color: #336600; text-decoration: none;}
#content h1, #content h2 a:hover {color: #336600; text-decoration: underline;}

#content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 140%;
	margin: 0px 0px 10px;
	padding: 0px;
}

.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; color: #336600; text-align:center;}

#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;}

#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:#f4f4f4; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; color: #999999; 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: #CCCCCC;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	width:114px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #999999;
}
#navtwo a:hover {background: #000000; color:#FFFFFF;}
#navtwo dt {background-color: #CCCCCC; padding:0px 5px 0px 5px; text-transform: uppercase; font-size: 10px;}
#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;}



/* - - - - - - - - - - RIGHT-SIDE PROMO BOX STYLES - - - - - - - - */

#boxright {
	width: 180px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 15px;
	background-image: url(img/bkg-boxright-btm-gr2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
	#boxright h2 {
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #669933;
	background-image: url(img/bkg-boxrt-h1.gif);
	background-repeat: no-repeat;
	text-align: center;
	}
	#boxright p {
	padding: 3px 5px 0px;
	margin: 0px;
	background-color: #FFFFFF;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	}