/*
Site Name: Sombrio Cartel 2010 
Site URI: http://www.sombriocatel.com
Version: Sombrio Cartel v3 
Author: Chad Smith, Leanne Hancheroff, HancheroffSmith
Author URI: http:www.hancheroffsmith.com
Date: March 2010
*/

/* ---------- @ Reset -----------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img,  q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ol, ul {list-style: none;}
body {background: #f2f2f2 url(../img/sombrio_bg.jpg) center top no-repeat;} 


/* ---------- @ containers -----------*/

a {
	color: #3ccccc;
	text-decoration: none;
}

a:hover {
	color: #2eb8dc;
}


.container {
  width: 960px;
  margin: 0 auto;
  position: relative;
  background-color: #000000;
}


.home_container {
  width: 960px;
  height: 960px; 
  margin: 0 auto;
  position: relative;
  background-color: #000000;
}

.apparel_container {
  width: 960px;
  height: 881px; 
  margin: 0 auto;
  position: relative;
  background-color: #000000;
}

.content {
margin: 0px auto;	
width: 960px;
}

/* Header Elements are all here */ 

.header {
position: relative;
width: 960px;
height: 147px; 
top: 9px;

}

.header_content {
background-image: url(../img/header_back.gif);
width: 960px;
height: 126px;
}

.logo {
position: absolute;
top: 20px;
left: 24px;	
}

/* Mini Global Nav Elements - Shop Online & Dealer Locator  */

/* global nav structure */

.shop_locator {
	position: absolute;
	top: 23px;
	left: 525px;
	}

ul.mini_global_nav li
	{
	float:left;
	margin: 0;
	padding: 0;
	}

ul.mini_global_nav img{margin: 0 0px 0 0;}

/* global nav rollovers */

.shop_online {margin:0; padding:0;}

.shop_online a 
	{
	display:block;
	width:94px; height:12px;
	margin:0; padding:0;
	background: url(../img/global_shoponline-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
.shop_online a:hover 
	{
	background: url(../img/global_shoponline-trans.png) 0px -12px no-repeat;
	}
	
.shop_online a span { display:none; }


.dealer_locator {margin:0; padding:0;}

.dealer_locator a 
	{
	display:block;
	width:110px; height:12px;
	margin:0; padding:0;
	background: url(../img/global_dealerlocator-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
.dealer_locator a:hover 
	{
	background: url(../img/global_dealerlocator-trans.png) 0px -12px no-repeat;
	}
	
.dealer_locator a span { display:none; }

.facebook {margin:0; padding:0;}

.facebook a 
	{
	display:block;
	width:85px; height:12px;
	margin:0; padding:0;
	background: url(../img/global_facebook-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
.facebook a:hover 
	{
	background: url(../img/global_facebook-trans.png) 0px -12px no-repeat;
	}
	
.facebook a span { display:none; }

.twitter {margin:0; padding:0;}

.twitter a 
	{
	display:block;
	width:75px; height:12px;
	margin:0; padding:0;
	background: url(../img/global_twitter-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
.twitter a:hover 
	{
	background: url(../img/global_twitter-trans.png) 0px -12px no-repeat;
	}
	
.twitter a span { display:none; }

.vimeo {margin:0; padding:0;}

.vimeo a 
	{
	display:block;
	width:65px; height:12px;
	margin:0; padding:0;
	background: url(../img/global_vimeo-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
.vimeo a:hover 
	{
	background: url(../img/global_vimeo-trans.png) 0px -12px no-repeat;
	}
	
.vimeo a span { display:none; }


/* Main Nav Structure */

.nav {
position: absolute;
width: 960px;
height: 46px;
top: 92px;
}

/* Main Content Area Structure */

.main_content {
position: absolute;
width: 950px;
height: 484px;
left: 5px;
top: 154px;
}

/* For copy pages only */

.main_content_copy
	{
    position: relative;
    padding: 0 0 0 5px; 
    width: 950px;
    }

.copy_container
	{
	position: relative;
   	padding-bottom: 20px;
   	color: #d5d5d5;
   	background: #1e1e1e url(../img/bottom_gradient.gif) no-repeat bottom center;
   	
	}
	
p
	{
	padding-bottom: 18px;
	}


	
.leftcolumn 
	{
	width: 515px;
    line-height: 18px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    padding-left: 25px;
    padding-right: 16px;
    padding-bottom: 10px;
   
	}
	
.leftcolumn h1 
	{
	font-size: 16px;
	font-weight: 100;
	padding-top: 16px;
	padding-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	}
	
.leftcolumn h2
	{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color:#88a81a;
	}
	
.leftcolumn h3
	{
	font-size: 12px;
	font-weight: bold;
	color:#88a81a;
	}
		
	
.pad_1
	{
	padding: 18px 0 18px 0;
	}
	
.pad_top_push
	{
	padding-top: 18px;
	margin-left: -18px;
	}
	
.pad_top
	{
	padding-top: 18px;
	margin: 0px;
	}
	
.pad_bottom
	{
	padding-bottom: 18px;
	margin: 0px;
	}
	
.no_pad
	{
	padding: 0px;
	}
	
.right
	{
	float: right;
	padding-bottom: 105px;
	margin-top: -20px;
	}

.leftcolumn ol
	{
	list-style:decimal;
	list-style-position: outside;
	padding-left: 18px;
	}
	
.leftcolumn ul
	{
	list-style: disc;
	list-style-position: outside;
	padding-left: 18px;
	}
	

	
.leftcolumn .rightcolumn p
	{
	padding-bottom: 18px;
	}

.rightcolumn 
	{
	position: absolute;
	top:50px;
    left: 555px;
    width: 340px;
    line-height: 18px;
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
	}
	
.rightcolumn h2
	{
	font-size: 11px;
	font-weight: bold;
	}

.first_p
	{
	font-size: 18px;
	color:#88a81a;
	font-weight: normal;
	}

/* Secondary Content Area Structure */

.secondary_content {
position: absolute;
width: 960px;
height: 423px;
background: url(../img/secondary_content_bg.jpg) no-repeat;
top:645px;
}

.left_happenings {
width: 230px;
height: 360px;
position: absolute;
left: 10px;
background: #000;
height: 360px;
}

#happenings_link {
margin:0; padding:0;
}

#happenings_link a 
	{
	display:block;
	width:184px; height:29px;
	margin:0; padding:0;
	background: url(../img/happenings_rail_footer-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
#happenings_link a:hover 
	{
	background: url(../img/happenings_rail_footer-trans.png) 0px -29px no-repeat;
	}

#happenings_link a span { display:none; }

/**
 *  FeedControl API styles
 */ 

#feedControl {
   width : 230px;
  }

  #feedControl .gfc-title,
  #feedControl .gf-author,
  #feedControl .gf-spacer,
  #feedControl .gf-relativePublishedDate {
    display : none;
  }

  /**
   * 1em Padding at the bottom of each collection of entries
   */
  #feedControl .gfc-results {
  	padding-top: 5px;
   /*  padding-bottom : 1em; */
  }

  /**
   * no padding between entries
   */
  #feedControl .gfc-result {
    margin-bottom : 14px;
  }

  /**
   * Use a larger font size for section titles
   */
#feedControl .gfc-resultsHeader {
   background: url(../img/sombrio_happenings_rail_header.gif) no-repeat;

   height: 30px;
   border-bottom:1px solid #4d4d4d;
   margin-bottom:4px;
   width:100%;
  }  /*.gfc-title*/
  

#feedControl .gf-snippet {
  	font-family: Helvetica, Arial, sans-serif;
  	font-size: 11px;
  	line-height: 16px;
  	color: #D5D5D5;
  }
  
 #feedControl .gf-title {
  	font-family: Helvetica, Arial, sans-serif;
  	font-size: 11px;
  	line-height: 16px;
  	font-weight: bold;
  	text-transform: uppercase;
  } 
  
  #feedControl .gf-title a {
  	color: #cccccc;
  	text-decoration: none;
  }
  
    #feedControl .gf-title a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2eb8dc;
  }
  
.middle_team_vids {
	position: absolute;
	width: 330px;
	height: 360px;
	left: 265px;
	}

#team_link {
	margin-top: 10px;
}

#team_link a 
	{
	display:block;
	width:184px; height:29px;
	margin:0; padding:0;
	background: url(../img/more_team_footer-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
#team_link a:hover 
	{
	background: url(../img/more_team_footer-trans.png) 0px -29px no-repeat;
	}

#team_link a span { display:none; }


.right_promo {
	position: absolute;
	width: 330px;
	height: 360px;
	left: 620px;
	
}

#life_link {
	margin-top: 10px;
}

#life_link a 
	{
	display:block;
	width:184px; height:29px;
	margin:0; padding:0;
	background: url(../img/cartel_life_bucket_footer-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
#life_link a:hover 
	{
	background: url(../img/cartel_life_bucket_footer-trans.png) 0px -29px no-repeat;
	}

#life_link a span { display:none; }

.push_img {
margin-top: 33px;
}

#looks_link {
	margin-top: 10px;
}

#looks_link a 
	{
	display:block;
	width:184px; height:29px;
	margin:0; padding:0;
	background: url(../img/sombriolooks_bucket_footer-trans.png) 0px 0px no-repeat;
	text-decoration: none;
	}
	
#looks_link a:hover 
	{
	background: url(../img/sombriolooks_bucket_footer-trans.png) 0px -29px no-repeat;
	}

#looks_link a span { display:none; }


/* Buckets Area Structure */

#bucket_content {
position: absolute;
width: 960px;
height: 236px;
top:1021px;
background:#000000;
}

/* positioning for product page */
#bucket_content_products {
position: absolute;
width: 960px;
height: 139px;
top:645px;

}

#bucket_content_copy {
position: relative; 
width: 960px;
height: 236px;
}

.left_bucket {
position: absolute;
width: 318px;
left: 5px;
height: 227px;
}

.middle_bucket {
position: absolute;
background: url(../img/trash/bucket_left_col_sizer.png) no-repeat;
width: 310px;
left: 325px;
height: 139px;
top: 31px;
}

.middle_bucket_life {
position: absolute;
background: url(../img/trash/bucket_left_col_sizer.png) no-repeat;
width: 310px;
left: 325px;
height: 139px;
top: 19px;
}


.right_bucket {
position: absolute;
background: url(../img/trash/bucket_left_col_sizer.png) no-repeat;
width: 310px;
left: 645px;
height: 139px;
}

/* Footer Nav Structure */

#footer_fixed{
width: 960px;
height: 46px;
position: absolute;
top: 1260px;
}

#footer_products_fixed{
width: 960px;
height: 46px;
position: absolute;
top: 890px;
}


#footer{
width: 960px;
height: 46px;
position: relative;
top: 20px;
}


#footer_nav
	{
	position: absolute;
	top: 10px;
	left: 10px; 
	font-family: Helvetica, arial, sans-serif;
	font-size: 10px;
	height: 14px;
	width: 940px;
	}

.footer_navlist
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.footer_navlist li
	{
	border-right: 1px solid #b8b7b7;
	float: left;
	line-height: 10px;
	margin: 0 14px 0 -14px;
	padding: 0 14px 0 14px;
	}

.no_border {
border-right: none !important;
}

.footer_navlist li a 
	{
	color: #3a3a3a;
	text-decoration: none;
	font-weight: normal;
	}

.footer_navlist li a:hover { color: #91c851; }

/* Email Newsletter Sign-up */

#newsletter_signup {
position: absolute;
top: 2px;
left: 716px; 
width: 230px;
}

input#searchField{
vertical-align:middle;
width: 198px;
font-family: Helvetica, arial, sans-serif;
font-size: 10px;
border: 1px solid #888;
padding: 5px 0 4px 4px;
}

input#buttonSearch {
vertical-align:middle;
  height: 22px;
  width: 22px;
  background: url(../img/newsletter_submit.gif) 0 0 no-repeat;
  border: none;
}
input#buttonSearch:hover {
  background: url(../img/newsletter_submit.gif) 0 -22px no-repeat;
}


/* Header Replacements */
#becomeadealer_replace
	{
	display:block;
	width: 300px;
	height: 30px;
	background: url(../img/header_replacements/becomeasombriodealer.gif) 0px 0px no-repeat;
	
	}
	
#becomeadealer_replace span{ display:none; }

/* Sombrio Happenings Header - Buckets */

#about_rma
	{
	display:block;
	width: 70px;
	height: 18px;
	background: url(../img/rma_aboutrma_header.gif) 0px 0px no-repeat;
	
	}
	
#about_rma span{ display:none; }

/* Dealer Sign-up Form */

#dealerform {
	line-height: 18px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    color: #d5d5d5;
    background: #1e1e1e url(../img/dealerform_header_bg.gif) top left repeat-x ;
   	margin:25px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	width:460px;
	}
	
#dealerform h1 
	{
	font-size: 16px;
	font-weight: 100;
	margin-top: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	}

#dealerform h2
	{
	font-size: 12px;
	font-weight: bold;
	color:#88a81a;
	}

#dealerform h3
	{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color:#88a81a;
	}

#dealerform img
	{
	padding: 0;
	margin: 0;
	background: url(../img/dealerform_header_bg.gif) repeat-x; 
	}

.p_border
	{
	border-bottom: 1px solid #3d4545; 
	}



.button {
background-color:#95B523;
border:1px solid #000000;
color:#000000;
font-size:10px;
}

.space {padding-bottom: 10px;}