/* Yours Too */
/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */ 
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
html{
	min-width:990px;
	overflow-y:scroll;
	position:relative;
	z-index:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font: 12px/140% Arial, sans-serif;
	font-size: 80%;
	margin:0 auto;
	position:relative;
	z-index:1;
}

/* Under Construction */
h1.under-construction{
	background:transparent url('/wp-content/themes/default/images/h1_under-construction.png') center center no-repeat;
	display:block;
	height:200px;
	margin:100px auto 0 auto;
	overflow:hidden;
	text-indent:-200px;
	width:300px;
	z-index:200;
}
p{
	font-size:.9em;
	font-style:italic;
	margin:0 auto;
	padding:10px 15px 0 0;
	text-align:justify;
	width:200px;
}
/* Header */
#header{
background:black;
}
#header.front-page{
	background:transparent url('/wp-content/themes/default/images/header_front-page.png') top center no-repeat;
	border-bottom:7px solid #000;
	height:340px;
	padding:5px 0 0 0;
	width:100%;
}
#header.front-page p{
	display:none;
}
#header ul{
	height:2.2em;
	margin:0 auto;
	padding:5px 106px 0 0;
	width:778px;
}
#header ul li{
	color:white;
	float:left;
	height:30px;
}
#header ul li.search,
#header ul li.sign-in{
	float:right;
	margin:0 0 0 70px;
}

#header ul li a{
	color:white;
	text-decoration:none;
}

/* Grid */
div#grid{
	height:582px;
	margin:0 auto;
padding:0 0 70px 0;
	position:relative;
	width:990px;
}
table#grid-items{
	margin:0 auto 70px auto;
	position:relative;
	top:-15px;
	width:780px;
}
table.sidebar-grid{
	float:right;
	width:440px;
	height:auto;
	margin:-11px 100px 0 0;
	position:relative;
}
table#grid-items td, table.sidebar-grid td{
	height:97px;
	position:relative;
}
table.sidebar-grid td{
	width:97px;
}

table#grid-items td a, table.sidebar-grid td a{
	display:block;
	position:absolute;
}
table.sidebar-grid tr.home-link td{
	height:70px;
}
table.sidebar-grid tr.home-link td a{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/home-page.png) top left no-repeat;
	display:block;
	height:32px;
	margin:0 0 0 55px;
	overflow:hidden;
	position:relative;
	text-indent:-1000px;
	top:30px;
	width:305px;
}
table.sidebar-grid tr.home-link td a:hover{
	background-position:bottom left;
}

table#grid-items td a img, #content ul.search-results li a img, table.sidebar-grid td a img{
	background:black;
	border:1px solid #ccc;
	color:white;
	display:block;
	height:58px;
	margin:0 0 0 28px;
	padding:2px;
	position:absolute;
	width:58px;
}
table#grid-items td a:visited img, #content ul.search-results li a:visited img, table.sidebar-grid td a:visited img{
	background:#ccc;
	border-color:#eee;
}
table#grid-items td .current-item img, table.sidebar-grid td.current-item img{
	background:black;
	padding:4px;
	border:1px solid #dedede;
	position:relative;
	width:88px !important;
	height:88px !important;
	left:12px;
	top:32px;;

}
table#grid-items td a, #content ul.search-results li a, table.sidebar-grid  td a{
	text-decoration:none;
}
table#grid-items td a em, #content ul.search-results li a em, table.sidebar-grid  td a em{
	background:black;
	border:1px solid #ddd;
	border-top:0;
	color:white;
	display:none;
	font-size:.9em;
	font-weight:bold;
	left:12px;
	line-height:1.3em;
	padding:5px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top:78px;
	width:86px;
	z-index:1000;
}
#content ul.search-results li a em{
	display:block;
	left:0;
	margin:0 0 10px 0;
	position:relative;
	top:0;
	width:82px;
}
#content ul#stuff-grid li a:visited em, table#grid-items td a:visited em, #content ul.search-results li a:visited em, table.sidebar-grid td a:visited em{
background:#ccc;
border-color:#eee;
color:#444;
}
#content ul#stuff-grid li a em{
left:-16px;
width:86px;
}
table#grid-items a.next-page,
table#grid-items a.previous-page{
	background:transparent url('/wp-content/themes/default/images/grid-navigation.png') top left no-repeat;
	display:block;
	height:60px;
	margin:0 0 0 30px;
	overflow:hidden;
	text-indent:-1000px;
	width:60px;
}
table#grid-items a.previous-page:hover{ background-position:bottom left; }
table#grid-items a.next-page{ background-position:top right; }
table#grid-items a.next-page:hover{ background-position:bottom right; }

#grid #grid-options{
	background:transparent url('/wp-content/themes/default/images/grid-options.gif') top center no-repeat;
	display:block;
	height:290px;
	left:334px;
	position:absolute;
	top:133px;
	width:310px;
	z-index:3000;
}
#grid #grid-options.show{
	background:transparent;
}
#grid #grid-options a.view-options{
	background:transparent;
	border:1px dotted #ccc;
	bottom:40px;
	color:#9D9FA2;
	font-size:.9em;
	padding:1px 4px;
	position:absolute;
	right:50px;
	text-decoration:none;
}
#grid #grid-options a.view-options:hover{
	background:white;
	border:1px solid white;
	color:#008EB0;
}
#grid-options form{
	display:none;
	height:200px;
	overflow:hidden;
	padding:40px 0 0 0;
}
#grid-options form fieldset h3{
	font-size:1.3em;
	margin:0;
	padding:0 0 10px 100px;
}
#grid-options form fieldset p{
	padding:0 0 10px 0;
	width:auto;
}
#grid-options form a.submit{
	background:#c0c0c0;
	border:2px outset #ddd;
	color:black;
	font-style:normal;
	letter-spacing:.1em;
	margin:0px 0 0 100px;
	padding:1px 5px;
	position:relative;
	text-decoration:none;
}
#grid-options form a.submit:hover{
	border-color:#bbb;
}
#grid-options form a.submit:active{
	border-style:inset;
	padding:2px 5px 0px 5px;
	top:1px;
}

#grid-options form fieldset p label{
	float:left;
	font-style:normal;
	text-align:right;
	padding:0 10px 0 0;
	width:90px;
}
/* Spotlight */
#spotlight{
	background:white;
	margin:0px auto;
	padding:42px 0 96px 0;
	position:relative;
	width:800px;
}
h2{
	font-size:1.3em;
	font-weight:bold;
}
h2 em{
	color:#008EAF;
	font-style:normal;
	font-weight:bold;
}

h3{
clear:both;
margin:8px 0;
font-weight:bold;
}
a{
	color:#008EAF;
	font-weight:bold;
}
a:hover{
	text-decoration: none;
}
input, textarea{
	padding:2px;
	border:1px solid black;
}
textarea{
	height:150px;
	border:1px solid black;
	padding:2px;
}
#content {
	width:990px;
	margin:0 auto;
	position: relative;
	min-height: 100%;
}
html #content
{
	height: 100%;
}

#content #introduction-1 p, #content #introduction-2 p{
	display:none;
}
#content #introduction-1
{
	display:none;
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/introduction-1.png) top center no-repeat;
	height:1260px;
	width:777px;
	margin:0 auto;
}
#content #introduction-2{
	display:none;
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/introduction-2.png) top center no-repeat;
	height:130px;
	width:777px;
	margin:0 auto;
}
#content p#introduction-show, #content p#introduction-hide{
	display:none;
	margin:0 auto;
	text-align:right;
	width:830px;
}
#content p#introduction-show{
	display:block;
}
#content p#introduction-show a, #content p#introduction-hide a{
	padding:20px 40px 20px 0;
	display:block;
}
#content p#introduction-show a{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/introduction-show.png) top right no-repeat;
}
#content p#introduction-hide a{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/introduction-hide.png) top right no-repeat;
}
#content p{
	margin:0 auto;
	width:565px;
	padding:20px 0 45px 0;
	clear:both;
}
ul#stuff-grid{
	display:block;
	height:500px;
	list-style:none;
	margin:0 auto;
	padding:30px 0px 40px 110px;
	width:788px;
}
ul#stuff-grid li{
	float:left;
	height:89px;
	position:relative;
	width:120px;

}
ul#stuff-grid li a{
	display:block;
	position:absolute;
	top:10%;
left:10%;
}
ul#stuff-grid li a img, #content ul.search-results li a img{
	background:black;
	border:1px solid #ccc;
	color:white;
	display:block;
	height:57px;
	padding:2px;
	position:relative;
	width:57px;
}
ul#stuff-grid li a:visited img, #content ul.search-results li a:visited img{
	background:#ccc;
	border-color:#fff;
}
ul#stuff-grid .current-item img{
	background:black;
	padding:4px;
	border:1px solid #dedede;
	position:absolute;
	width:87px !important;
	height:87px !important;
	left:-14px;
	top:-14px;;

}
ul#stuff-grid li a, #content ul.search-results li a{
	text-decoration:none;
}
ul#stuff-grid li a em, #content ul.search-results li a span{
	background:black;
	border:1px solid #ddd;
	border-top:0;
	color:white;
	display:none;
	font-size:.9em;
	font-weight:bold;
	left:-15px;
	line-height:1.3em;
	padding:5px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top:75px;
	width:82px;
	z-index:1000;
}
#content ul.search-results li a span{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	margin:0 0 5px 0;
}
ul#stuff-grid li a span{
	border-bottom:2px solid white;
	border-right:2px solid white;
	position:absolute;
	text-indent:-1000px;
	overflow:hidden;
	width:63px;
	height:63px;
	z-index:5;
}
	ul#stuff-grid li a.T span{
		background:transparent url(images/title/T.png) top left;
	}
	ul#stuff-grid li a.H span{
		background:transparent url(images/title/H.png) top left;
	}
	ul#stuff-grid li a.I span{
		background:transparent url(images/title/I.png) top left;
	}
	ul#stuff-grid li a.S span{
		background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/title/S.png) top left;
	}
	ul#stuff-grid li a.Y span{
		background:transparent url(images/title/Y.png) top left;
	}
	ul#stuff-grid li a.O span{

		background:transparent url(images/title/O.png) top left;
	}
	ul#stuff-grid li a.U span{
		background:transparent url(images/title/U.png) top left;
	}
	ul#stuff-grid li a.R span{
		background:transparent url(images/title/R.png) top left;
	}

#content p, #content h2, #content h3, #content form, #content ul.search-results{
	width:310px;
	float:left;
	clear:left;
	margin-left:48px;
	margin-top:10px;
}
#content h2{
	margin-top:20px;
}
#content.view-details img.item-picture{
	background:black;
	padding:6px;
	border:2px solid #ededed;
	margin:10px 0 0 0;
	width:300px;
	height:300px;
}
#content.view-details h2{
	border-top:0;
	font-size:1.5em;
	line-height:1.3em;
	margin-top:10px;
	padding:2px 8px 8px 8px;
	position:relative;
	width:296px;
	text-align:center;
}
#content.view-details h2 a{
	text-decoration:none;
	position:absolute;
	top:-311px;
	display:block;
	color:#008EAF;
	width:30px;
	padding:138px 100px 210px 100px;
	overflow:hidden;
	font-size:25px;
	z-index:10000;
}
#content.view-details h2 a:hover{
	font-size:90px;
	padding-top:97px;
}
#content.view-details h2 a.previous{
	left:-81px;
	padding-left:40px;
}
#content.view-details h2 a.previous:hover{
	padding-right:160px;
	left:-125px;
}
#content.view-details h2 a.next{
	right:-81px;
	border-left:0;
	padding-right:40px;
}

#content.view-details p{
	font-size:1em;
	font-style:normal;
	line-height:1.6em;
	margin-top:10px;
	padding:0;
}
#content.view-details p.tags a{

color:#9D9FA2;
font-style:italic;
padding:0 8px;
text-decoration:none;
}
#content.view-details p.tags a:hover{
text-decoration:underline;
}
#content.view-details p a.this-is-with{
text-decoration:none;
	float:left;
	padding:3px;
	background:black;
	border:1px solid #ddd;
	margin:0 15px 10px 0;
width:88px;
}
#content.view-details p a.this-is-with img{
border:0;
padding:0;
margin:0 0 6px 0;
}
#content.view-details p a.this-is-with span{
color:white;
line-height:110%;
text-align:center;
display:block;
}
#content.view-details h3{
margin-bottom:0;
}
#content.view-details h3.want-it{
	font-weight:bold;
	margin-bottom:30px;
	text-align:center;
}
#content.view-details h3 a{
	border-top:1px solid #9D9FA2;
	color:black;

	display:block;
	font-size:1.5em;
	margin:0 auto;
	padding:15px 25px;
	text-align:center;
	text-decoration:none;
}
#content.view-details form{
	width:300px;
	padding:10px 5px 20px 5px;
}
#content.view-details form label{
	font-weight:bold;
	float:left;
	clear:both;
	width:65px;
	text-align:right;
	margin:5px 0;
}
#content.view-details form label.error{
	color:red;
	width:100%;
}
#content.view-details form input.error{
	border-color:red;
}
#content.view-details form input, #content.view-details form textarea{
	text-align:left;
	margin:5px 0;
	width:215px;
	border:1px solid black;
	float:right;
}

ul#stuff-grid.sidebar{
	float:right;
	width:460px;
	height:auto;
	margin-right:30px;
}
ul#stuff-grid.sidebar li{
padding:4px 6px;
}
ul#stuff-grid.sidebar li.home-page{
	width:305px;
	height:55px;
}
ul#stuff-grid.sidebar li.home-page a{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/home-page.png) top left no-repeat;
	display:block;
	height:32px;
	width:305px;
	text-indent:-1000px;
	overflow:hidden;
}
ul#stuff-grid.sidebar li.home-page a:hover{
	background-position:bottom left;
}
ul#stuff-grid.sidebar li.sidebar_menu{
	clear:both;
	width:400px;
}
ul#stuff-grid.sidebar li.sidebar_menu ul li{
	text-align:center;
	display:inline;
	width:100px;
	position:relative;
	height:50px;
font-weight:bold;
}
ul#stuff-grid.sidebar li.sidebar_menu ul li a{
	display:block;
	height:80px;
	position:relative;
}
#content div.post{
	width:460px;
	float:left;
	padding:0 0 0 50px
}
#content div.post p, #content div.post h2, #content div.post h3, #content div.post div.navigation{
	margin:10px 0 10px 0;
	padding:5px 0;
	width:310px;
}
#content div.post p{
	line-height:250%;
}
#content div.post p img{
	background:black;
	padding:5px;
	border:1px solid #DDD;

}
#content div.post h2{
	margin-top:30px;
	font-size:2em;
	text-transform:uppercase;
}

#content #sidebar{
	margin:0;
	width:360px;
	right:0;
	float:right;
	padding:0 65px 0 0;
}
#content #sidebar h2{
	margin:0 0 5px 0;
	width:100%;
}
#content #sidebar ul{
	list-style:none;
	margin:0 0 20px 0;
}
#content #sidebar ul li{
	padding:3px 0;
}
#content #sidebar ul li#linkcat-3{
	clear:both
}
#content ol.commentlist{
	clear:both;
	margin:0px;
	background:#eee;
	padding:30px;
	width:310px;
	float:none;
}
#content ol.commentlist li{
	float:none;
	clear:both;
	margin:0 0 30px 0;
}
#content ol.commentlist li p{
	clear:both;
}
#content #commentform{
	text-align:left;
	padding:10px;
	margin:0 0 20px 0;
	background:#eee;
}
#content #commentform p{
	padding:0 0 5px 0;
	margin:0;
}
#content #commentform label{
	display:block;
}
#content #commentform textarea{
	width:95%;
}
#content p.receipt{
	border:4px solid #6C9D31;
	padding:5px;
	background:#C2D955;
	font-weight:bold;
	width:294px;
}
#content ul.search-results{
	list-style:none;
	margin-top:0;
	width:370px;
}
#content ul.search-results li{
	float:left;
	margin:0;
	text-align:center;
	width:88px;
}
#content ul.search-results li.first{
clear:both;
}
#content ul.search-results li.middle{
margin:0 35px;
}
#content ul.category-results li{
	margin:0 32px 20px 33px;
	height:auto;
}
#content ul.search-results li a img{
	width:88px;
	height:88px;
	margin:0;
	border-bottom:0;
}
#blog-header{
	position:relative;
	z-index:10000;
	clear:both;
	background:black;
	color:white;
	text-align:center;
	padding:5px 0 12px 0;
	margin:-33px 0 0 0;
	height:15px;
	font-size:10px;
}
#blog-header{
	margin:0 0 33px 0;
}
a#blog-home{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/blog-home.png) top left no-repeat;
	display:block;
	width:460px;
	height:120px;
	text-indent:-1000px;
	overflow:hidden;
	position:relative;
	left:-169px;
}
a#blog-home:hover{
	background-position:0px -114px;

}
a#blog-about{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/blog-about.png) top left no-repeat;
	display:block;
	height:50px;
	width:55px;
	text-indent:-1500px;
	overflow:hidden;
	position:absolute;
	top:-15px;
	right:153px;
}
a#blog-about:hover{
	background-position:0px -54px;
}
a.home-link:hover{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/home-link.png) top left no-repeat;
}
a.blog-link:hover{
	background:transparent url(http://www.thisisyourstoo.com/wp-content/themes/default/images/blog-link.png) top left no-repeat;
}

#search-bar{
background:black;
padding:4px 0;
}
#search-bar label{
color:#808285;
font-weight:bold;
margin:0 9px 0 0;
}
#search-bar form{
margin:0 auto;
text-align:right;
width:710px;
}
/* Footer */
#footer{
	background:black;
	clear:both;
	color:white;
	display:block;
	height:60px;
	padding:8px 0 100px 0;
	overflow:hidden;
}
#footer h1 a{
	background:transparent url("/wp-content/themes/default/images/h1.png") top left no-repeat;
	display:block;
	height:20px;
	margin:5px 0 0 0;
	text-indent:-300px;
	overflow:hidden;
	width:150px;
}
#footer h3{
	background:#171718 url("/wp-content/themes/default/images/footer_h3.png") top center no-repeat;
	height:50%;
	margin:0 auto;
	position:absolute;
	text-indent:-10000px;
	width:100%;
}
#footer p{
	font-style:normal;
	left:-200px;
	line-height:1.8em;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:300px;
}
#footer p strong{
	display:block;
	font-size:1.6em;
	line-height:1.3em;
	text-align:justify;
}
#footer ul{
height:50px;
margin:0 auto;
width:800px;
}
#footer ul li{
float:left;
}
#footer ul li.logo{
width:300px;
}
#footer ul li.search{
width:400px;
}
#footer ul li.blog a{
color:white;
}

#content form p{
padding:0;
margin:10px;
}
#content form label{
float:left;
margin:0 15px 0 0;
text-align:right;
width:100px;
}
span.highlight{
	background:transparent !important;
	border:0 !important;
	color:#008EAF !important;
	display:inline !important;
	font-size:inherit !important;
	padding:0 !important;
}
span span.highlight{
	color:#65C0C9!important;
}