/*
THEME NAME: Jackstin
DESCRIPTION: This is a jackstin production. 
VERSION: 0.1
AUTHOR: jackstin

*/

/* Zero Out */

html {
	height:100%;
}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	height:100%;
	background-position:center;
	background-attachment:fixed;
	line-height: 1;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

ul, ol {
	list-style: none;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #999999;
}

.floatLeft {
	float: left;
	padding: 0;
}

.floatRight {
	float: right;
	padding: 0;
}


/* Zero Ends */

/* Default Theme*/
p img {
	padding: 0;
	max-width: 100%;
	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display:block;
	overflow:hidden;
	background:url(images/new_2_black.png) repeat top left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
	}

.alignleft a {
	display:block;
	float:left;
	width:336px;
	padding-left:10px;
	height:25px;
	line-height:25px;
	background:url(images/new_5_black.png) repeat top left;
}

.alignleft a:hover {
	background:url(images/new_5.png) repeat top left;
	color:#000000;
}

.alignright a {
	display:block;
	float:left;
	width:336px;
	padding-right:10px;
	height:25px;
	line-height:25px;
	background:url(images/new_5_black.png) repeat top left;
}

.alignright a:hover {
	background:url(images/new_5.png) repeat top left;
	color:#000000;
}


.previous_post a {
	display:block;
	float:left;
	width:336px;
	padding-left:10px;
	height:25px;
	line-height:25px;
	background:url(images/new_3_black.png) repeat top left;
}

.previous_post a:hover {
	background:url(images/new_5.png) repeat top left;
	color:#000000;
}

.next_post a {
	display:block;
	padding-right:10px;
	float:right;
	width:336px;
	height:25px;
	line-height:25px;
	text-align:right;
	background:url(images/new_3_black.png) repeat top left;	
}

.next_post a:hover {
	background:url(images/new_5.png) repeat top left;
	color:#000000;
}
/**/


/* Home Page */
.home_box {
	display:block;
	width:950px;
}

.logo_large {
	font-size:200px;
	font-weight:bold;
	letter-spacing:-20px;
	float:left;
}

.stin_spacing_large {
	color:#FFFFFF;
	letter-spacing:-10px;
}

.home_nav_box {
	overflow:hidden;
	font-size:10px;
	width:980px;
}

.home_nav_box a {
	display:block;
	overflow:hidden;
	float:left;
	background:url(images/new_5_black.png) repeat top left;
	padding:7px 10px;
	cursor:pointer;
}

.home_nav_box a:hover {
	color:#000000;
	background:url(images/new_5.png) repeat top left;
}

.small_title {
	display:block;
	float:left;
	padding:10px;a
}

/* Secondary */
.secondary_box {
	display:block;
	width:950px;
	text-align:left;
	padding:15px 0px 25px 0px;
}

.left_col {
	display:block;
	float:left;
	width:692px;
}

.logo_sm {
	font-size:100px;
	font-weight:bold;
	letter-spacing:-10px;
	text-align:left;
}

.stin_spacing_small {
	color:#FFFFFF;
	letter-spacing:-5px;
}

.header_box {
	overflow:hidden;
	font-size:60px;
	padding:15px;
	margin-bottom:10px;
	letter-spacing:-3px;
	background:url(images/new_2.png) repeat top left;
}

.header_box a {
	display:block;
	padding:15px;
	letter-spacing:-3px;
	color:#000000;
	margin:-15px;
	min-height:1px;
	background:none;
}

.header_box a:hover {
	background:url(images/new_2.png) repeat top left;
	color:#000000;
}

.single_header_box {
	overflow:hidden;
	font-size:60px;
	padding:15px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px;
	letter-spacing:-3px;
	background:url(images/new_2.png) repeat top left;
}

.project_box {
	overflow:hidden;
	width:350px;
	float:left;
	margin-bottom:10px;
}

a.project_image_box {
	display:block;
	overflow:visible;
	float:left;
	width:341px;
	height:225px;
	background:url(images/new_2_black.png) repeat top left;
	cursor:pointer;
}

a.project_image_box:hover{
	display:block;
	overflow:visible;
	float:left;
	width:341px;
	height:225px;
	background:url(images/new_2.png) repeat top left;
}

a.project_title {
	display:block;
	overflow:visible;
	float:left;
	width:311px;
	line-height:50px;
	cursor:pointer;
	padding:0px 15px;
	height:50px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#ffffff;
	background:url(images/new_4_black.png) repeat top left;
}

a.project_title:hover {
	background:url(images/new_2.png) repeat top left;
	color:#000000;
}

.project_image {
	display:block;
	width:311px;
	height:200px;
	padding:12px 15px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}

.sidebar_float {
	overflow:hidden;
	margin-left:10px;
	width:248px;
	padding-top:0px;
	padding-bottom:0px;
	float:right;
}

.widgettitle {
	display:block;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:13px 15px;
	color:#999999;
	background:url(images/new_6_black.png) repeat top left;
}

#sidebar ul li  ul{
	padding:15px;
	background:url(images/new_2_black.png) repeat top left;
}

#sidebar ul li ul li {
	padding:5px;
	color:#999999;
	line-height:15px;
}

.edit a {
	display:block;
	font-size:10px;
	float:right;
	width:30px;
	height:15px;
	line-height:15px;
	text-align:center;
	margin-top:-50px;
	margin-right:9px;
	background:url(images/new_3_black.png) repeat top left;
	color:#ffffff;
}

.edit a:hover {
	display:block;
	font-size:10px;
	float:right;
	width:30px;
	height:15px;
	line-height:15px;
	text-align:center;
	margin-top:-50px;
	background:url(images/new_2.png) repeat top left;
	color:#000000;
}

.rando_quotes {
	display:block;
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	background:url(images/new_4_black.png) repeat top left;
	padding:18px;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#CCCCCC;
}

.need_a_site {
	display:block;
	position:absolute;
	background:url(images/new_4_black.png) repeat top left;
	padding:18px;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#CCCCCC;
}

.need_a_site span {
	font-size:15px;
	color:#CCCCCC;
	line-height:20px;
}
a.step {
	display:block;
	padding:10px;
	font-size:28px;
	letter-spacing:-1px;
	background:url(images/new_2_black.png) repeat top left;
	margin-bottom:1px;
}

a.step:hover {
	background:url(images/new_6_black.png) repeat top left;
	color:#FFFFFF;
}

a.next {
	display:block;
	cursor:pointer;
	overflow:hidden;
}

a.next:hover div.next_text, a.next:hover div.arrows {
	color:#000000;
}

.next_text {
	display:block;
	float:left;
	font-size:18px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#666666;
	line-height:22px;
}

.arrows {
	display:block;
	float:left;
	width:29px;
	height:22px;
	overflow:visible;
	font-family:Arial Black;
	font-size:50px;
	line-height:50px;
	margin-top:-20px;
	padding-top:0px;
	letter-spacing:-8px;
	font-weight:bold;
	color:#666666;
}

a.next:hover div.next_text2 {
	color:#ffffff;
}

.next_text2 {
	display:block;
	overflow:visible;
	float:left;
	font-size:28px;
	letter-spacing:-1px;
	color:#ffffff;
	line-height:33px;
	cursor:pointer;
}

a.output {
	display:block;
	padding:10px;
	font-size:10px;
	background:url(images/new_2_black.png) repeat top left;
	color:#ffffff;
}
a.output:hover {
	background:url(images/new_6_black.png) repeat top left;
	color:#ffffff;
}

.title {
	float:left;
	line-height:80px;
}

.nav {
	display:block;
	width:950px;
	overflow:hidden;
	background:url(images/new_2_black.png) repeat top left;
}

.nav a {
	background:url(images/new_gradient_black.png) repeat;
	color:#ffffff;
	display:block;
	float:left;
	padding:0px 15px;
	height:40px;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	letter-spacing:0px;
	margin-right:1px;
}


.nav a:hover {
	background:url(images/new_gradient.png) repeat;
	color:#000000;
}

.add {
	float:right;
	padding-top:1px;
	padding-right:1px;
}

.page_title {
	float:left;
	line-height:80px;
}

/* Comments */

#comments {
	background:url(images/new_4.png) repeat top left;
	padding:10px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#000000;
}

ol.commentlist  {
	background:url(images/new_2.png) repeat top left;
	padding:11px;
	padding-top:1px;
	color:#000000;
}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Arial', Sans-Serif; letter-spacing:0px;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	background:url(images/new_1_black.png) repeat top left;
}

.commentlist li .avatar { 
	float: left;
	padding: 3px;
	background:url(images/new_4.png) repeat top left;
	margin-right:15px;
}
	
.commentlist li .photo{ 
	float: left;
	padding: 3px;
	background:url(images/new_4.png) repeat top left;
	margin-right:15px;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size:30px;
	letter-spacing:-1px;
	line-height:30px;	
}

.commentlist p {
	font-weight: normal;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	text-transform: none;
	padding-top:10px;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

#commentform input {
	width: 225px;
	padding:7px;
	margin-bottom:5px;
	background:url(images/new_4.png) repeat top left;
	font-size:15px;
	font-weight:normal;
}

#commentform {
	margin: 5px 10px 0 0;
}

#commentform textarea {
	width: 100%;
	padding:7px;
	background:url(images/new_4.png) repeat top left;
	font-size:15px;
	font-weight:normal;
}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
#commentform #submit {
	padding:10px 20px;
	float:left;
	font-weight:bold;
	background:url(images/new_5_black.png) repeat top left;
	color:#FFFFFF;
	cursor:pointer;
}

#commentform #submit:hover {
	background:url(images/new_5.png) repeat top left;
	color:#000000;
}

.commentlist .alt {
	padding:20px;
	}
	
.says {
	font-size:15px;
}

.commentlist {
	}

.commentlist li {
	display:block;
	overflow:hidden;
	padding:20px;
	margin-top:10px;
	}
	
.commentlist li ul li { 
}

.commentlist p {

}

label small {
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

.children {
	padding: 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
	float:right;
	margin-right:-11px;
	margin-top:-11px;
	padding:10px;
	background:url(images/new_1_black.png) repeat top left;
}
/* End Comments */

/* Steps */

#sidebar ul li ul.steps  {
display:block;
padding:0px;
background:none;
}

#sidebar ul li ul.steps li  {
display:block;
padding:0px;
}

#sidebar ul li ul.steps li a {
display:block;
padding:10px;
min-height:1px;
background:url(images/new_2_black.png) repeat top left;
}

#sidebar ul li ul.steps li a:hover {
background:url(images/new_2.png) repeat top left;
color:#000000;
}


#sidebar ul li ul.steps li a.step_selected {
background:url(images/new_4.png) repeat top left;
color:#000000;
}

.entry {
overflow:hidden;
background:url(images/new_2_black.png) repeat top left;
padding:15px;
}

.postmetadata {
background:url(images/new_2_black.png) repeat top left;
margin:-15px;
padding:10px 15px;
color:#cacaca;
line-height:17px;
font-size:10px;
}

.postmetadata a {
border-bottom:1px dashed #666666;
}


/* */

/* Footer */
.footer {display:block; overflow:hidden; color:#FFFFFF; position:fixed; float:left; bottom:0px; left:0px; width:100%; height:32px;}
.footer_left {display:block; overflow:hidden; float:left; width:50%;}
.footer_right {display:block; overflow:hidden; float:right; width:50%; text-align:right;}
.footer_nav {display:block; overflow:hidden; float:left;}
.footer_nav a {display:block; float:left; height:40px; width:100px; text-align:center; font-size:15px; line-height:40px; background:url(images/new_4.png) repeat top left; margin-right:1px; color:#000000; font-weight:bold;}
.footer_nav a:hover {background:url(images/new_6_black.png) repeat top left; color:#ffffff;}
.copyright_box {float:right; padding:10px; color:#FFFFFF;}
.foot_btn_text {float:left; padding:10px;}