/*
Theme Name: Spin! Pizza
Theme URI: http://spinrides.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Chad Baudoin
Author URI: http://chadbaudoin.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

	/*
	* Brown: CC9966
	* Yellow: FFFF99
	*/

	*{
	    margin: 0;
	    padding: 0;
	}

	* html #wrapper {
	    height: 100%;
	}

	body, html{
	    height: 0%;
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		font-size: 12px;
		background: url('images/spin/bg.jpg') repeat-y 0 0;
	}

	body div#wrapper{
	    text-align: left;
	    margin-left: 10px;
		margin-top: 21px;
	    min-height: 100%;
	    width: 850px;
	}

	.clearer {
	    clear: both;
	    visibility: hidden;
	    height: 0;
	    overflow: hidden;
	}

	/*
	* Header and Nav
	*/

	#wrapper #header{
		background-color: blue;
		height: 100px;
		width: 100%;
		background: url('images/spin/head_bg.jpg') no-repeat 0 0;

	}
	#wrapper #header #nav{
		background-color: transparent;
		height: 50px;
		width: 527px;
		padding-top: 11px;
		float: right;
	}
	#wrapper #header #nav ul{
		height: 21px;
		width: 359px;
		float: left;
		background: url('images/spin/navigation.png') no-repeat 0 0;
	}
	#wrapper #header #nav ul li{
		float: left;
		list-style-image: none;
		list-style-position: none;
		overflow: hidden;
		text-indent: -9999px;
	}

	#wrapper #header #nav ul li a{
		display:block;
		height: 21px;
	}
	

	#wrapper #header #nav ul li#home{
		width: 70px;
		display: block;
	}
	#wrapper #header #nav ul li#about{
		width: 100px;
	}
	#wrapper #header #nav ul li#calendar{
		width: 120px;
	}
	#wrapper #header #nav ul li#search{
		width: 69px;
	}
	#wrapper #header #nav ul li#home a:hover{
		background: url('images/spin/navigation.png') 0px -21px;
	}
	#wrapper #header #nav ul li#about a:hover{
		background: url('images/spin/navigation.png') -70px -21px;
	}
	#wrapper #header #nav ul li#calendar a:hover{
		background: url('images/spin/navigation.png') -170px -21px;
	}
	#wrapper #header #nav ul li#search a:hover{
		background: url('images/spin/navigation.png') -290px -21px;
	}
	
	#wrapper #header #nav #search_form{
		float: left;
		padding-left: 8px;
	}
	
	#wrapper #header #nav #search_form input{
		height: 17px;
		width: 136px;
	}

	/*
	* Content
	*/
	#wrapper #content{
		background-color: purple;
		width: 100%;
		height: 392px;
		background: url('images/spin/main_bg.jpg') no-repeat 0 0;
	}
	
	#wrapper #content #about_page{
		margin-left: 560px;
		padding-top: 35px;
		width: 255px;
	}
	
	#wrapper #content #about_page #about_label{
		font-size: 45px;
	}
	
	#wrapper #content #about_page #about_content{
		margin-top: 10px;
		font-size: 14px;
	}
	
	/*
	* Footer
	*/

	#wrapper #footer{
		background-color: red;
		width: 100%;
		background: url('images/spin/footer_bg.jpg') repeat-y 0 0;
		float: left;
	}

	#wrapper #footer #left{
		float: left;
		width: 503px;
		min-height: 382px;
		padding-left: 110px;
		padding-top: 20px;
		padding-right: 25px;
	}

	#wrapper #footer #right{
		float: right;
		width: 212px;
		min-height: 382px;
	}

	#wrapper #footer #right #photo{
	 	background: url('images/spin/bottom_right_top.jpg') no-repeat 0 0;
		height: 148px;
	}

	/*
	* Social Media
	*/
	#wrapper #footer #right #follow{
		background: url('images/spin/follow_us.jpg') no-repeat 0 0;
		height: 68px;
		padding-top: 40px;
	}
	#follow #twitter{
		background: url(images/spin/twitter.jpg) no-repeat;
		float: left;
		width: 65px;
		height: 20px;
	}
	
	#follow #spinpizza{
		background: url(images/spin/spinpizza.jpg) no-repeat;
		float: left;
		width: 100px;
		height: 20px;
		margin-left: 10px;
		display: block;
	}
	
	#follow #facebook{
		background: url(images/spin/facebook.jpg) no-repeat;
		float: left;
		width: 76px;
		height: 20px;
		margin-top: 10px;
	}
	
	#follow #shoresports{
		background: url(images/spin/shoresports.jpg) no-repeat;
		float: left;
		width: 120px;
		height: 20px;
		margin-top: 15px;
	}
	

	#wrapper #footer #right #contact{
		background: url('images/spin/contact_us.jpg') no-repeat 0 0;
		height: 75px;
		padding-top: 30px;
		padding-left: 30px;
	}
	
	#wrapper #footer #right #contact a{
		text-decoration: none;
		color: #743524;
		font-size: 28px;
	}
	
	#wrapper #footer #right #send_emails{
		background: url('images/spin/send_me_mail.jpg') no-repeat 0 0;
		height: 50px;
		width: 175px;
	}
	
	@font-face {
		font-family: SketchRockwell;
		src: url(‘SketchRockwell.ttf’);
	}
	.my_CSS3_class {
		font-family: SketchRockwell;
		font-size: 3.2em;
		text-shadow: 3px 3px 7px #111;
	}
	
	/*
	* Blog Stuff
	*/
	div.post{
		margin-bottom: 20px;
	}
	div.post h2{
		font-size: 30px;
		color: #7F284F;
		font-weight: normal;
	}
	div.post a{
		color: #7F284F;
		text-decoration: none;
	}
	div.post.odd h2{
		color: #CE1126;
	}
	div.post.odd a{
		color: #CE1126;
	}
	div.post_author{
		font-size: 16px;
		font-weight: bold;
	}
	div.post_time{
		font-size: 12px;
	}
	div.post div.entry{
		margin-top: 10px;
		font-size: 14px;
	}
	div.post p.postmetadata{
		margin-top: 10px;
		font-style: italic;
	}
	div.post p.postmetadata a{
		color: #000;
	}
	div.post p.postmetadata a span.see_comment{
		color: #7F284F;
	}
	
	div.post.odd p.postmetadata a span.see_comment{
		color: #CE1126;
	}
	ol.commentlist{
		list-style: none;
		margin-left: 20px;
	}
	ol.commentlist li{
		margin-top: 15px;
	}
	div#respond{
		margin-top: 18px;
	}