/*Theme: Underground Products (UGP)
  Description: Default theme used for UGP's website.
  Version: 0.5
  Author: Alfonso Surroca
  Revised: 1/1/2008
*/

/*Top-level: Declares basic styles for HTML tags, etc.
  AFFECTS ALL FILES*/
html{}
body{
  background:#fff url(http://www.undergroundproducts.com/images/fall07_background.png);
  color:#000;
  font: 1em/1.3 Arial, Helvetica, sans-serif;
  margin:0 auto auto auto;
  padding:0px;
  text-align:center;
  }
a, a:link, a:visited, a:link:visited{
  color:#ed145a;
  margin-bottom:2px;
  text-decoration:none;
}
a:link:focus, a:link:hover, a:link:active{
  border-bottom:1px solid #ff0000;
  color:#ff0000;
  margin-bottom:2px;
  }
a:visited:focus, a:visited:hover, a:visited:active{
  border-bottom:1px solid #99000;
  color:#990000;
  margin-bottom:2px;
  }
a img, a:link img, a:visited img, a:link:visited img{border:1px solid transparent}
a:link:focus img, a:link:hover img, a:link:active img{border:1px solid #ff0000;}
a:visited:focus img, a:visited:hover img, a:visited:active img{border:1px solid #990000;}
acronym, abbr, span.caps{cursor: help;}
blockquote{}
  blockquote p{}
  blockquote cite{}
h1, h2, h3 {color:#ed145a;}
h1{font:bold 1.5em/2 Arial, Helvetica, sans-serif;}
h2{font:bold 1.3em/1.6 Arial, Helvetica, sans-serif;margin-bottom:-0.2em;}
h3{font:bold 1.1em/1.4 Arial, Helvetica, sans-serif;margin-bottom:-0.2em;}
hr{ /*still doesn't work on Opera and IE*/
  background:url(http://www.undergroundproducts.com/images/hr_500x35.png);
  border:0px;
  height:35px;width:500px;
  }
img{
  border:0px;
  vertical-align:middle;
}
li{color:#ed145a}
p{}

/*Identify and style key sections*/
#blog, #company, #dealers, #events, #gallery {
  font: 0.8em/1.3 Arial, Helvetica, sans-serif;
  height:auto;width:auto;
  margin-top:0px;
  overflow:hidden;
  padding:20px;
  }
#products {
  font:0.8em/1.2 Arial, Helvetica, sans-serif; 
  height:auto; width:auto;
  margin-top:40px;
  }
#team {
    height:auto; width:auto;
    margin-top:40px;
    }

.clear {clear:both;} /*clears floats when you get bored of them*/
.more-link{} /*Style for the more link*/
/*Search section*/
#searchform{}
input#s{
  background:#ccc url(http://www.undergroundproducts.com/assets/images/form.jpg) left repeat-x;
  border:1px solid #ed145a;}
input#searchsubmit{}

/*Comments section*/
.alt {}
.commentlist{}
.nocomments{}
.commentlist li{}
.commentlist cite, .commentlist cite a{}
.commentlist p{}
#commentform p{}
.commentmetadata{}
#commentform input{}
#commentform textarea{}
#commentform #submit{}

/*Calendar section*/
#wp-calendar th{}
#wp-calendar{
  /*empty-cells:show;*//*does not work in IE, use only if you must*/
  }
#wp-calendar #next a{}
#wp-calendar #prev a{}
#wp-calendar a{}
#wp-calendar caption{}
#wp-calendar td{}
#wp-calendar td.pad:hover{}

/*Widgets section */
.widget {}

/*Archive section */
li#archives{}
.widget_archives{}

/*Recent posts*/
li#recent-posts{}
.widget_recent_entries{}

/*Text Widget */
li.widget_text{}

/*id for num of text widgets ab*/
li#text-4{}
div.textwidget{}

/* Style for Blogroll section */
li#links{}
.widget_links{}

/*Categories section*/
li#categories{}
.widget_categories{}

/*Fixed width, dynamic margin wrapper with border image*/
#wrapper {
  background:url(http://www.undergroundproducts.com/images/border.png);
  border:0;
  height:auto;width:900px;
  margin:0px auto;
  overflow:hidden;
  padding:0;
  }

/*Header section
  Affects header*.php files*/
#header {
  background:#ed145a url(http://www.undergroundproducts.com/images/header_background_v2.png) center no-repeat;
  font:bold 1em/1.3 Arial, Helvetica, sans-serif;
  height:120px;width:800px;
  margin:0px auto;
  text-align:left;
  }
#header a {color:#ffcc00;}
#header a:hover {background-color:#fff;}  
/* Standard Color Palette 
  #0099ff   blue
  #99cc33   green
  #ffcc00   yellow
  #ff9933   orange
  #ff0066   red
  #ff6699   pink
  #ed145a   pinkish red
  #cc00ff   light purple
  #9900cc   dark purple
*/
/*Styling specific to navigation*/
#nav {
  background-color:#fff;
  font:bold 1em/1.5 Arial, Helvetica, sans-serif;
  margin-bottom:0;
  }
#nav a {
  background-color:transparent;
  color:#ffcc00;
  text-decoration:none;
  }
#nav a:hover {
  background-color:#fff;
  color:#ffcc00;
  }
#nav li ul {
  background:#ed145a url(http://www.undergroundproducts.com/images/header_navigation_background.png) left repeat;
  font:bold 11pt Arial;
  line-height:1.5em;
  }
#nav li ul a {
  color:#ffcc00;
  text-decoration:none;
  }
#nav li ul a:hover {
  background-color:#fff;
  color:#ffcc00;
  }
/* current page */
#currentpage a {
	background: #fff;
	color: #ffcc00;
	}  
/*Son of Suckerfish Navigation, thanks ALA*/
#header-sub #nav, #header-sub #nav ul, #nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	display: block;
	width: 80px;
}
#nav li {
	float: left;
	width: 80px;
}
#nav li ul {
	position: absolute;
	width: 120px;
	left: -999em;
}
/*Styling and mods for Products/Team navigations*/
#header-sub #nav {
  background-color:#fff;
  font:bold 11pt Arial;
  }
#header-sub #nav a {
  background-color:transparent;
  color:#ed145a;
  text-decoration:none;
  }
#header-sub #nav a:hover {
  background-color:#ed145a;
  color:#fff;
  }
#header-sub #nav li ul {
  background-color:#fff;
  font:bold 9pt Arial;
  }
#header-sub #nav li ul a {
  background-color:#fff;
  color:#ed145a;
  text-decoration:none;
  }
#header-sub #nav li ul a:hover {
  background-color:#ed145a;
  color:#fff;
  }
#header-sub #nav a {
	display: block;
	width: 120px;
}
#header-sub #nav li {
	float: left;
	width: 120px;
}
#header-sub #nav ul {
	position: absolute;
	width: 120px;
	left: -999em;
}
#header-sub #nav li:hover ul, #nav li:hover ul {
	left: auto;
}
#header-sub #nav li:hover ul, #header-sub li.sfhover ul, #nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/*Fix for IE7*/
#header-sub #nav li:hover, #header-sub #nav li.hover, #nav li:hover, #nav li.hover {position: static;}
/*Front page*/
#content{ /*content lives here*/
  background:#fff;
  height:auto;width:800px;
  text-align:left;
  margin:0px auto auto;
  overflow:hidden;
  }
/*gentle reminder to upgrade to a good browser*/
#browser {
  float:right;
  font: 0.7em/2 Arial, Helvetica, sans-serif;
  }
#browser a {color:#ed145a;}

/*Blog section*/
#post {
  height:auto;width:500px;
  }  
.author, .date {}
.category {
  color:#333;
  font: 0.7em/1.1 Arial, Helvetica, sans-serif;
  padding-left:10px;
  text-align:right;
  }
.post-header {
  background-color:#eee;
  border-bottom:1px dashed #ccc;
  }
.title {
  margin-bottom:-1px;
  }
.archive {}

.blog_inset { /*left-set thumbnail*/
  float:left;
  margin:0px 10px 2px 0px;
  height:75px;width:75px;
  }
.blog_outset { /*right-set thumbnail*/
  float:right;
  margin:0px 0px 2px 10px;
  height:75px;width:75px;
  }
#gallery img, .post img, #team img {padding:2px 0px;} /*gives img thms extra padding where needed*/

/*Sidebar section*/
#sidebar {
  border:0px;
  float:right;
  height:auto;width:200px;
  margin:0px;
  padding:0px;
  }
#sidebar li{color:#fff;}
#sidebar .rssfeeds {
  height:140px;
  margin: 0;
  padding: 0;
  background: transparent no-repeat right bottom;
  }
#sidebar h2.feed-title {
  margin: 0;
  padding: 20px 0 0 3px;
  background: none !important;
  font-size: 1.4em;
  }
	.rssfeeds a.rss  {
  padding: 0 0 0 25px;
  background: transparent no-repeat 5px 0;
  }
#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 10px 3px;
	background: repeat-x center bottom;
	font-size: 1.4em;
	}
#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #bbb;
	}
#sidebar ul.blc {
	padding: 0 5px;
	}
#sidebar ul.blc li a {
	margin: 0;
	padding: 0;
	background: none;
	}
#sidebar ul ul li {
	padding: 0;
	}
#sidebar ul ul li a {
	background: transparent no-repeat 4px 3px;
	padding: 0 0 0 20px;
	}
#sidebar ul ul ul li {
	margin: 0 0 0 0;
	}

/*Footer section*/
#footer {
  background:url(http://www.undergroundproducts.com/images/footer.png) center no-repeat;
  height:100px;width:900px;
  margin:auto;
  text-align:left;
  }
#footer a {color:white;}/*change link color for footer strip*/
div#footer p	{
  background: #000 url(http://www.undergroundproducts.com/images/UGP_tiny.png) center left no-repeat;
  color:#fff;
  font:bold 0.5em/1.1 Verdana, Arial, Helvetica, sans-serif;
  height:auto;width:200px;
  text-transform:uppercase;	
  text-align:center;
  }
	
/*Products section
  Affects products*.php files*/
#products_data {
  float:left;
  height:auto;
  width:auto;
}
#products_data-heading {
  background:#fff url(http://www.undergroundproducts.com/images/products_gradient_top.png) center repeat-x;
}
#products_data h2 {
  padding:8px;
}
#products_data-content {
  background:#fff url(http://www.undergroundproducts.com/images/products_gradient_bottom.png) center repeat-x;
  padding:5px;
}
.catalog_item { /*catalog items floats*/
  float:left;
  width:150px;
  padding:10px;
  font:10pt Arial;
  }
.landing_float { /*left-floats items in product landing page*/
  float: left;
  padding:10px 20px;
  }
  
.landing_float_right{float:right;width:170px;} /*float for "online dealer" section*/

/*specific to trading card page*/
#tradingcards_left{
	float:left;
	height:350px;
	width:200px;
	padding:10px 20px 0px 0px;
	}
#tradingcards_left img{
	padding:4px 6px;
	}
#tradingcards_center{
	float:left;
	height:350px;
	width:500px;
	padding:10px 0px 0px 20px;
	}
#tradingcards_content{
	float:left;
	height:auto;
	width:480px;
	}
/*Gallery section
  Affects gallery.php and photo_group_index.php*/

#gallery {/*let the interwebs know you're in the gallery*/
  }
  
.gallery_item { /*75x75 thumbs*/ /*might be deprecated*/
  float:left;
  padding:10px;
  width:75px; height:75px;
  }
.media_item_large { /*300x100 thumbs*/
  float:left;
  margin-top:10px;
  padding:10px;
  width:350px; height:150px;
  }
.media_item_large h2 {
  margin-top:-2px;
  margin-bottom:-2px;
  }
.media_item { /*180x60 thumbs*/
  float:left;
  font: bold 1.1em/1 Arial, Helvetica, sans-serif;  
  overflow:hidden;
  width:190px; height:110px;
  }
.media_item span {font: 0.8em/1 Verdana, Arial, Helvetica, sans-serif;} /*media item caption*/

/*Team section*/
#team_portrait{
  float:left;
  height:auto;
  width:200px;
  }
#team_container { /*container for team content*/
  float:left;
  height:auto;
  width:600px;
  overflow:hidden;
  }  
#team_bio { /*fixed pane for bios*/
  font:0.8em/1.2 Arial, Helvetica, sans-serif;
  height:300px;
  overflow:auto;
  }
#team_sponsors {
  background-color:#eee;
  border-bottom:1px dashed #ccc;
  }
#team li {color:#000;} /*over-ride default li color in this case*/

/*For dealer locater*/
#results {
  color:#333;
  font: 0.8em/1.1 Arial, Helvetica, sans-serif;
  }
  
.locator_page_links {
margin: auto;
}

input.submitLink {
color: #ed145a;
background-color: transparent;
text-decoration: underline;
border: none;
cursor: pointer;
}

input.submitLinkCurrentPage {
color: #000;
background-color: transparent;
text-decoration: none;
border: none;
cursor: hand;
}

.locator_results {
width: 250px;
float:left;
text-align: left;
border-right: 1px dashed #ccc;
margin: 10px auto auto auto;
}

.locator_result {
background: #eee;
padding: 10px;
margin: auto;
margin: 10px;
border: 1px solid #999;
}

.locator_result_field_name {
font-weight: bold;
width: 100px;
float: left;
text-align: right;
}

.locator_result_field_data {
margin-left: 105px;
text-align: left;
}
  
/*Formatting and styling for all page section heading areas*/
#section_masthead{
	background:#fff url(images/masthead_gradient.jpg) center repeat-x;
	color:#ed145a;
	font:bold 1.8em/1.2 Arial, Helvetica, sans-serif;
	height:auto;
	width:auto;
}