﻿/*
Theme Name: Athletic Legs For Men
Theme URI: http://ewebscapes.com
Version: 1.0
Description: Custom Theme for Athletic Legs for Men by <a href="http://ewebscapes.com">EWebscapes</a>
Author: Leanne Wildermuth
Author URI: http://www.ewebscapes.com
This design is copyright ©EWebscapes and may not be reproduced.
*/


/************************************************
*	SPECIAL JOEY CLASSES			*
************************************************/

.neatframe {
 width: 400px; 
 margin: 20px auto;
 background-color: #C5DDE9; 
 border: 2px dotted #3C85A8;
 padding: 20px;
}

.border {
 border: 1px solid #3C85A8;
 padding: 1px;
}

/************************************************
*	BASIC ELEMENTS				*
************************************************/

a img {border: 0px}
abbr, acronym {border-bottom: 1px dashed #000; cursor: help;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
body, form, h1, h2, h3, h4, ul, ol, p {margin: 0; padding: 0; list-style: none;}
p{margin: 0px;	line-height: 21px;padding: 0px 0px 10px 0px;}
p img{border: none;padding: 0;	}
img a{border:none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 3px; padding-bottom: 10px; margin-bottom: 5px;}
.tight {letter-spacing: -.02em;}

.pagenav {font-size: 1.4em; font-style: italic; clear: both; padding: 0 30px; margin-bottom: 30px;}
.pagenav a:link {color: #A10F12; font-weight: bold; text-decoration: none;}
.pagenav a:active {color: #A10F12; font-weight: bold; text-decoration: none;}
.pagenav a:visited {color: #A10F12; font-weight: bold; text-decoration: none;}
.pagenav a:hover {color:#00027A; font-weight: bold; text-decoration: none;}


hr {color: #1A5D7B;  background-color: #1A5D7B; margin:0; padding:0; }

code, pre {
 font-family: 'Courier New', Courier, mono;
 color: #969696;
 text-decoration: none;
 text-align: left;
}

blockquote {
  text-align: left;
  line-height: 150%;
  padding: 5px 15px 0 9px;
  background-color: #fff;
  border-left: 6px solid #1A5D7B;
  font-size: .8em;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #ECF3FD;
 border: 1px solid #1F296E;
 color: #000;
 font-family: Arial, 'trebuchet ms', sans-serif;
  font-size: 12px;
  padding: 2px;
}

.searchform {
  padding: 3px 0 0 10px;
}

.submit {
 background-color: #ECF3FD;
 color: #000; 
}

.radio {
 border: 0;
} 

h1, h2, h3, h4, h5, h6 {
  margin: 0.9em 0 0 0;
  padding: 0;
  color: #000;
  font-weight: normal;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4, h5, h6 {font-size: 1.1em;}

h1 {color: #000; padding: 5px 0 0 0; margin: 0;}
h1 a:link, a:active {color: #000; text-decoration: none;}
h1 a:visited {color: #000; text-decoration: none;}
h1 a:hover {color:#000; text-decoration: underline;}

h2 {color: #000; padding: 10px 0 0 0;}
h3 {color: #000; padding: 5px 0 10px 0;}

body {
  margin: 0px;
  padding: 0px;
  background: #64ADCE url(img/bgtop.jpg) top center repeat-x;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 0.9em;
  list-style-type: none;
}


/************************************************
*	PRIMARY STRUCTURE			*
************************************************/


#wrap {
  width: 982px;
  background: url(img/wrap.jpg) top center repeat-y;
  margin: 0 auto;
}

#content {
  float: left;
  width: 600px;
  display: inline;
  text-align: left;
  margin-left: 30px;
  margin-top: -25px;
}

#menu {
 height: 54px;
 width: 982px;
  background: #3D8BB1 url(img/menubg.jpg) bottom center no-repeat;
}

.toplinks {
 height: 54px;
 padding-left: 26px;
 text-align: center;
 font: bold 1em helvetica; 
 color: #1F296E;
 overflow: hidden;
}


.toplinks ul {
  list-style:none;
}

.toplinks ul li {
  display: inline;
}

.toplinks ul li a, .toplinks ul li a:visited {
 color: #1F296E;
 background: url(img/menutab.jpg) top center no-repeat;
 width: 129px;
 height: 46px;
 text-align: center;
 padding-top: 16px;
 padding-left: 2px;
 padding-right: 2px;
 float: left;
 text-decoration: none;
letter-spacing: -.02em;
}


.toplinks ul li a:hover, .toplinks li#current a, .toplinks li#current a:visited, .toplinks li.current_page_item a, .toplinks li.current_page_item a:visited, .toplinks li.current_page_parent a, .toplinks li.current_page_parent a:visited {
 color:#fff;
 background: url(img/menutabh.jpg) top center no-repeat;
 width: 129px;
 height: 46px;
 text-align: center;
 padding-top: 16px;
 padding-left: 2px;
 padding-right: 2px;
 float: left;
 text-decoration: none;
letter-spacing: -.02em;
}





#header {
  height: 234px;
  background: url(img/header.jpg) top center no-repeat;
}



/************************************************
*	POST STYLE      			*
************************************************/

.title {
 margin: 0;
 color: #000;
 font-weight: bold;
 font-family: Georgia, 'Times New Roman', Times, serif;
}

.post {
  padding: 10px 20px 5px 10px;
}

.post a:link {color: #1F296E; font-weight: bold; text-decoration: none; }
.post a:active {color: #1F296E; font-weight: bold; text-decoration: none; }
.post a:visited {color: #1F296E; font-weight: bold; text-decoration: none; }
.post a:hover {color: #A10A11; font-weight: bold; text-decoration: underline;
}

.date {
 color: #1A5D7B;
 text-align: left;
 padding-left: 5px;
 text-transform: uppercase;
 font-size: .7em;
 font-family: Arial, 'trebuchet ms', sans-serif;
}

.post ul {
  margin-left: 50px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 list-style-type: disc;
 margin: 0 30px 5px 5px;
 padding: 2px 0;
}

.post ol {
  margin-left: 35px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding: 2px 0;
 margin: 0 0 0 5px;
}

.post-meta {
 text-transform: uppercase;
 border-top: 1px solid #3C8AB0;
 color: #000; 
 padding: 10px 10px 0 0;
 margin: 0 10px 50px 10px;
 font-size: .7em;
 font-family: Arial, 'trebuchet ms', sans-serif;
 line-height: 140%;
}

.post-meta a:link {color: #1F296E; font-weight: bold; text-decoration: none; }
.post-meta a:active {color: #1F296E; font-weight: bold; text-decoration: none; }
.post-meta a:visited {color: #1F296E; font-weight: bold; text-decoration: none; }
.post-meta a:hover {color: #A10A11; font-weight: bold; text-decoration: underline;
}


/************************************************
*	SIDEBAR          			*
************************************************/


#side {
  padding-right: 20px;
  float: right;
  width: 275px;
  overflow: hidden;
}

#side-top {
  background: url(img/sidetop.jpg) top center no-repeat;
  width: 275px;
  height: 16px;
}

#side-bg {
  background: url(img/sidebg.jpg) repeat-y;
}

#side-bottom {
  background: url(img/sidebottom.jpg) top center no-repeat;
  width: 275px;
  height: 21px;
}

#side .menu {
  list-style-type: none; 
  width: 262px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
 font-family: Arial, 'trebuchet ms', sans-serif;
 font-size: .9em;
}

#side .menu h2 {
  text-align: left;
  padding: 5px;
  background-color: #97C2D5;
  border-top: 1px solid #98CEFC;
  border-bottom: 1px solid #98CEFC;
}

#side .menu h3 {
 font-size: 1.5em;
 color: #000;
 padding: 0 0 0 5px;
 margin: 0;
}

#side .menu p{
 padding-left: 5px;
}

#side .menu ul, #side .menu ul ul {
 margin:0;
  padding:10px 3px 20px 3px;
 list-style: none;
}


#side .menu ul li {
 margin: 0 13px;
 border-bottom: 1px solid #DCEDF4;
 line-height: 140%;
 padding-bottom: 2px;
  margin-left: 6px;
  margin-right: 6px;
}

#side .menu ul.children {
  padding: 0;
}

#side .menu ul li li {
  border-bottom: none;
  line-height: 20px;
  padding: 0 3px 2px 0; 
}


#side .textwidget {padding:10px 3px 5px 3px; list-style: none;}
ul.menu li#tag_cloud  {padding:10px 3px 5px 3px; list-style: none;}
ul.menu li#tag_cloud h2 {width: 266px; margin-left: -3px;}

#side .menu a:link {color: #1F296E; font-weight: bold; text-decoration: none;}
#side .menu a:active {color: #1F296E; font-weight: bold; text-decoration: none;}
#side .menu a:visited {color: #1F296E; font-weight: bold; text-decoration: none;}
#side .menu a:hover {color: #941323; font-weight: bold; text-decoration: none;}





/************************************************
*	FOOTER STYLE      			*
************************************************/

#footer {
  clear: both;
  background: #489BC3 url(img/bgbottom.jpg) top center repeat-x;
}

.footer-text {
 text-align: left;
 background: url(img/footer.gif) top center no-repeat;
 width: 982px;
 height: 77px;
 margin: 0 auto;
 color: #1F296E;
 text-transform: uppercase;
 font-size: .7em;
 font-family: Arial, 'trebuchet ms', sans-serif;
 line-height: 140%;
}

.footer-ta {
 padding-top: 25px;
 padding-left: 50px;
}


.footer-text a:link {color: #1F296E; font-weight: bold; text-decoration: none; }
.footer-text a:active {color: #1F296E; font-weight: bold; text-decoration: none; }
.footer-text a:visited {color: #1F296E; font-weight: bold; text-decoration: none; }
.footer-text a:hover {color: #941323; font-weight: bold; text-decoration: underline;
}


/************************************************
*	COMMENTS				*
************************************************/
	
#comment-container {
  overflow: hidden;
  line-height: 170%;
  margin-bottom: 20px;
}

#comment-container a:link {color: #1F296E; font-weight: bold; text-decoration: none;}
#comment-container a:active {color: #1F296E; font-weight: bold; text-decoration: none;}
#comment-container a:visited {color: #1F296E; font-weight: bold; text-decoration: none;}
#comment-container a:hover {color: #941323; font-weight: bold; text-decoration: none;}


#comment-container textarea {
  width: 100%;
  margin-bottom: 5px;
  background-color: #F4F9FD;
  padding: 3px;
 
}

#comment-container input, select {
  margin-bottom: 5px;
  background-color: #F4F9FD;
  padding: 3px;
}

.align {
  margin-bottom: 20px;
}

.comment-list {
 margin: 20px 0 20px 0;
}

.comment-form {
  margin-top: 10px;
  padding: 10px;
}

.comment-container {
 margin: 5px 0 15px 0;
 padding: 5px;
 background-color: #F4F9FD;
 border: 1px solid #1F296E;
}

.comment-num {
 float: left;
 font-size: 24px;
 margin-top: 0;
 padding-right: 5px;
 color: #97C2D5;
}

.comment-meta {
 font-size: 14px;
 color: #1A5D7B;
 overflow: hidden;
 padding-right: 10px;
padding-left: 16px;
 padding-top: 3px;

}

.comment-text {
 padding-left: 14px;
 padding-top: 7px;
 margin: 0 20px;
 padding-bottom: 15px;
 overflow: hidden;
}

.comment-date {
 text-align: right;
 font-size: .9em;
}
