/*---layout elements ---*/
body { font-size: 62.5%;  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #111111; background:url(images/bgstripes.png);  }
*{ padding: 0; margin: 0; }
#container { width: 75em; margin: 0 auto; padding: 0 4px; }

#page { background-color: #fff;  }
#header {}
#content_box { width: 100%; }
#content { width: 48.1em; float: left; padding:2em; }

.graphic { background:url(images/header2.jpg) 0 0 no-repeat; width:750px; height:105px; margin:0 auto;}

.hero {background: url(images/hero.jpg) 0 0 no-repeat; width: 728px; height: 167px; margin: 0 auto; margin-top: 10px;}
.dropshadow {background: url(images/dropshadow.png) 0 0 no-repeat; width: 729px; height: 11px;margin: 0 auto;}
/*---:[ navbar ]:---*/
.menu{margin:0px 0 0 0px; padding:0; height:30px; width:100%; display:block; background:url(images/topMenuImages.png) repeat-x; line-height: 30px; font-size: 11px; font-family: "Lucida Grande";}
.menu li{padding:0 ; margin:0; list-style:none; display:inline;}
.menu li a{float:left; display:block; background:url(images/topMenuImages.png) 0px -30px no-repeat; padding: 0 40px; color: #fff; text-transform: uppercase; }
.menu li a:hover{background-position:0px -60px;}
.menu li a:hover span{background-position:100% -67px;}
.menu li a.active, .menu li a.active:hover{background:url(images/topMenuImages.png) 0px -90px no-repeat;  }

.workout { background: #eee; border-collapse:collapse; color:111; margin:0 0 40px;}
.workout th { background:#ccc; border:1px solid #fff; padding:5px; text-align:left;}
.workout td { border:1px solid #fff; padding:5px 10px;}


.button1 { width:142px; height:29px; float:right; margin:96px 52px 0 0; }

.us_header {background: url(images/us_top.png) 0 0 no-repeat; width: 490px; height: 31px;  line-height: 31px; text-indent: 10px; font-weight: bold; font-size: 15px;}


.upsales1 { background:url(images/upsales2.png) 0 0 no-repeat; width:490px; height:225px;}
.bop {color: #0000ff;float: left; margin: 85px 0 0 12px;text-decoration: underline;}
.us_name {margin: 10px 0 0 20px;}
.us_nameapidexin {margin: 10px 0 0 30px;}
.upsales2 { background:url(images/upsales2.png) 0 -225px no-repeat; width:490px; height:225px;}

.upsales3 { background:url(images/upsales2.png) 0 -450px no-repeat; width:490px; height:225px;}

.upsales4 { background:url(images/upsales2.png) 0 -675px no-repeat; width:490px; height:225px;}

.clear {}


.sidebar1 { background:url(images/sidebar.jpg) 0 0 no-repeat; display:block; width:186px; height:353px; float:right; padding:0px 0px 0 0; margin-top:20px;}
.bestprice { margin:191px 0 0 23px;}
.sidebar2 { background:url(images/sidebar.jpg) 0 -353px no-repeat; display:block;width:186px; height:353px; float:right;padding:0px 0 0 0; margin-top:20px; margin-bottom: 10px;}

.sidebar_1 { font-size: 11px;  padding-left: 10px; }

.sidebar_1 ul li {margin-bottom: 15px;}
.sb_name {margin: 52px 0; text-align: center; color: #0000ff; text-decoration: underline;}


.top { border: none; }
.headline_area { margin-bottom: 2em; }
.post_box {border-style: none; clear: both;padding-top: 2em; margin: 0 2.1em 0 1em; border-width: 0.1em 0 0 0; }
#sidebars { border-style: solid; border-color: #ddd; width: 18.5em; border: 0; float: right; padding-right: 25px; }
#sidebars ul {list-style: none; margin-bottom: 15px;}
#sidebars li {list-style: none;} 

#sidebar_1 { border-style: dotted; border-color: #ddd; border: 0; }
.sidebar { width: 94%; padding:3%;}
.sidebar a:hover { text-decoration: underline; }
.sidebar h3 { font-variant: small-caps; letter-spacing: 2px; font-size: 1em; line-height: 1.385em; margin-bottom: 0.692em;color: #000;}
.sidebar ul.sidebar_list { padding-right: 1em; padding-left: 0em; margin-left:0em; padding-top: .5em;list-style: none; font-size: 1.2em; line-height: 1.34em; color:#444; }
#footer { padding: 1em;text-align: left; clear: both; color: #888888; margin-left: 20px; }

/*--- layout colors ---*/
#logo, #logo a { color: #111111; }
a, h2 a:hover, #logo a:hover { color: #2361A1; }
#tagline { color: #888888 }
h1, h2, h2 a { color: #111111; }
.headline_meta, .headline_meta a { color: #888888; }
.headline_meta a:hover, .teaser_author a:hover, .teaser_comments:hover, .teaser_category:hover, .teaser .edit_post a:hover { color: #111111; }
#footer a { color: #888888; }
#footer a:hover { color: #111111; }

/*--- styles ---*/
h1, h2, h3, h6 { font-weight: bold; line-height: 30px; margin-bottom: 15px; }
h4, h5 { font-weight: bold; }
h5, h6 { text-transform: uppercase; letter-spacing: 1px; }
#header #logo { font-size: 3.6em; line-height: 1.167em; }
#header #tagline { font-size: 1.4em; line-height: 1.429em; }
#logo { font-weight: bold; }
#tagline { font-weight: normal; }
.headline_area h1, .headline_area h2 { font-size: 2.2em; line-height: 1.364em; }
.formatting h2 { font-weight: bold; }
.formatting h2.top, .formatting h3.top { margin-top: 0 !important; }
.formatting h2, .formatting h3 { font-size: 1.333em; line-height: 1.25em; margin: 1.875em 0 0.625em 0; }
.formatting h4 { font-size: 1em; }
.formatting h5 { font-size: 0.833em; }
.formatting h6 { font-size: 0.833em; }
.formatting { font-size: 1.2em; line-height: 1.667em; }
.formatting p { margin-bottom: 1.667em; }
.formatting ul { margin: 0 0 1.667em 1.667em; }
.formatting ol { margin: 0 0 1.667em 1.667em; }
.formatting ul ul, .formatting ul ol, .formatting ol ul, .formatting ol ol { margin: 0 0 0 1.667em; }
.formatting dl { margin-bottom: 1.667em; }
.formatting dd { margin-bottom: 1.667em; }
.formatting blockquote { margin: 0 0 1.667em 0.833em; padding-left: 0.833em; }
.formatting a { text-decoration: underline; }
.formatting a:hover { text-decoration: none; }
.formatting ul { list-style: square; }
.formatting dt { font-weight: bold; }
#footer a { border-bottom: 1px solid #ccc; }
#footer p { font-size: 1.2em; line-height: 1.667em; }

/*---:[ pullquotes ]:---*/
.formatting blockquote.right, .formatting blockquote.left { border: none; }
.formatting blockquote.right { float: right; }
.formatting blockquote.left { float: left; }
.formatting blockquote.right p, .formatting blockquote.left p { margin: 0; }
/*---:[ images ]:---*/
.formatting img.left, .formatting img.alignleft{ margin: 0 1.667em 1.667em 0; }
.formatting img.right, .formatting img.alignright { margin: 0 0 1.667em 1.667em; }
.formatting img.center, .formatting img.aligncenter { margin: 0 auto 1.667em auto; }
.formatting img.block, .formatting img.alignnone { margin: 0 auto 1.667em 0; }
.formatting img[align="left"] { margin-right: 1.667em; margin-bottom: 1.667em; }
.formatting img[align="right"] { margin-bottom: 1.667em; margin-left: 1.667em; }
.formatting img[align="middle"] { margin-bottom: 1.667em; }

/*---self clearing floats---*/
 #content_box:after, #sidebars:after, .formatting:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
 /*---:[ global elements ]:---*/
a, a:hover { text-decoration: none; font-size: 12px; color: black; }
a img { border: none; }
blockquote { border-left: 1px solid #ddd; color: #666; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
.remove_bottom_margin { margin-bottom: 0 !important; }

/*---:[ universal image classes ]:---*/
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*---:[ headline meta data (includes bylines) ]:---*/
.headline_meta { font-style: italic; }
	.headline_meta span, .headline_meta abbr { font-style: normal; text-transform: uppercase; letter-spacing: 1px; }
	.headline_meta a { border-bottom: 1px solid #eee; }