/*
Theme Name: Lib Tech 
Theme URI: http://martythornley.com/2009/05/blogstarter-free-wordpress-theme-for-developers
Description: This is the Lib Tech Theme,  based on BlogStarter
Version: 1.1
Author: Trevor Phillips
*/


/* Internet Explorer fixes *******************

header.php includes several standard ie fixes including a javascript file from googlecode, to make versions lower than 7 behave like 7.
It also includes conditional links to the ie.css and ie6.css stylesheets.

For issues with ie7, or all ie in general: place fixes in ie.css

For issues with ie6: place fixes in ie6.css

Conditional statements are included in header.php so that these stylesheets will only be used in those browsers.

***********************************************/

/* SUPPORT / HELP  ******************************

For up to date fixes and more info:
http://martythornley.com/2009/05/blogstarter-free-wordpress-theme-for-developers

For Tech Support and Feedback:
http://getsatisfaction.com/martythornley/products/martythornley_blog_starter

************************************************/


/* 1) RESET some things for s good starting point - based on yahoo reset */
@import "style/reset.css";	

/* 2) Bring in all basic style from default theme, but cleaned up and simplified */
@import "style/default.css";

/* 3) Add our own style on top of it all */

/*
This is 90% of what you will need to edit to style this theme.
By importing default.css before it all, we can overwrite anything in there and shouldn't ever need to open that file.
If you keep your changes to section 4 below, it will be easier to upgrade the theme, should you ever want to.
If you don't care about that, then edit away!
*/

/* BASIC FONTS */
body						{
	color: #FFF;
	text-align: left;
	font-family: arial,tahoma,verdana,sans-serif;
}
h1, h2, h3, h4, h5, h6 		{ font-weight: bold; }

/* LINKS */
a, h2 a:hover, h3 a:hover 	{ color: #fff100; text-decoration: none; }
a:hover 					{ color: #FFF; text-decoration: underline; }

/* PAGE WIDTH  */

#page, #header, #footer		{ margin: 0 auto; width: 900px; }

/* BACKGROUNDS */

body 			{ background: #000000 url('images/bg_body_snow.jpg') repeat-y fixed top center; }
body.home		{ background: #000000 url('images/bg_body_snow.jpg') repeat-y fixed top center; }
body.snow		{ background: #000000 url('images/bg_body_snow.jpg') repeat-y fixed top center; }
body.skate		{ background: #000000 url('images/bg_body_skate.jpg') repeat-y fixed top center; }
body.nas		{ background: #000000 url('images/bg_body_nas.jpg') repeat-y fixed top center; }
body.mental		{ background: #000000 url('images/bg_body_snow.jpg') repeat-y fixed top center; }
body.artists	{ background: #000000 url('images/bg_body_artists.jpg') repeat-y fixed top center; }
body.kraftsmen	{ background: #000000 url('images/bg_body_snow.jpg') repeat-y fixed top center; }



#page 			{ background-color: #000000; }
#header 		{ background: #000000 url('images/bg_header.jpg') no-repeat top center; }
#content 		{ background-color: transparent; }
#sidebar 		{ background-color: transparent; }
#footer 		{ background-color: #000000; text-align:center; }
#spacer			{ margin-top: 15px; height: 5px;}

#hslink1, #hslink2 {height: 0px; border: 0; margin: 0; padding: 0;}

/* STRUCTURE */
body 			{ margin: 0 0 20px 0; padding: 0; }

#page 			{ margin: 0px auto; padding: 0; text-align: left; }
#header 		{ margin: 0px; padding: 0; height: 110px; }
#content 		{ width: 600px; float: left; margin: 20px }
#biocontent 	{ width: 600px; float: left; margin: 0px }
#productcontent { width: 900; margin: 0; padding: 0; }
#sidebar 		{ width: 220px; padding: 0px; margin: 20px; float: right; }
#biosidebar 	{ width: 250px; padding: 0px; margin: 5px; float: left; }
#footer 		{ border: none;  padding: 0; clear: both; }


/* 4) ADD CUSTOM STYLE HERE  ******************************/

/* SNOW */

/* TECH */
#techWrapper { background-color: #009900; width: 900px; height:auto; padding:0px; margin:0px; }
#techRow { float: left; background-color: #009900; width: 900px; padding-bottom:20px; margin:0px; }
#techRowLeft { float: left; width: 110px; padding-left:10px; padding-right:5px; }
#techRowCenter { float: left; width: 550px; padding-right:5px; }
#techRowRight {
	float: left;
	width: 150px;
	padding-left:30px;
	padding-top:5px
}

.techHeader {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.techBodyBK {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.techBodyBoldBK {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.tech {
	color: #000000;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
	background-color: #FFF100;
	padding: 3px;
}



/* home */
#liblog { height: 36px; padding-left:20px; padding-top:20px }

/* SHOPS  */

#shopwrapper {
	background-color: #000000;
	float: left;
	height: auto;
	width: 900px;
	padding:0px;
}

#shopleft {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 300px;
	padding:10px;
	margin:10px;
	border:medium: #999999;
}

#shopright {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 520px;
	padding:10px;
	margin:10px;
}

#shoprow {
	background-color: #FFF;
	color: #000000;
	float: left;
	padding-bottom:5px;
}

.shopitem {
	display: block;
	float:left;
	width: 160px;
	height: 80px;
	padding: 6px;
}

.container {
	margin:0!important;
	overflow:hidden!important;
	padding:0!important;
	width:100%!important;
}

#shopEbay {
	margin:20px;
	float: left;
	padding-bottom:5px;
}

#shoprow td {
	padding: 3px!important;
}

#shoprow h3 {
	padding: 15px 0 10px 0;
}

/* BIOS  */

#bioLeft {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 580px;
	margin:5px;
	padding:10px;
}

#bioVideo {
	float: left;
	height: auto;
	width: 580px;
	margin:2px;
	padding:10px;
}

#bioRight {
	float: left;
	height: auto;
	width: 250px;
	padding:0px;
	margin:0px;
}

#bioRow {
	float: left;
	width: 250px;
	padding-bottom:5px;
}

#bioRowGallery {
	float: left;
	width: 115px;
	margin:5px;
}
.bioName {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.bioQ {
	font-size: 9px;
	font-weight: bold;
	color:#999999;
	text-transform: uppercase;
}
.bioA {
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
}
.bioYellowHeader {
	font-size: 13px;
	font-weight: bold;
	color: #FFF100;
	line-height:30px;
}

.bioBodyBoldWh {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.bioQuote {
	font-size: 12px;
	font-weight:bold;
	color:#CCCCCC;
}
.bioQA {
	font-size: 14px;
	font-weight: bold;
	color:#999999;
}
.bioLQ {
	font-size: 11px;
	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
}
.bioLA {
	font-size: 12px;
	font-weight: normal;
	color:#000000;
}

/* galery row fix  */
dl.gallery-item {
width: 24% !important;
}

/*VIMEO */

.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #fff100; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; margin:15px 0px 0px 0px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:200px;  }