/*
Theme Name:Earthsport
Description:Custom theme.
*/



/* Begin Typography & Colors */
.widecolumn .entry p{font-size:1.05em}
.narrowcolumn .entry, .widecolumn .entry{line-height:1.4em}
.widecolumn{line-height:1.6em}
.narrowcolumn .postmetadata{text-align:center}
.thread-alt{background-color:#f8f8f8}
.thread-even{background-color:white}
.depth-1{border:1px solid #ddd}
.even, .alt{border-left:1px solid #ddd}
small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em}
.sidebar h2{font-family:'Lucida Grande', Verdana, Sans-Serif;font-size:1.2em}
h3{font-size:1.3em}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description{text-decoration:none;color:white}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#333}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite{text-decoration:none}
.entry p a:visited{color:#b85b5a}
.sticky{background:#f7f7f7;padding:0 10px 10px}
.sticky h2{padding-top:10px}
.commentlist li, #commentform input, #commentform textarea{font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentlist li ul li{font-size:1em}
.commentlist li{font-weight:bold}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;background:#fff}
.commentlist cite, .commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em}
.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none}
#commentform p{font-family:'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentmetadata{font-weight:normal}
.sidebar{font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{color:#777}
code{font:1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em}
h2 a:hover, h3 a:hover{color:#06c;text-decoration:none}
#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center}
#wp-calendar th{font-style:normal;text-transform:capitalize}
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn{float:left;padding:0 0 20px 45px;margin:0px 0 0;width:450px}
.widecolumn{padding:10px 0 20px 0;margin:5px 0 0 150px;width:450px}
.post{margin:0 0 40px;text-align:justify;clear:both}
.post hr{display:block}
.widecolumn .post{margin:0}
.narrowcolumn .postmetadata{padding-top:5px}
.widecolumn .postmetadata{margin:30px 0}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0px}
.widecolumn .attachment{text-align:center;margin:5px 0px}
.postmetadata{clear:both}
.clear{clear:both}
/* End Structure */

/*	Begin Headers */
h1{padding-top:70px;margin:0}
h2{margin:30px 0 0}
h2.pagetitle{margin-top:30px;text-align:center}
.sidebar h2{margin:5px 0 0;padding:0}
h3{padding:0;margin:30px 0 0}
h3.comments{padding:0;margin:40px auto 20px}
/* End Headers */



/* Begin Images */
p img{padding:0;max-width:100%}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px}
html>body .entry li{margin:7px 0 8px 10px}
.entry ul li:before, .sidebar ul ul li:before{content:"\00BB \0020"}
.entry ol{padding:0 0 0 35px;margin:0}
.entry ol li{margin:0;padding:0}
.postmetadata ul, .postmetadata li{display:inline;list-style-type:none;list-style-image:none}
.sidebar ul, .sidebar ul ol{margin:0;padding:0}
.sidebar ul li{list-style-type:none;list-style-image:none;margin-bottom:15px}
.sidebar ul p, .sidebar ul select{margin:5px 0 8px}
.sidebar ul ul, .sidebar ul ol{margin:5px 0 0 10px}
.sidebar ul ul ul, .sidebar ul ol{margin:0 0 0 10px}
ol li, .sidebar ul ol li{list-style:decimal outside}
.sidebar ul ul li, .sidebar ul ol li{margin:3px 0 0;padding:0}
/* End Entry Lists */



/* Begin Form Elements */
#searchform{margin:10px auto;padding:5px 3px;text-align:center}
#sidebar #searchform #s{width:108px;padding:2px}
#sidebar #searchsubmit{padding:1px}
.entry form{/* This is mainly for password protected posts, makes them look better. */
	text-align:center}
select{width:130px}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0}
#commentform{margin:5px 10px 0 0}
#commentform textarea{width:100%;padding:2px}
#respond:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#commentform #submit{margin:0 0 5px auto;float:right}
/* End Form Elements */



/* Begin Comments*/
.alt{margin:0;padding:10px}
.commentlist{padding:0;text-align:justify}
.commentlist li{margin:15px 0 10px;padding:5px 5px 10px 10px;list-style:none}
.commentlist li ul li{margin-right:-5px;margin-left:10px}
.commentlist p{margin:10px 5px 10px 0}
.children{padding:0}
#commentform p{margin:5px 0}
.nocomments{text-align:center;margin:0;padding:0}
.commentmetadata{margin:0;display:block}
/* End Comments */



/* Begin Sidebar */
#sidebar{padding:20px 0 10px 0;margin-left:545px;width:190px}
#sidebar form{margin:0}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar{empty-cells:show;margin:10px auto 0;width:155px}
#wp-calendar #next a{padding-right:10px;text-align:right}
#wp-calendar #prev a{padding-left:10px;text-align:left}
#wp-calendar a{display:block}
#wp-calendar caption{text-align:center;width:100%}
#wp-calendar td{padding:3px 0;text-align:center}
#wp-calendar td.pad:hover{/* Doesn't work in IE */
	background-color:#fff}
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps{cursor:help}
acronym, abbr{border-bottom:1px dashed #999}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd}
blockquote cite{margin:5px 0 0;display:block}
.center{text-align:center}
.hidden{display:none}
.screen-reader-text{position:absolute;left:-1000em}
hr{display:none}
a img{border:none}
.navigation{display:block;text-align:center;margin-top:10px;padding-bottom:40px}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;-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}
/* End captions */


/* Abundant
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

blue text #0099cc
grey text #444444
green #99cc33

*/

body{margin:0;padding:0;background:#d7d7d7;line-height:20px;font-family:'Helvetica Neue', Helvetica, Verdana, Geneva, Arial, sans-serif;font-size:13px;color:#444}
#wrapper{width:100%;height:auto}
/* big! title */
h1{font-size:34px;color:#666666;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Geneva, Arial, sans-serif;font-weight:100;line-height:36px;margin:0}
/* content body blurbs */
h2{font-size:20px;color:#666666;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Geneva, Arial, sans-serif;font-weight:200;line-height:22pt;margin:0}
/* white - home pg */
h3{font-size:25px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Geneva, Arial, sans-serif;color:#ffffff;font-weight:100;line-height:32px}
/* blue title news */
h4{font-size:10px;color:#0099cc;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Geneva, Arial, sans-serif;font-weight:bold;margin:0}
/* blue title */
h5{font-size:16px;color:#0099cc;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Geneva, Arial, sans-serif;font-weight:300;margin:0}
p{font-size:12px;color:#444;font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;text-align:left;line-height:18px;margin:0}
.titlesmall{font-size:12px;line-height:12px;padding:0 0 0 20px}
.smalllink{color:#0099cc;text-decoration:none;border-bottom:1px dotted #0099cc}
ul, ol{margin:0;padding:0;text-align:left;list-style:disc}
.ulindent{margin:0;padding:0 20px 0 60px;text-align:left;list-style:disc}
blockquote{}
a img{border:none}
hr{display:none;clear:both}
strong{font-weight:600}
a:link{color:#0099cc}
/* unvisited link */
/* a:visited{color:#77bbcc}
/* visited link */
a:hover{color:#027095}
/* mouse over link */

/* --------------------- HEADER & BOX*/

#header-wrapper{width:960px;height:auto;margin:0 auto;background:url(images/img03.jpg) no-repeat left top;background-color:#FFFFFF;border-left:3px;border-color:#999999}
/* top header */
#shadow{clear:both;width:940px;height:22px;margin-left:10px;padding-bottom:2px}
/* home */
#header-img{float:left;width:679px;height:240px;margin:0 0 0 10px;padding-right:2px}
/* 		NEW 09.10.05 */
		#header-topborder{width:960px;height:10px;margin:0;padding:0}
/* wide */
	#header-img2{width:940px;height:240px;margin-left:10px;margin-top:0;padding:0;vertical-align:text-top}
#header-box{position:relative;float:left;width:258px;height:240px;background-color:#99cc33}
/* 		NEW 09.10.05 */
		#header-boxL{float:left;width:240px;height:240px;margin:0 0 0 10px;padding:0;background-color:#99cc33}
#header-imgR{position:relative;float:left;width:698px;height:240px;margin:0 10px 0 0 ;padding-left:2px}
#header-box h3, #header-box p{padding:0 20px}
/* --------------------------  MENU */

#menu{float:left;width:940px;height:40px;margin:2px 10px 2px 10px;padding:0;background-color:#0099cc}
#menu-main{height:40px;list-style:none;font:normal 7pt Helvetica, Verdana, Geneva, Arial, sans-serif;background-image:url(img/nav_bg_off.gif)}
ul.menu-main li{display:inline;list-style:none;padding:5px 0 0 19px;vertical-align:middle}
.menu-main li a{text-decoration:none;color:#ffffff}
.menu-main li a:hover, 
.menu-main li a#active{text-decoration:underline;background-image:url(img/nav_bg_on.gif)}
/* ------------------ menu2 */

 
#menu2{width:220px;margin:0}
#menu2 span{line-height:25pt;font-size:14px}
#menu2 ul{list-style:none}
#menu2 li a{height:30px;text-indent:10px;line-height:25pt;text-decoration:none;display:block;border-top:solid 1px #cccccc;border-bottom:solid 1px #ffffff;font-size:9px;color:#666;background-image:url('img/arrow.gif');background-repeat:no-repeat;background-position:90% 50%}
#menu2 li a:hover{background-color:#eeeeee}
#menu2 li a.active{font-size:9px;color:#99cc33;background-color:#eeeeee}
/* ------------------- PAGE */
#page{width:960px;margin:0 auto;padding:0;background-color:#FFFFFF}
/* --------------------------------------- Content */

#contentbox-left{float:left;width:670px;margin:10px}
#contentbox-right{float:right;width:680px;margin:24px 10px 20px 10px}
#contentbox-right2{float:right;width:680px;margin:0 10px 20px 10px}
.content p{padding:0 20px 5px 20px;margin-bottom:10px;line-height:20px}
.hrdotted{border-bottom:dotted 1px #666666;clear:both;margin:10px 20px 0 20px}
.hrclear{clear:both;height:1px}
.content h1, h2, h3, h5{padding:0 20px 0 20px}
.content a:link{color:#0099cc;text-decoration:none;border-bottom:1px dotted #0099cc}
.content a:visited{color:#0099cc;text-decoration:none;border-bottom:1px dotted #0099cc}
.content a:hover{color:#027095;text-decoration:none;border-bottom:1px dotted #0099cc}
.list{padding-left:50px;text-align:left;list-style:disc}
/*
#email-input{float:right;width:260px;height:40px;border-top:solid 2px #0099cc;margin-right:10px;margin-left:5px}
*/
#email-input2{float:left;width:220px;height:80px;border-top:solid 2px #0099cc;border-bottom:solid 2px #0099cc;margin:0}
#email-input2 p{font-size:10px;padding-top:4px;padding-bottom:0}
/* ------------------------------ SIDEBARS */

#sidebar-right{float:right;width:258px;margin:10px 10px 10px 0;padding:0}
#sidebar-left{float:left;width:220px;margin-left:30px;padding:0}
#sidebarleft-box{}
#sidebar-news{font-size:10px;color:#4444;background-color:#eeeeee}
#sidebar-news ul{margin:0;padding:20px;list-style:none}
#sidebar-news li{line-height:16px}
#sidebar-news p{color:#0099cc;line-height:16px}
#sidebar-news a{}
p.news{font-size:10px;color:#0099cc;font-weight:bold;text-transform:capitalize}
/* -------------------- FOOTIE */

#footer{width:960px;height:72px;margin:0 auto;padding:0;background-color:#ffffff}

/*#footer-topleft{float:left;width:685px;height:40px;margin-left:10px;padding:0;background-color:#555555}
#footer-topright{float:right;width:255px;height:40px;margin-right:10px;padding:0;background-color:#555555}*/
#footer-topleft {
	float:left;
	/*width: 685px;*/
	height:40px;
	margin-left:10px;
	padding: 0;
	background-color:#555555;
	
}
#footer-topright {
	float:right;
	/*width: 255px;*/
	height:40px;
	margin-right: 10px;
	padding: 0;
	background-color:#555555;
}
#footer-bottoml{float:left;width:685px;height:20px;margin-left:10px;padding:0;background-color:#bbbbbb}
#footer-bottomr{float:right;text-align:right;width:255px;height:20px;margin-right:10px;padding:0;background-color:#bbbbbb}
ul{margin:0 auto}
ul.horizontal_list li{float:left;list-style:none;padding:5px 19px 5px 20px;margin:3px 3px 3px 1px;font-size:7pt}
ul.horizontal_social li{text-align:right;float:right;list-style:none;padding:0;margin:10px 10px 0px 3px}
#footer p{margin:0;padding:0 20px 0 20px;font-size:9px;color:#ffffff;letter-spacing:0.5px}
#footer a{text-decoration:none;color:#FFFFFF}
#footer a:hover{text-decoration:underline;color:#ffffff}
/* -------------------- MISC */
label em{color:#FF0000;left:35em}

