/*
Theme Name: Brawl Nutrition V3
Theme URI: http://brawlnutrition.com/
Description: The third design version of the Brawl Nutrition website and the first version built on Wordpress.
Author: Chris Lusk
Author URI: chrislusk@meenainc.com
Template: thematic
Version: 2.0
*/
@import url("../thematic/style.css");

#promo1 { position:absolute; top:80px; right:35px; margin:0; padding:0; z-index:3000; }
body { background:url(images/body_bg.jpg) top center no-repeat #000000; font-family:arial; font-size:10px; color:#999999; }

p, ul, ol, dd, pre { margin-bottom:15px; }
a:link, a:active, a:visited { color:#000000; text-decoration:none; }
a:hover { color:#c00000; text-decoration:underline; }

h1, h2  { font-family:tahoma, sans-serif;  line-height:110%;}
h1 { color:#fefefe; font-size:3em; font-weight:bold; margin-bottom:5px; }
h2 { color:#ffffff; font-size:1.8em; line-height:20px; }

h2r, h2r a { color:#c10000; font-size:1.8em; line-height:20px; }
h2r a:hover { text-decoration:underline; }

h3, .text_h3 { color:#fefefe; font-weight:bold; }
h4, .text_h4 { font-size:1.1em; font-style:italic; }


#center { width:1000px; margin:0 auto; padding:0; }
#wrapper { width:100%; margin:0; padding:25px 0 30px 0; position:relative; width:1000px; background:url(images/holder_bg.png) top center repeat-y; float:left; }


/* -------------------------- NAVIGATION --------------------- */

  #nav { margin:0; height:50px; width:650px; padding:17px 0 0 350px; text-transform:uppercase; list-style:inline; list-style-type:none; font-size:1.8em; background:url(images/nav_bg.png) top center no-repeat; font-family:Helvetica, sans-serif; }
    #nav a { color:#ffffff; }
    #nav li { margin:0 13px; float:left; }

    .page_item { background:url(images/sprite_nav.png) no-repeat; height:27px; overflow:hidden; }

    .nav-home { background-position: 0 0; width:55px; }
    .nav-products { background-position: 0 -27px; width:91px; }
    .nav-company { background-position: 0 -54px; width:85px; }
    .nav-affiliates { background-position: 0 -81px; width:94px; }
    .nav-news { background-position: 0 -108px; width:55px; }
    .nav-contact { background-position: 0 -135px; width:79px; }

    .nav-home:hover { background-position:-94px 0; }
    .nav-products:hover { background-position: -94px -27px; }
    .nav-company:hover { background-position: -94px -54px;  }
    .nav-affiliates:hover { background-position: -94px -81px; }
    .nav-news:hover { background-position: -94px -108px; }
    .nav-contact:hover { background-position: -94px -135px; }

/* -------------------------- STANDARD PAGE LAYOUT --------------------- */

  #content { width:800px; margin:0 auto; padding:25px; border:1px solid #ffffff; color:#dcdcdc; background:url(images/ten_trans_bg.png) top left repeat; font-size:1.2em; }
    #content a { color:#ffffff; }

    #page_box_1, #page_box_2 { width:210px; height:55px; margin:-30px 3px -1px 0; float:left; }
    #page_box_1 { margin-left:492px; }


/* -------------------------- GREEN PAGE --------------------------- */

  #green_content { width:800px; margin:20px auto; border:1px solid #ffffff; color:#dcdcdc; background:url(images/green_content_bg.jpg) top left repeat-y; font-size:1.2em; text-transform:uppercase; }
  #green_content p { padding:0 25px; }
  #green_content p strong { color:#9FC453; }
  #green_content p img { padding:0; margin:0 -25px 0; }

/* -------------------------- BLOG PAGE LAYOUT --------------------- */

  #blog_content { width:600px; margin:20px 15px 0 40px; padding:15px; border:1px solid #c10000; color:#333333; background-color:#ffffff; font-size:1.2em;  float:left;}
  #blog_content a { color:#c10000; }
  #blog_content h1 { color:#c10000; }

  #top_ad { margin:0 auto 0 50px; }

  #rightcol { width:250px; margin:20px 0 0 0; color:#dcdcdc; float:left; }

    #company_pages { font-size:1.6em; font-weight:bold; margin:0 15px 40px 0; width:235px; text-align:right; }
      #company_pages li { background:none; }
      #company_pages li a { color:#ffffff; text-decoration:none; }
      #company_pages li a:hover { color:#ff0000; }

    #news_list { font-size:1.2em; font-weight:normal; margin:0 15px 40px 0; width:235px; list-style:circle; text-align:right; }
      #news_list li { background:none; }
      #news_list li a { color:#ededed; text-decoration:none; }
      #news_list li a:hover { color:#ff0000; }

.main-aside  { float:right; position:relative; right:40px; top:20px; width:270px; }

.aside a:link, .aside a:visited, .aside a:active { color:#ffffff; }
.aside a:hover { color:#c10000; }

/* -------------------------- COMPANY PAGE LAYOUT --------------------- */

#companynav { list-style:none; list-style-type:none; margin:75px 0 0; padding:0; }
  #companynav li { float:left; margin:0; padding:8px 10px; font-size:1.2em; text-transform:uppercase; background:none; font-weight:bold; }
  #companynav li, #companynav li a:link, #companynav li a:visited { color:#ffffff; text-decoration:none; }
  #companynav li a:hover { color:#dcdcdc; }


/* -------------------------- FRONT PAGE LAYOUT --------------------- */

  #logo { width:237px; height:190px; margin:-82px 0 0 80px; float:left; }

    .fighters { position:absolute; }
    .fighters.ben { z-index:400; top:201px; left:28px; width:325px; height:442px; }
    .fighters.efrain { z-index:300; top:122px; left:245px; width:320px; height:491px; }

  #redbar { margin:0; background:url(images/redbar.png) top center no-repeat; width:100%; height:173px; float:left; }

  #product { width:498px; height:247px; margin:10px 0 0 185px; background:url(images/product.png) top left no-repeat; float:left; }

  #latest_news_area { float:left; margin:125px auto auto 50px; width:475px; }
    #latest_news_area div { padding:5px 10px; background-color:#141414; border-top:1px solid #666666; border-bottom:1px solid #666666; margin-bottom:10px; height:120px; }
    #latest_news_area .date { font-size:1.1em; color:#999999; }
    #latest_news_area .title { font-weight:bold; font-size:1.6em; color:#c00000; text-transform:uppercase; }
    #latest_news_area .excerpt { font-size:1.3em; }
    img.title { margin:10px auto 10px 0; }

  #content_home { margin:0 42px 0 0; width:380px; text-align:justify; color:#dddddd; float:right; font-size:1.5em; }
    #content_home a { color:#ffffff; font-weight:bold; }

  #content_products { width:590px; margin:10px 0 10px 40px; text-align:right; float:left; }
    #content_products a { color:#ffffff; font-weight:bold; }
    #content_products h1 { font-weight:normal; }


/* -------------------------- FOOTER LAYOUT --------------------- */

#footer { margin:0; background:url(images/footer_bg.png) top left repeat-x; border:none; height:75px;  }

  #foot_wrap { width:1000px; margin:0 auto; }

    #siteinfo { float:left; width:500px; margin-left:50px;  padding:22px 0 0 0; }


/* -------------------------- PRODUCT MAIN PAGE LAYOUT --------------------- */

#viewcart { margin-top:10px; float:left; }
#prod_list_content { width:580px; margin:0 0 15px 0; padding-left:60px; float:left; height:85px; font-size:1.4em; color:#ffffff; }
  #prod_list_content a { color:#cccccc; font-weight:bold; text-decoration:underline; }

#prod_column { list-style-type:none; list-style:none; margin:0; padding:0 40px 0 45px; float:left; }
  #prod_column li { float:left; padding:0; margin:0 0 20px; width:163px; padding:0 9px; }

  #prod_nav { width:181px; margin:0 0 20px 0 ; padding:0; height:75px; background:url(images/titles_sprite.png) no-repeat; float:left; }
    #prod_nav.rush { background-position: 0 0; margin-left:45px; }
    #prod_nav.reactor { background-position: 0 -75px; }
    #prod_nav.reload { background-position: 0 -150px; }
    #prod_nav.revolt { background-position: 0 -225px; }
    #prod_nav.joint { background-position: 0 -300px; }

  .learn_more a, .tagline, .price { margin:10px 0; text-align:center; width:100%; float:left; }
  .tagline { color:#ffffff; font-size:1.2em; }
  .learn_more a { color:#999999; font-size:1.6em; text-decoration:none; font-weight:bold; }
  .price { font-size:3em; color:#dfdfdf; font-weight:bold; }

  #ejunkie_atc { height:27px; width:129px; background:url(images/atc_sprite.jpg) 0 -27px no-repeat; margin:10px auto 10px 21px; }
  #ejunkie_atc:hover { background-position:0 0; }

#securelogo { float:left; width:142px; height:32px; margin:12px 50px 30px 330px; }

/* ------------------------ PRODUCT SUB PAGES --------------------------*/


#subpage_left { width:248px; height:628px; background:url(images/subpage_left.png) top left no-repeat; margin:20px 0 20px 15px; float:left; position:relative; }

    #prod_detail_thumb { width:200px; height:200px; margin:21px 0 0 32px; }
    #prod_detail_thumb a .large { border: 0px; display: block; height: 0px; left: -1px; top: -1px; width: 1px; 	}
    #prod_detail_thumb a img { border: 1px solid #333333; }
    #prod_detail_thumb a.p1, #prod_detail_thumb a.p1:visited { display: block; height:200px; text-decoration: none; width:200px; }
    #prod_detail_thumb a.p1:hover { text-decoration: none; }
    #prod_detail_thumb a.p1:hover .large { border: 3px solid #555555; display: block; height:500px; width:870px; z-index:3000; position:relative; left:0px; top:-203px; }


  .addon_nav { float:left; width:100%; height:40px; margin:0 auto 9px 0; }

#subpage_top { width:698px; height:72px; background:url(images/subpage_top.png) top left no-repeat; margin:0; float:left; }

  #addtocart { width:200px; height:100%; float:right; margin-right:45px; }

#subpage_bottom { width:698px; height:40px; background:url(images/subpage_bottom.png) top left no-repeat; margin:0 0 25px 0; float:left; }

#content_products_sub { margin:0; width:658px; padding-right:32px; height:446px; margin:0; text-align:justify; font-size:12px; float:left; background:url(images/content_prod_sub_bg.png) top right repeat-y; overflow:auto; color:#333333; }

  #content_products_sub h1 { font-size:15px; color:#c10000; font-weight:bold; }
  #content_products_sub h2 { font-size:13px; color:#c10000; font-weight:bold; }
  #content_products_sub h3 { color:#000000; font-size:0.85em; line-height:1.3em; margin:0; }
  #content_products_sub h4 { font-size:11px; font-style:italics;}
  #content_products_sub p, #content_products_sub h4 { margin:20px 0; }

  #prod_page_title { font-size:50px; font-weight:bold; font-family:Helvetica, sans-serif; height:54px; width:700px; background:url(images/prod_sub_titles.png) no-repeat; float:left; margin-top:36px; }

    #prod_page_title.rush { background-position: 0 0; }
    #prod_page_title.reactor { background-position: 0 -54px; }
    #prod_page_title.reload { background-position: 0 -108px; }
    #prod_page_title.joint { background-position: 0 -162px; }
    #prod_page_title.revolt { background-position: 0 -216px; }

  .supfacts { float:right; }

#securelogo_sub { margin:20px auto 25px 790px; width:142px; height:32px; float:left; }


/* -------------------------- SOCIAL ICONS ------------------------------- */
#social_area { width:366px; height:57px; overflow:hidden; float:right; margin:16px 50px 0 0; padding:0; }

  .social_icons { width:57px; height:57px; background:url(images/sprite_social.png) no-repeat; margin:0 2px; float:left; }

    .social_icons.facebook { background-position:0 0; }
    .social_icons.twitter { background-position:0 -57px; }
    .social_icons.flickr { background-position:0 -114px; }
    .social_icons.linkedin { background-position:0 -171px; }
    .social_icons.myspace { background-position:0 -228px; }
    .social_icons.youtube { background-position:-114px -228px; }

    .social_icons.facebook:hover { background-position:-57px 0; }
    .social_icons.twitter:hover { background-position:-57px -57px; }
    .social_icons.flickr:hover { background-position:-57px -114px; }
    .social_icons.linkedin:hover { background-position:-57px -171px; }
    .social_icons.myspace:hover { background-position:-57px -228px; }
    .social_icons.youtube:hover { background-position:-171px -228px; }
    
span.readmore { text-align: right; } 
span.readmore a { color: #c10000; text-decoration:none; font-size:.85em; }