/*
Theme Name: Jogging dot com
Theme URI: http://jogging.com
Description: three column, right hand sidebar style.
Author: Drew Hornbein
Author URI: http://dhornbein.com
version: 1.2
*/



/* GLOBAL ========================= */

* {margin: 0;padding: 0;}


body {
background-color: #BAE4EB;
font-family: Arial,Helvetica Neue,Helvetica,Sans-Serif;
text-align: center;
}

#wrapper {
margin:0 auto;
text-align:left;
width:1000px;
}


/* IMAGES & MISC */

img{ border: none; padding: 6px; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
border-left:1px solid #AAA;
margin:1em;
padding:0 1em;
}

code{
margin:10px;
font-family:"Courier New", Courier, monospace;}

h1 {
/* border-bottom:1px dotted #BAE4EB; */
font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;
font-size:3em;
margin:10px 0;
padding-bottom:10px;
text-transform:uppercase;
}

/*
h1 {font-size: 2em;line-height: 2em;}
h2 {font-size: 1.85em;line-height: 1.8em;}
h3 {font-size: 1.5em;line-height: 1.5em;}
h4 {font-size: 1.25em;line-height: 1.25em;}
*/

h2{font-family:Verdana, Arial, Helvetica, sans-serif;}

h3,h5{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-size:1em;
margin-bottom:0.5em;
}

.clear {clear:both;}
.alignleft {float: left;}
.alignright {float: right;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

#featured_products small {
bottom:1em;
font-size:50%;
position:relative;
}

/* LINK ========== */

a {color:#3AC6F4;text-decoration: none;}
a:visited{color:#3AC6F4;}
a:hover{color: #BAE4EB;text-decoration: underline;}

/* THREE COLUMNS ================ */

.col_one {
float: left;
width: 33%;
}

.col_two {
float: left;
width: 33%;
}

.col_three {
float: right;
width: 33%;
}

.col_onetwo {
float: left;
width: 66%;
}

.col_twothree {
float: right;
width: 66%;
}

.col_full {
float: left;
width: 100%;
}

/* HEADER =================== */

#header { 
}

#top_row {
background:transparent url(images/running.jpg) no-repeat scroll right center;
height:150px;
}

/* NAV ===== */

#nav {
list-style: none;
padding-left:2%;
padding-top:10px;
}

#nav li {
float: left;
}

#nav li a {
border-bottom:4px solid #BAE4EB;
color: #2B8291;
display:block;
font-size: 1.5em;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
}

#nav li a:hover {
background-color:white;
border-bottom:4px solid white;
color: #BAE4EB;
}

#nav_act {
border-bottom:4px solid white;
color: #BAE4EB;
}

/* CONTENT ================== */

.content {
background-color: white;
border-color: white #DDD #DDD white;
border-width:2px;
border-style:solid;
color: #3AC6F4;
clear: both;
float: left;
padding:10px;
width:976px;
}

.break {
clear:both;
display:block;
height:20px;
width:100%;
}

/* HOME PAGE ======================== */

#featured_products h1 {
background: transparent url(http://www.yit.com/radical_results_LOGO_gray.png) no-repeat scroll right center;
font-size:2.5em;
margin: 0 10px 10px;
padding:0;
}

.gallery .gallery-icon {
text-align:center;
width:100%;
}

.gallery .gallery-icon img {
height:200px;
padding:20px;
}

.featured_product_post {
height:380px;
margin: 0 10px;
overflow:auto;
}

.featured_product_post p {
margin: 5px 0;
}

.featured_product_post ul {
font-size:0.85em;
padding-left:20px;
}

/* comments ------ */

.featured_product_comments {
background-color:#3AC6F4;
color:white;
margin: 0 10px;
padding:0 5px;
}

.featured_product_comments p{padding: 0 10px;}

.featured_product_comments h3 {border-bottom:1px dotted #BAE4EB;}

.featured_product_comments h5 {border-top:1px dotted #BAE4EB;margin-top:0.5em;padding-top:5px;text-align:right;}

.featured_product_comments a {background-color:white;margin:2px 6px 0 0;padding:2px 2px 0 2px;}

.featured_product_comments a:hover {background-color:#3AC6F4;}



/* BLOG ========================= */

#blog_body {
}

#blog_body h1{
/* border-bottom:1px dotted #BAE4EB; */
font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;
margin:10px 0;
padding-bottom:10px;
text-transform:uppercase;
}

/* POSTS ====== */

.post {
clear:both;
margin-bottom:40px;
padding:0 30px;
}

.post h2 {
text-transform:capitalize;
margin-left: -10px;
}

.post h3 {
color: #BAE4EB;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
font-size:1em;
margin-bottom:0.5em;
}

.post .entry {
color: gray;
border-color: #BAE4EB;
border-style: dotted;
border-width: 1px 0;
padding-top: 10px;
margin-bottom: 10px;
text-align:justify;
}

.post p {
margin-bottom:1em;
}

.post ul {
font-size:0.85em;
margin-bottom:1em;
padding-left:20px;
}

.post .prod_img {
text-align:center;
width:100%;
}

.post img {
background-color:#DDDDDD;
border:5px solid #EEEEEE;
margin-left:10px;
padding:1px;
}

.more-link {
font-style: italic;
}

.postmetadata {
color: #BAE4EB;
}

.postmetadata a {
color: #36A8BC;
}

.navigation {
clear: both;
margin-top: 10px;
}

/* COMMENTS =========== */

#commentssection{
background-color:#3AC6F4;
clear: both;
color:white;
margin:10px;
padding:0 5px 5px;
}

#commentssection h3{
border-bottom:1px dotted #BAE4EB;
padding: 10px;
}

#commentform{
background: #3AC6F4;
color:white;
margin:10px;
padding:0 10px;
}

#commentform p{
color: white;
}

#commentform a{color: #BAE4EB; text-decoration: none; border-bottom: 1px dotted #BAE4EB;line-height: 14pt;}

#commentform h3{
border-bottom:1px dotted #BAE4EB;
padding: 10px;
}

#commentbox{
width:98%;
min-width:400px;
margin:5px 5px 0 0;
}

#author, #email, #url, #commentbox{
background: #fff;
color: #aaa;
font-family: verdana, arial, times;
font-size: 8pt;
margin:5px 5px 0 0;
border: none; 
padding: 6px;
border: 1px solid #B2B2B2;
}

#submit{
background-color:white;
border-color: #B2B2B2 #B2B2B2 white #B2B2B2;
border-style: solid;
border-width: 1px;
cursor: pointer;
color:#3AC6F4;
font-family:"Times New Roman",Times,serif;
font-size:1.5em;
font-style:italic;
font-weight:normal;
margin:5px 0 0 0;
padding:2px 2px 0;
}

#submit:hover {background-color:#3AC6F4;border-color:#3AC6F4;color: white;}


ol.commentlist {list-style-type: none;}

ol.commentlist li {
background: #3AC6F4;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}

ol.commentlist li.alt {background: #73D6F7;}
ol.commentlist li p {padding: 10px 10px 0;}

ol.commentlist a {color:#BAE4EB;}

.commentmetadata {
margin: 10px;
}

cite {
font-weight: bold;
font-style: normal;
}

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* SIDEBAR ===================== */

#blog_sidebar {
border-left:1px dotted #BAE4EB;
}

#blog_sidebar ul {
margin:0 10px;
list-style: none;
}

#blog_sidebar ul li ul {
padding-left: 25px;
}

#blog_sidebar h2 {
border-bottom:1px dotted #3AC6F4;
font-size:1.25em;
font-weight:normal;
letter-spacing:0.05em;
margin:5px 0;
padding:5px;
text-transform:uppercase;
}


/*
/* content 


#content {
float: left;
width: 72%;
overflow: hidden;
}	

.post {
margin:0 10px;
padding:10px 10px 10px 5px;
line-height: 14pt;
}

.post h2{
font-family: baskerville, georgia, times, serif;
font-size: 14pt;
font-weight: 300;
color: #08122E;
}

.post h2 a{
color: #08122E;
text-decoration: none;
}

.post h2 a:hover{
color: #666;
text-decoration: none;
}

.post p{font-size: 8pt;}

.post a{text-decoration:underline;}

.post ul {}

.post li {}

.entry p{margin:12px 0;}

.postmetadata{
clear: both;
background:#F7F7F7;
padding:6px;
margin-top: 16px;
}


.navigation {
font-size:8pt;
float:left;
width:100%;
}

.alignleft {float:left; margin:25px;}
.alignright {float:right; margin:25px;}

.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}

/* sidebar 

#sidebar {
font-family: verdana, arial, tahoma;
font-size:8pt;
width: 200px;
float:right;
margin: 12px 0 24px 0;
padding: 0;
border-left: 1px dotted #A2A2A2;
}

#sidebar h2{
font-family: georgia, verdana, times;
font-weight: normal; 
font-size: 10pt; 
text-align: left;
color: #08122E;	
margin: 0;
padding: 0;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
margin:12px;
padding:0;
list-style-type: none;
}

#sidebar ul li {
margin: 0;
padding: 0;
line-height: 14pt;
list-style-type: none;
}

#sidebar ul ul {
margin: 6px 0 6px 12px;
padding: 0;
}

#sidebar ul ul li {
list-style-type: none;
list-style-position: inside;
}

#sidebar ul ul ul{
margin: 0;
padding: 0;
}

#sidebar ul ul ul li{
padding: 0 0 0 15px;
list-style-type: square;
color: #898989;
}

/* comments 

#commentssection{
clear: both;
padding: 2px 12px;
margin: 0;
}

#commentssection h3{
font-family: georgia, times, verdana;
font-size: 12pt;
font-weight: 300;
font-style: normal;
color: #000;
}

#commentform{
background: #F0F0F0;
margin: 12px 12px 20px 12px;
padding:20px;
}

#commentform p{
color: #000;
}

#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}

#commentform h3{
font-family: georgia, times, verdana;
font-size: 10pt;
font-weight: 300;
color: #000;
}

#commentbox{
width:75%;
min-width:400px;
margin:5px 5px 0 0;
}

#author, #email, #url, #commentbox, #submit{
background: #fff;
font-family: verdana, arial, times;
font-size: 8pt;
margin:5px 5px 0 0;
border: none; 
padding: 6px;
border: 1px solid #B2B2B2;
}

#submit{margin:5px 5px 0 0;}


ol.commentlist {list-style-type: none;}

ol.commentlist li {
background: #fff;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}

ol.commentlist li.alt {background: #E5E5E5;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
font-family: arial, verdana, tahoma;
font-size: 9pt;
font-weight: bold;
font-style: normal;
}

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* search 

#searchform{
padding: 6px 0 6px 6px;
font-family: verdana, arial, times;
}

#searchform input#s{
font-family: verdana, arial, times;
font-size: 8pt;
padding: 2px;
margin: 2px;
border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit{
font-family: verdana, arial, times;
font-size: 7pt;
padding: 2px;
margin: 2px 0 0 2px;
border: 1px solid #B7B7B7;
background-color: #fff;
color: #797979;
}

/* footer 

#footer {
background: #0B1224;
clear: both;
width: 100%;
margin-top:15px;
border-top:solid 1px #DEDEDE;
font-family: verdana, arial, tahoma;
font-size: 7pt;
}

#footer p{padding:6px;margin: 0; color: #eee;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}
*/

/* FOOTER ======================= */

#footer {
color: #2B8291;
font-family: Arial,Helvetica,sans-serif;
font-size:small;
float:left;
padding: 10px 20px;
text-transform: uppercase;
width:960px;
}

#footer p {
margin-right: 10px;
float:left;
}

#footer a {
	color: #36A8BC;
}

#footer a:hover {
color: inherit;
}

/* ADVERTISMENT =================== */

#leaderboard {
	background-color:#9AD8E2;
	margin-top:10px;
	padding: 3px;
	text-align:center;
}

.ad {
text-align:center;
}