/*

Theme Name: wp-Street2Street

Theme URI: http://vintom.com

Description: A totally custom theme (Based on the famous <a href="http://elliotjaystocks.com/starkers/">Starkers Theme</a>) and the <a href="http://960.gs">960 Grid System</a>.

Version: 3.0

Author: Vin Thomas

Author URI: http://vintom.com

Tags: 960, grid, blank, clean

*/



@import "style/css/960.css";

@import "superfish.css";

@import "style/css/reset.css";





/*--------------------------------------------

Global Styles – (body, paragraphs, lists, etc)

----------------------------------------------*/



@font-face {

font-family: 'LeagueGothicRegular';

src: url('fonts/league_gothic-webfont.eot');

src: local('☺'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfontk9lqwjIC') format('svg');

font-weight: normal;

font-style: normal;}



.sf-menu, h1, h2, h3, .readmore, .button {font-weight: normal; font-style: normal; line-height:normal; font-family: 'LeagueGothicRegular', sans-serif; text-transform: uppercase;}



body { font: 13px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; background: #302d2c url(images/bg.jpg) no-repeat center top; color: #898989; text-align: center;}



p { line-height: 1.6em; margin-bottom: 20px; }



div, ul, li { position:relative; }



br.clear, div.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0; }



.aligncenter { display:block; margin:0 auto; text-align: center; }



.alignleft { float: left;}



.alignright { float: right}



img.alignleft { float:left; padding: 10px; margin: 4px 15px 5px 0; background: transparent url(images/stripe.png) repeat; max-width: 560px; height: auto;}



img.alignright { float:right; padding: 10px; margin: 4px 0 5px 15px; background: transparent url(images/stripe.png) repeat; max-width: 560px; height: auto;}



#wrapper { margin-top: 40px; text-align: left;}



#inner-wrap { clear:both; overflow:auto; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 100px; text-align: left;}



/*--------------------------------------------

Headings

----------------------------------------------*/



h1, h2, h3, h4, h5, h6 { font-weight:normal; color: #fff;} 



h1 { font-size: 2.8em; }



h1.logo a { background:url("images/logo.png") no-repeat scroll 20px top transparent; display:block; height:149px; margin-bottom:20px; padding-left:10px; text-indent:-9999px; width:159px;}



h2 { font-size: 2.2em; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1px; text-shadow: 1px 1px 0 #111;}



h3 { font-size: 1.8em; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; text-shadow: 1px 1px 0 #111;}



h4 { font-size: 1.2em; margin-bottom: 5px }



h5 { font-size: 1em; }



h6 { font-size: 1em; }



/*--------------------------------------------

Links

----------------------------------------------*/



a:link, a:active, a:visited { color: #ba5234; text-decoration: none; }



a:hover { color: #ed6742; text-decoration: none; }



a:focus { outline: none; }



/*--------------------------------------------

Header

----------------------------------------------*/











/*--------------------------------------------

Navigation

----------------------------------------------*/











/*--------------------------------------------

Sidebar

----------------------------------------------*/



#sidebar { 
_width: 270px;
*width: 270px;
}



#sidebar ul { margin-bottom: 20px; }



.subs h2 { margin-bottom: 10px;}



.sidestsories li a { border-bottom:1px dotted #666666; display:block; padding:7px;}



/*--------------------------------------------

Slider

----------------------------------------------*/



.slider { background:url("images/trans-bg.png") repeat scroll 0 0 transparent; margin:0 20px; padding:20px 20px 0 20px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 299px; overflow: hidden;}



.slide1 { background: url(images/slider/street-stories.jpg) no-repeat -1px -1px; height: 279px; width: 880px; text-indent: -9999px;}



.slide2 { background: url(images/slider/game.jpg) no-repeat -1px -1px; height: 279px; width: 880px; text-indent: -9999px;}



.slide3 { background: url(images/slider/dream.jpg) no-repeat -1px -1px; height: 279px; width: 880px; text-indent: -9999px;}



/*--------------------------------------------

Front Content

----------------------------------------------*/

.front-content { background:url("images/trans-bg.png") repeat scroll 0 0 transparent; margin: -10px 20px 0; padding:20px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; float: left; }



.recent { float:left; padding-right:40px; width:550px; _width: 550px; *width: 550px;}



.events { width: 290px; float: left;}



.frontpost { margin-bottom: 30px;}



.front-content h2 { border-bottom: dotted 1px #666;}



/*--------------------------------------------

Content 

----------------------------------------------*/



.page #content, .blog #content, .single #content, .archive #content { background:url("images/trans-bg.png") repeat scroll 0 0 transparent; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}



#content ul { line-height:1.8em; margin:0 0 20px 20px;}



#content li { background:url("images/bullet.png") no-repeat scroll 0 4px transparent; margin-bottom:10px; padding-left:25px;}





/*--------------------------------------------

Comments

----------------------------------------------*/



#comment { margin-bottom: 20px; background:none repeat scroll 0 0 #302D2C; border:1px solid #666666; color:#FFFFFF; padding: 8px;}



#content .commentlist li { background: none; margin: 0; padding: 0;}



#url, #email, #author { background:none repeat scroll 0 0 #302D2C; border:1px solid #666666; color:#FFFFFF; margin-right:20px; padding:8px; width:220px;}



.avatar { float: left; margin: 5px 10px 5px 0; }



.commentmetadata { margin-bottom: 10px;}



.comment-body { border-bottom:1px dotted #555555; margin-bottom:20px; padding-bottom:20px;}



/*--------------------------------------------

Pics Bar

----------------------------------------------*/



#picsbar { background: transparent url(images/pics-bg.png) no-repeat 1px top; height: 110px; _height: 130px; *height: 130px; padding-top: 20px; padding-left: 36px;}



#picsbar a { background:url("images/flickr-bg.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:62px; margin-right:20px; padding:10px; width:61px;}



#picsbar a img { opacity: .8;}



#picsbar a:hover img { opacity: 1;}



.flickrthumb { width: 60px; height: 60px;}





/*--------------------------------------------

Footer 

----------------------------------------------*/



#footer { margin: 20px 0; font-size: 11px;}



/*--------------------------------------------

Misc

----------------------------------------------*/



.pad { padding: 20px; }	



.small { font-size: 11px;}



.vintom-logo { float:right; text-align: right;}



.vintom-logo img { margin-bottom: 10px; }



.date { color:#CCCCCC; font-size:11px; font-weight:normal; letter-spacing:2px; margin:-10px 0 10px; text-shadow:1px 1px 0 #111111; text-transform:uppercase;}



.pdf { background:transparent url(images/pdf.png) no-repeat scroll left 4px; height:16px; padding:5px 0 5px 23px;}



.doc { background:transparent url(images/doc.png) no-repeat scroll left 4px; height:16px; padding:5px 0 5px 23px;}



.cal { background:url("images/cal.png") no-repeat scroll left 5px transparent; height:16px; padding:0 0 5px 23px;}



hr.sep { background: transparent url(images/stripe.png) repeat; height: 20px; border: 0; margin-bottom: 20px;}



.readmore, .button { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #FFFFFF; cursor:pointer; font-size:16px; padding:3px 10px;}



.readmore:hover, .button:hover { solid 1px #000;}



hr.dotted { height: 1px; border: none; border-bottom: dotted 1px #666; margin-bottom: 20px;}



.flickrimg img { border:2px solid #000000; margin-bottom:15px; margin-left:15px;}



.flickrimg img:hover { border: 2px solid #f3f3f3;}



.cantwait { float: right; margin: 20px 5px 0 0; position: relative;}




.widget {
	margin-bottom: 30px !important;
}

.widgettitle {
	margin-top: 0;
}