/*
Theme Name: scuffedshoe
Theme URI: http://wordpress.org/
Description: The custom WordPress theme for scuffedshoe.com.
Version: 1.0
Author: Zach Nelson
Author URI: http://scuffedshoe.com/
Tags: blue, custom header, fixed width, two columns, widgets

	scuffedshoev1.0
	 http://scuffedshoe.com/

	This theme was designed and built by Zach Nelson,
	whose blog you will find at http://scuffedshoe.com/

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

*/




/*  -- Reset Defaults --  */

body, h1, h2, h3, h4, h5, a, p, img, div, ol, ul, li, caption, blockquote, cite
	{
	margin:0;
	padding:0;
	border:none;
	}

/*  -- Containers --  */
	
html
	{
	width:100%;
	background-color:#000;	
	}

body
	{
	width:100%;
	background-color:#000;
	}
	
div#container
	{
	margin:0px auto;
	padding:0;
	position:relative;
	width:960px;
	}
	

/*  -- 1. Header / Branding -- */

div#header
	{
	min-height:65px;
	}
	
div#header h1, div#header h2, div#header h3, div#header p
	{
	text-indent:-9999px;
	}
	
img#logo
	{
	position:absolute;
	top:0px;
	left:29px;
	}
	
/*  -- 2. Main Navigation -- */
#nav_main
	{
	margin:0;
	padding:0;
	
	}

ul#menu
	{	
	margin: 0;
	padding: 0;
	position:absolute;
	top: 15px;
	left: 350px;
	height:35px;
	z-index:50;
	}

ul#menu li
	{	
	display: block;
	margin:10px 0;
	padding:0;
	float: left;
	}
	

/*  --3. Main Content -- */

div#content_main
	{
	float:left;
	width:605px;
	min-height:566px;
	padding:0;
	}

/*  -- 4. Subordinate Content -- */
div#sidebar
	{
	/*float:right;
	width:355px;
	padding:20px 50px 0 20px;*/
	}
	
/*  -- 6. Footer -- */
div#footer
	{
	clear:left;
	width:934px;
	min-height:13px;
	position:relative;
	margin:0;
	padding:13px;
	}
	
div#footer p
	{
	display:inline;	
	}
	
p#login
	{
	margin-left:17px;	
	}
	
p#ftp
	{
	margin-left:15px;	
	}
	
p#mailto
	{
	margin-left:650px;	
	}
	
p#phone
	{
	margin-left:15px;	
	}
	


/*  -- Reset Defaults --  */

a, a:link, a:visited, a:hover, a:active
	{
	text-decoration: underline;
	color:#464646;
	border:none;
	}
	
a:hover, a:active
	{
	color:#787777;
	}	
	
img
	{
	border:none;	
	}
	
ol, ul
	{
	list-style:none;
	}
	
/*  --  Styles	--  */

h2
	{
	font-family: Helvetica, sans-serif;
	font-size:23px;
	font-weight:100;
	text-transform:uppercase;
	color:#333333;
	}
	
h3
	{
	font-family:Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#B13333;
	text-transform:uppercase;
	}
	
/*  -- Containers --  */
html
	{
	font-size: 10px; 
	font-family:"Trade Gothic", helvetica, sans-serif;
	color:#333333;
	background-color:#000;
	}
	
body
	{
	}
	
div#container
	{
	background-color:#FFF;
	background-image:url(../images/bg_project_detail.jpg);
	background-repeat:repeat-y;
	border:15px #000 solid;
	}
	

/*  -- 1. Header / Branding -- */
div#header
	{
	/*background-image:url(images/bg_header.jpg);
	background-repeat:no-repeat;*/
	background-color:#000;
	}
	
/*  -- 2. Main Navigation -- */
#nav_main
	{
	
	}

#menu
	{
	background-image:url(../images/bg_nav.png);
	background-repeat:repeat;	
	}

#menu li
	{	
	font-size: 11px; 
	font-family:"Trade Gothic", "Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	color: #FFF;
	}

li.links a, li.links a:visited
	{	
	color: #FFF;
	text-decoration:none;
	padding:10px 20px;
	}
	
li.links a:hover
	{	
	color: #FFF;
	text-decoration: underline;
	background-image:url(images/bg_nav.png);
	background-repeat:repeat;
	}	
	
	

/*  --3. Main Content -- */
div#content_main
	{
	min-height:400px;
	background-image:url(../images/bg_project_detail.jpg);
	background-repeat:repeat-y;
	}
	
/*  -- 5. Subordinate Content -- */
div#sidebar
	{
	min-height:400px;	
	background-image:url(../images/bg_sidebar_projects.jpg);
	background-repeat:no-repeat;
	text-align:right;
	float:right;
	width:355px;
	padding:20px 50px 0 20px;
	}
	
/*  -- 6. Footer -- */
div#footer
	{
	background-color:#000;
	}
	
p.enter, p.enter a
	{
	text-decoration: none;
	color: #FFF;
	font-size: 12px; 
	font-family:"Trade Gothic", arial, sans-serif;
	font-weight: normal;
	}
	
p.info, p.info a
	{
	text-decoration: none;
	color: #999;
	font-size: 11px; 
	font-family: Helvetica, arial, sans-serif;
	font-weight: normal;
	}



/*  --3. Main Content -- */
div#content_main
	{
	float:left;
	max-width:743px;
	margin:0;
	padding:0;
	position:relative;
	background-image:url(images/bg_blog_content.jpg);
	background-repeat:repeat-y;
	}
	
.button_read_more
	{
	float:right;
	margin:27px -30px 0 0;
	}
	
div#content
	{
	float:left;
	max-width:743px;
	margin:0;
	padding:0;
	position:relative;
	background-image:url(images/bg_blog.jpg);
	background-repeat:repeat-y;
	}
	
a img#button_back
	{
	position:absolute;
	top:0px;
	left:0;
	}	
	
/* ----------- .posts  ------------- */
.post
	{
	position:relative;
	width:653px;	
	padding:27px 30px;
	clear:both;
	margin:25px 0 75px 30px;
	}
	
.post img
	{
	padding:3px;
	border:1px #999999 solid;
	margin-bottom:25px;
	max-width:650px;
	}
	
.post img.shoe
	{
	border:none;	
	}
	
.credit
	{
	float:right;
	}
	
.shoe
	{
	float:left;	
	margin:0px 10px 0 0;	
	}
	
.entry_title h2
	{
	float:left;
	}
	
.entry
	{
	clear:left;	
	}
	
.post h2
	{
	margin:0px 0 0 0;	
	font-family:Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
	text-transform:none;
	color:#555;	
	}
	
.post h2 a
	{
	font-family: "carbon-type-1","carbon-type-2",sans-serif;
	font-size:24px;
	font-weight: normal;
	text-transform:none;
	color:#555;	
	text-decoration:none;
	}	
	
p.date
	{
	float:left;
	color:#898989;
	font-size:10px;
	}
	
span.date_info
	{
	font-weight:bold;	
	}
	
div.post-content 
	{
	width:683px;
	margin:15px 0 27px;
	}
	
.entry
	{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#464646;	
	}
	
.post-info
	{
	color:#898989;
	margin:0 0 25px;
	}
	
.postmetadata
	{
	margin:0px 0 0px;	
	font-family:Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	clear:both;
	}
	
span.tagname a
	{
	font-family:Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	text-decoration:underline;	
	}
	
h2.pagetitle
	{
	margin:25px;
	font-size:24px;
	}
	
h2.entry-title
	{
	font-size:16px;	
	}
	
.button_back
	{
	
	}
	
.alignright
	{
	float:right;
	margin:0 0 0 25px;
	padding:0px 25px;
	border-left:1px #999 solid;
	}
	
.alignleft
	{
	float:left;
	margin:0 25px 0 0;
	padding:0px 25px;
	border-right:1px #999 solid;
	}	


	
/*  -- 4. Subordinate Content -- */
div#sidebar
	{
	float:left;	
	width:217px;
	margin:0;
	padding:0px;
	text-align:left;
	}
	
div#sidebar ul
	{
	max-width:190px;
	margin:0px;
	padding:0px;
	}
	
div#sidebar ul li
	{
	margin:25px;
	padding:0;
	}
	
div#sidebar ul li  ul li
	{
	margin:3px 0;
	padding:0;
	}	
	
div#sidebar ul li h2
	{
	margin:0 0 5px;
	padding:0;
	}
	
div#sidebar
	{
	background-image:url(images/bg_blog_sidebar.jpg);
	background-repeat:repeat-y;
	}
	
div#sidebar h2
	{
	font-size: 12px; 
	font-family:"Trade Gothic", Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color: #464646;
	margin:0;
	padding:0px;	
	}
	
div#sidebar p
	{
	margin:0;
	padding:0;
	}
	
div#sidebar a
	{
	font-size: 11px; 
	font-family:Helvetica, sans-serif;
	font-weight: normal;
	color: #555555;
	text-decoration:underline;
	}
	
	
/* additional pages styles  */

.site_example
	{
	margin-left:190px;
	margin-bottom:220px;
	padding:5px;
	width:600px;
	border:#999 thin solid;
	overflow:hidden;
	background-color:#ffffff;
	}
	
li.site_example:last
	{
	margin-bottom:160px;
	}
	
.site_specs
	{
	margin:0px;
	padding:0;
	text-align:right;
	font-style:normal;
	}
	
.site_img
	{
	float:right;
	margin:0 20px;
	padding:0px;
	border:#333 thin solid;
	width:400px;
	height:266px;
	}
	
#about
	{
	width:300px;
	border:none;
	margin-left:390px;
	margin-top:10px;
	text-align:left;
	}
li#trans_css
	{
	border:1px #333 solid;
	}
	
ol#projects, ul#inspiration	
	{
	margin:25px;	
	}
	
h2
	{
	margin:25px;	
	}
	
.about
	{
	width:300px;
	margin:5px 0 0 25px;
	font-size:12px;
	}
	
a:link, a:visited, a:hover, a:active
	{
	text-decoration:none;
	}
	
img#about_shoe
	{
	position:absolute;
	top:75px;
	left:300px;
	}
	
ul#demo_links
	{
	margin:0 0 250px 250px;
	padding:0 0 125px 0;
	border-bottom:1px #555 solid;
	font-size:12px;
	}
	
ul#demo_links li
	{
	margin:5px;
	}	

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */