/*
Theme Name: BlankSlate
Theme URI: http://tidythemes.com/blankslate/
Description: BEFORE USING AND ESPECIALLY UPGRADING PLEASE READ: tidythemes.com/concept. The bare essentials of a WordPress theme (an HTML5 boilerplate), no visual CSS styles added. Perfect for those who would like to build their own theme from scratch or for clients if you're a developer or designer. This theme is clean, valid code, semi minified, no programmer comments, SEO-friendly and 100% open source. One custom menu and one widgetized sidebar to get you started. If you don't know CSS and would like to learn we've prepared: tidythemes.com/want-to-learn-css and please visit us in the forum for further help: tidythemes.com/forum - Thank You and Enjoy
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 2030.2.1
Tags: custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License v2.0 | This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Yahoo CSS Reset - Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* 1KB grid - 12 columns, 60 pixels each, with 20 pixel gutter (960px) */
.g1{width:60px;}.g2{width:140px;}.g3{width:220px;}.g4{width:300px;}.g5{width:380px;}.g6{width:460px;}.g7{width:540px;}.g8{width:620px;}.g9{width:700px;}.g10{width:780px;}.g11{width:860px;}.g12{width:940px;}.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{overflow:visible;float:left;display:inline;margin:0 10px;}.row{width:960px;overflow:hidden;margin:0 auto;}.row .row{width:auto;display:inline-block;margin:0 -10px;}

.first{margin-left:0}
.last{margin-right:0}

/* Common styling */
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
.alignright, .fright {float:right}
.alignleft,  .fleft {float:left}
strong,.strong {font-weight:900; color:#999}
em,.em {font-style: italic}
small,.small {font-size:.7em}








.g11 { float: right }

#topright{ background: url(img/head-youtag.png) no-repeat center; }



body {
	font-family:"brandon-grotesque",sans-serif;
	font-size: 13px;
	font-weight: 400;
	background: url(img/bg.jpg) repeat;
	text-shadow: 0 1px white;
	color:#383b34;
	}


*::selection { background: #383b34; color: white }

p { }
a { color:#77afbc; font-weight:bold; text-decoration: none; -webkit-transition: color 0.5s }
/*img { box-shadow: inset 0 0 120px black }*/

a:hover,
a:active,
.redtext { color:#f16e5a !important }
a,
.blutext { color:#77afbc }
.light,
a.light { color:#f16e5a; }

blockquote {background: #383b34; color: white; padding: 0 10px; font-weight: bold; letter-spacing: 1px; }


a[rel="fancybox"] {

}

.block a img{

      outline-offset: -1px;
      outline: 1px solid rgba(0,0,0,0.1);

	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);

}​

#header {position:fixed; float:left; width:60px}

#sidebar-fixed {
	padding-top: 20px;
	text-align:right;
}
#navi, h1 {
	font-family:"brandon-grotesque",sans-serif;
	font-weight: 500;
	font-size:30px;
	line-height:25px;
	letter-spacing: -1px;
}

#navi { padding-top: 20px; font-weight: 200;
}
#navi a {
	padding: 10PX 0;
	DISPLAY: BLOCK;
	color: #383b34;
	font-weight: 600;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0px;
	text-transform: uppercase;
}





#main { text-transform: uppercase; }

#main h1 { font-size:80px; line-height:normal; padding-top:84px; }
#main h1 a { color:rgba(0, 0, 0, 0.2) !important; cursor:n-resize; text-decoration: none;
 }

#main h2 {
	font-weight: 200;
	font-size:20px;
	line-height:25px;
	letter-spacing: 5px;
}

.adown {
width: 0px;
height: 0px;
border-style: solid;
border-width: 18px 14px 0 14px;
border-color: #474747 transparent transparent transparent;
line-height: 0px;
	}

a.downbutton { float:left; width:20px }

.post { }

.block {
	margin-bottom:20px;
	BORDER-TOP: 4PX SOLID #383b34;
	padding-top: 1px;
}
.block p {
	padding: 10px 0;
}
.block img {
	margin:0;
	width: 100%;
	height:auto;
	}





select { width: 200px; float: right }
select:focus { }

textarea { height:187px }

textarea,
input{
	width:290px;
	border: 0px solid #000;
	background: #fff;
	padding: 5px;
	font-size: 20px;
	font-style:italic;
	font-weight:400;
	outline: none;
}

input { width: 210px }

textarea:focus,
textarea:hover,
input:focus,
input:hover
 {
	background: #f9f9f9;
	-webkit-transition: background 0.2s;
}

input[type="submit"] {
	font-style:normal;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 8px 13px;
	cursor: pointer;
	text-transform: uppercase;
	width: auto;
	float: right;
}


#colorbox { box-shadow:0 0 200px; border-radius:6px; }
#cboxTitle { display:none; !important }


#footer {
	margin-top: 30px;
	background:url(img/foot-youtag.png) no-repeat bottom; min-height:215px;
	margin-bottom: 0 !important;
	}


/*div {outline:1px solid #f00;} */
/* this is for debugging */