@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;  
background:url(images/bg_1200_800.jpg);
background-repeat:no-repeat-y;
background-position:center;
/*background-color:#000000;  */
background-attachment:fixed;
}

/* === FOR HEADER POSITION, SEE "topsection" BELOW === */

/* HEADER BUTTON MENU */
#headerbuttons {
position: relative;
margin-top: -520px;
margin-left: 3%;
/*background:url(images/sem_trans_back_50.png); */
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
width:750px;
}



/* HEADER TEXT POSITION */
#headertext {
position: relative;
margin-top: 200px;
margin-left: 15%;
}

h2{margin:0px; padding:0px}
b{font-size: 110%;}

p{margin:0px; padding:0px}
a{color:#660033; outline-style:none}
ul{margin:0px;padding:0px}
ul li{margin:0px; padding:0px}

img  {
  border: 0;
  margin-left:auto;
  margin-right:auto;
  }

a.topnav:link
{
/**/display:block; 
width:110px; 
height:25px; 
background:none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: bold;
font-family: arial, verdana, sans-serif; 
font-size:100%; 
color:#FFFFFF; 
line-height:auto; 
overflow:hidden;
} 

a.topnav:visited 
{
display:block; 
width:110px; 
height:25px; 
background: none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: bold;
font-family: arial, verdana, sans-serif; 
font-size:100%; 
color:#999999; 
line-height:auto; 
overflow:hidden;
} 

a.topnav:hover 
{
display:block; 
width:110px; 
height:25px; 
/*background: url(images/bg_buttons.jpg); */
background-color: #70C1BA; 
/*background-color:#660033;*/
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: bold;
font-family: arial, verdana, sans-serif; 
font-size:100%; 
color:#000000; 
line-height:auto; 
overflow:hidden;
} 


a.topnav:active 
{
display:block; 
width:110px; 
height:25px; 
background: none;
border: none;
margin-top:0px; 
text-align:center; 
text-decoration:none; 
font-weight: bold;
font-family: arial, verdana, sans-serif; 
font-size:100%; 
color:#999999; 
line-height:auto; 
overflow:hidden;
} 


/*
#archives_container{
margin:0px 30px;
position:relative;
top:-20px;
width:390px;
height:280px;
}

#archives_text{
background:url(images/text_bg.png);
padding:10px 10px;
width:370px;
height:285px;

}

#archives_text a{
text-decoration:underline;
}

#blog_posts_container{
width:550px;
float:left;
margin:10px 0px 10px 0px;
border: solid 2px #000000;
background-color:#ffd89b;
text-align:center;
}

#blog_posts_date_container{
margin-left:15px;
margin-top:10px;
text-align:left;
}
*/

#contentwrapper{
float: left;
width: 775px;
margin-top: 120px;
margin-left:3%;
margin-bottom: 3%;
padding: 10px;
border: solid; 
border-color:#000000; 
background-image:url(images/sem_trans_back_50.png);
}

#contentcolumn{
margin-right: 450px; /*Set right margin to RightColumnWidth*/
}

#contentcolumn a{
color:#e40b0b;
}

#contentcolumn img{
display:block;
}

/*------------For when the damn product viewer work!------------------

#featured_container{
padding:0px 0px 0px 0px;
width:438px;
height:130px;
}

#featured_products{
width:438px;
height:300px;
margin:8px 0px 0px 5px;
background:url(images/rotator_shadow.png);
background-repeat:no-repeat;
position:relative;
top:-28px;
}

#featured_container{
}

#featured_products{
}

#featured_products h2{
background: url(images/featured_products_01.png);
background-repeat:no-repeat;
text-indent:-10000px;
height:70px;
z-index:1000;
position:relative;
}
*/

/* === FOOTER
#footer{
clear: left;
width: 100%;
background: url(images/footer_bg.png);
color: #FFF;
text-align: center;
padding: 14px 0 0 0;
height:270px;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}

#footer a:active{
color:#FFFFFF;
}

#footer a:hover{
color:#FFFF99;
text-decoration:underline;
}

#footer p{
font-size:11px;
}

#footer ul{
font-size:11px;
}

#footer ul li{
display:inline;
text-decoration:none;
color:#FFFFFF;
}

#footer a{
color: #FFFFFF;
}

#footer_container{
width:999px;
margin:0px auto;
}

#footer-divide{
float:left;
width:25px;
height:175px;
background:url(http://www.oldtimestrongman.com/blog_styles/images/divider_01.png);
}

#footer_info{
width:994px;
height:90px;
float:left;
margin:0px auto;
}

#footer_info p{
line-height:.8em;
}

#footer_info ul{
margin-bottom:0px;
position:relative;
top:-15px;
padding-left:0px;
font-size:11px;
}

#footer_info ul li{
display:inline;
margin:0px 8px 10px 0px;
text-decoration:none;
color:#FFFFFF;
}

#footer_logo{
width:150px;
float:left;
}

=== END FOOTER */

/*
#left_curtain{
height:1000px;
width:150px;
background:url(images/left_curtain.png);
}

#left_links{
width:150px;
float:left;
}
*/


#maincontainer{
width: 845px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding:0;
}

/*
#monthly_archives{
position:relative;
top:-25px;
}

#monthly_archives h2{
background:url(images/monthly_archives_01.png);
background-repeat:no-repeat;
text-indent:-100000px;
height:70px;
z-index:1000;
position:relative;
}

*/

/* === NAVIGATION 
#navigation{
width:800px;
height:39px;
float:left;
margin-top:3px;
}

#navigation ul li{
display:inline;
float:left;
}

#navigation ul li a{
text-indent:-999999px;
display:block;
outline-style:none;
}


#nav_bar{
height:45px;
width:800px;
float:left;
}

=== END NAVIGATION */

/*
#older-posts{
width:455px;
height:175px;
float:left;
margin-left:29px;
background: url(http://oldtimestrongman.com/blog_styles/images/older_posts_ftr.png);
text-align:left;
overflow:hidden;
}

#older-posts ul{
padding:55px 0px 0px 53px;
}

#older-posts a{
color:#CCCCCC;
}

#popular_topics{
margin-left:3px;
margin-top:10px;
position:relative;
top:-25px;
}

#popular_topics h2{
background: url(images/popular_topics_01.png);
background-repeat:no-repeat;
text-indent:-100000px;
height:70px;
z-index:1000;
position:relative;
}

#popular_topics ul li{
color:#FFFFFF;
}

#posts_container{
margin:0px 30px;
position:relative;
top:-25px;
width:400px;
}

#posts_text{
background:url(images/text_bg.png);
padding:10px 10px;
width:370px;
}

#previous_posts ul li{
list-style:none;
}

#previous_posts a{
text-decoration:none;
}

#previous_posts h2{
background: url(images/previous_posts_01.png);
background-repeat:no-repeat;
text-indent:-100000px;
height:70px;
z-index:1000;
position:relative;
}
*/


#right_links{
width:150px;
float:left;
}

#rightcolumn{
float: left;
width: 450px; /*Width of right column*/
margin-left: -450px; /*Set left margin to -(RightColumnWidth) */
font-size:12px;
}

/*
#rightcolumn p{
color:#FFFFFF;
}

#rightcolumn ul li{
}

#rightcolumn a{
color:#FFFFFF;
}

#rightcolumn a:hover{
text-decoration:underline;
}

#rotator{
margin:-14px 0px 0px 30px;
position:relative;
z-index:1;
height:300px;
}

#search{
height:40px;
padding-left:15px;
width:313px;
float:left;
}

#search_box{
margin:0px 0px 15px 0px;
}

#sharing_good{
width:127px;
margin:5px auto 5px auto;
}

#sign_up{
width:280px;
height:210px;
float:left;
background:url(images/sign_up_02.png);
background-repeat:no-repeat;
}

#subscribe{
float:left;
height:175px;
width:455px;
clear:right;
background: url(http://www.oldtimestrongman.com/blog_styles/images/subscribe_ftr.png);
text-align:center;
}

#subscribe p{
padding:55px 0px 0px 32px;
line-height:1.3em;
width:370px;
margin-left:12px;
}

#t{
background:#ffd89b;
}

#topics{

}

#topics_container{
margin:0px 30px;
position:relative;
top:-25px;
width:400px;
height:195px;
}

#topics_text{
background:url(images/text_bg.png);
padding:10px 10px;
width:370px;
height:195px;
}

#topics_text a{
text-decoration:none;
}
*/

/* BANNER AT TOP OF PAGE */
#topsection{
height: 549px; /*Height of top section*/
}

/*
#topsection h1{
margin: 0;
padding-top: 15px;
}

#tweet_counter{
width:51px;
float:right;
display:block;
margin:5px 5px 5px 15px;
background:#ffd89b;
}

#welcome{
height:210px;
width:430px;
background:url(images/welcome_banner.png);
text-indent:-10000px;
margin:0px 0px 0px 10px;

}

.archive_list{
float: left;
  width: 35em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.archive_listitem{
  float: left;
  width: 9em;
  margin: 0;
  padding: 0px 0px 0px 15px;
}

.blogger-labels{
font-weight:bold;
margin-top:10px;
}

.break{
margin:15px 0px;
}

.copyright{
font-size:12px;
padding:0px 25px 5px 25px;
text-align:center;
}

.copyright_post{
font-size:11px;
padding:10px 35px 5px 35px;
text-align:center;
line-height:1.1em;
font-weight:bold;
}

.date-header{
font-size:16px;
margin:6px 0px;
}

.footer_optin{
width:100px;
padding:7px 0px 0px 190px;
}

.footer1{
display:inline;
width:110px;
}

.footer2{
display:inline;
}

.ftr_optin{
margin:0px 0px 3px 0px;
}
*/

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*
.logo{
position:relative;
right:20px;
z-index:1000;
float:left;
}
*/

/*
.main_nav{
height:39px;
width:563px;
}

.nav_optin{
margin:110px 0px 0px 110px;
}

.navhome{
height:38px;
width:71px;
background: url(images/navhome_01_01.png);
}

.navhome:hover{
background:url(images/navhome_01_01.png);
background-position:bottom left;
}

.navproducts{
height:38px;
width:108px;
background:url(images/navhome_01_02.png);
}

.navproducts:hover{
background:url(images/navhome_01_02.png);
background-position:bottom left;
}

.navarticles{
height:38px;
width:101px;
background:url(images/navhome_01_04.png);
}

.navarticles:hover{
background:url(images/navhome_01_04.png);
background-position:bottom left;
}

.navabout{
height:38px;
width:74px;
background:url(images/navhome_01_06.png);
}

.navabout:hover{
background:url(images/navhome_01_06.png);
background-position:bottom left;
}

.navcontact{
height:38px;
width:94px;
background:url(images/navhome_01_08.png);
}

.navcontact:hover{
background:url(images/navhome_01_08.png);
background-position:bottom left;
}

.navordernow{
height:38px;
width:115px;
background:url(images/navhome_01_10.png);
}

.navordernow:hover{
background:url(images/navhome_01_10.png);
background-position:bottom left;
}

*/

/*
.pictures{
z-index:2;
float:right;
}

.post{
margin:5px 0px 5px 30px;
text-align:left;
padding-right:60px;
}

.post h3 {
  margin: 0px 0px 0px 0px;
  font-size: 20px;
}

.post-body{
margin:0px 0px 0px 0px;
text-align:left;
  line-height: 140%;
  font-size:12px;
  padding:5px 15px;
}

.post-footer{
color:#000000;
font-weight:bold;
}

.post-title{
margin:6px 0px 0px 0px;
}

.previous_list{
margin-left:15px;
}
*/

.searchbg
{
background:url(images/search_box_bg.png) no-repeat;
width:420px;
height:45px;
display:block;
}

.search_field
{
border:0;
color:#FFFFFF;
font-size:17px;
float:left; /* this will make the images line up */
padding:11px 7px 8px 40px;
width:260px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
height:20px; /* again, must be slightly less than the image size */
background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn’t work in Safari, so I may go back later and give them their own style sheet. For now, I’m not bothered by this small inconvenience. */
}

/*
.submission{
text-indent:-1000px;
height:32px;
width:106px;
margin-top:5px;
margin-left:0px;
background:url(images/search_btn.png);
background-repeat:no-repeat;
background-position:top;
}

.submission:hover {
background:url(images/search_btn.png);
background-repeat:no-repeat;
background-position:bottom;
}

.topics_list{
float: left;
  width: 36em;
  margin: 0 0 0 18px;
  padding: 0;
}

.topics_list_item{
  float: left;
  width: 17em;
  margin: 0;
  padding: 0px 0px 0px 0px;
}

.tweetmemebutton{
background:FFD89B;
}

.weight_divider{
text-align:left;
margin:0px 0px 15px 0px;
}
*/