/*
Theme Name: Jackstin.com
Theme URI: http://jackstin.com/
Description: This is a Website Built for Jackstin
Version: 1.0
Author: jackstin.com
Author URI: http://jackstin.com/
Tags: 

*/

/* for ease of updating into the future we use separate style sheets for colours and typography */
@import url(css/reset.css);
@import url(css/960.css);
@import url(colours.css);
@import url(typography.css);

/* Begin Structure */

html {
		height:100%;
}

body {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		background:#e7e5dc url(images/bkg.gif) center top repeat-x;
		}

#page {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		}

#header {
		width: 100%;
		}

#headerimg {
font-size:210px;
font-weight:bold;
letter-spacing:-20px;
height:220px;
}
#headerimg a {
	color:#4f4d47;
}
		
/* This hides the 'skip to' links and maintains accessibility */
		
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#content {
		}

#sidebar
{
		text-align: left;
		padding-bottom: 25px;
		}

#footer {
		}	

.post {
		margin: 0 0 40px;
		overflow:hidden;
		}

.postmetadata {
		margin: 30px 0;
		}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}

.clear {clear:both;} .clear_5 {clear:both; height:5px;} .clear_10 {clear:both; height:10px;} .clear_15 {clear:both; height:15px;} .clear_20 {clear:both; height:20px;} .clear_25 {clear:both; height:25px;} .clear_30 {clear:both; height:30px;}


/* End Structure */

/* Navigation */
.jackstin { margin-top:50px; margin-bottom:30px;}
.jackstin_sm { margin-top:50px; margin-bottom:30px;}
.jackstin_lg { margin-top:40px; margin-bottom:25px;}
.nav {margin-top:0px;background:url(images/nav.png) repeat-x 0 0px;}
	.nav a {display:block; float:left; line-height:52px; font-size:25px; width:33.33%; color:#bbb8ad; font-weight:bold;}
	.nav a:hover {color:#ffffff;}
	#nav a {background:url(images/nav_a.png) repeat-x 0 0px;}

/* End Navigation */

/* Footer */
.footer {display:block; overflow:hidden; position:fixed; float:left; bottom:0px; left:0px; width:100%; height:32px; font-size:11px; z-index:10;}
.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:32px; text-align:center; line-height:32px; background:url(images/nav_a.png) repeat-x 0px 0px; border-right:1px solid #c9c8c0; padding:0px 10px;}
.footer_nav a:hover {background:url(images/nav_a.png) repeat-x 0px -100px; color:#FFFFFF;}
.copyright_box {float:right; padding:10px;}
.foot_btn_text {float:left; padding:10px;}
.footer_middle {overflow:auto; margin-right:15px; margin-left:15px;  background:url(images/nav_a.png) repeat center left;  border-left:1px solid #c9c8c0; border-top:1px solid #c9c8c0; border-right:1px solid #c9c8c0;}
/* Footer End */

/* Slider */
.container {width:900px; overflow:hidden; position:relative; opacity:100%;}
.slides { position:absolute;  top:0; left:0; list-style:none; padding:0; margin:0;}
#loopedSlider , #newsSlider  , #slider { margin:0 auto; width:900px; overflow:hidden;  position:relative; clear:both;}
.slides li {}
.slide {width:900px; overflow:hidden;}
.pagination {list-style:none; padding:0; margin:0 auto; display:block;}
.pagination li  { display:block; float:left;}
.pagination li a { display:block; float:left; height:15px; width:25px; cursor:pointer; margin-right:3px; background:#dfddd8;}
.pagination li a:hover { background:#aaa7a0;}
.pagination li.active a { background:#78756d;}
.slider_nav a.next{cursor:pointer; display:block; float:right; height:35px; width:35px; text-align:center; line-height:35px; font-size:45px; font-weight:bold; color:#aaa7a0; margin-top:-15px;}
.slider_nav a.previous {cursor:pointer; display:block; float:left; height:35px; width:35px; text-align:center; line-height:35px; font-size:45px; font-weight:bold; color:#aaa7a0; margin-top:-15px;}
.slider_nav a.previous:hover, .slider_nav a.next:hover { color:#78756d;}
.slider_nav {padding-top:30px; overflow:hidden;}

/* Slider End */

.center {
	width:590px;
	margin:0px auto;
}

.site_image {
	width:425px;
	height:255px;
	float:left;
	padding-left:20px;
	padding-bottom:1px;
	overflow:hidden;
	margin-top:10px;
}

.site_image img {
	float:left;
	margin-right:50px;
	background:#fff;
}

.site_info {
	float:left;
	overflow:hidden;
	width:450px;
}

h1.site_title {
	letter-spacing:-3px;
	margin-top:30px;
	font-size:4.7em;
	margin-bottom:0px;
}

h1.title {
	font-size:30px;
	float:left;
	color:#b4b0a5;
	letter-spacing:-1px;
	line-height:20px;
}

.site {
 	overflow:hidden;
}

.slide p , .site p {
	font-size:1.3em !important;
	line-height:20px;
	margin-bottom:15px;
	padding-right:15px;
	margin-top:10px;
}

a.site_link {
	float:left;
	font-size:13px;
	display:block;
	padding:10px 20px;
 	background:#4f4d47;
	color:#eae9e5;
	font-weight:bold;
}

a.site_link:hover {
 	background:#aaa7a0;
	color:#fff;
}

.enlarge {
	float:left;
	margin-top:10px;
}

/* Sort */

.sort {
	float:right;
	position:inherit;
	z-index:103;
}

.sort a.btn_slider {
	display:block;
	float:left;
	height:22px;
	width:23px;
	background:url("images/sort_slide.jpg");
	margin-right:3px;
}

.sort a.btn_slider:hover {
	background:url("images/sort_slide.jpg");
	background-position:0px -46px;
}

.sort a.selected_1, .sort a.selected_1:hover {
	background:url("images/sort_slide.jpg");
	cursor:default;
	background-position:0px -24px;
}

.sort a.btn_all {
	display:block;
	float:left;
	height:22px;
	width:23px;
	background:url("images/sort_list.jpg");
}

.sort a.btn_all:hover {
	background:url("images/sort_list.jpg");
	background-position:0px -46px;
}


.sort a.selected_2, .sort a.selected_2:hover {
	background:url("images/sort_list.jpg");
	cursor:default;
	background-position:0px -24px;
}

/* End Sort */

.midsplit {
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #cac8c1;
}

.lightsplit {
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #d8d4c9;
}

.preload {
	display:none;
}

.foot {
	color:#b6b3aa;
	font-size:11px;
	padding-bottom:50px;
}

.copy a {
	color:#b6b3aa;
}

.box {
	background-color:#eeece5;
	border:1px solid #f3f2eb;
	border-bottom:1px solid #dfddd4;
	border-right:0px;
	border-left:0px;
	padding:30px 0px 15px 0px;
	overflow:hidden;
}

.info {
	overflow:hidden;
	text-align:center;
}

.info p {
	font-size:17px;
	text-align:center !important;
}

.text_center {
	text-align:center;
}

.info h1 {
	line-height:40px;
	letter-spacing:-1px;
	font-size:3.5em;
	padding:0px 20px;
}

.content-home {
	overflow:hidden;
}

.content-home p {
	font-size:17px;
}

.text_center {
	text-align:center;
}

/* Cross Slide */

.frame {
	background-color:#FFFFFF;
	padding:4px;
	border:1px solid #D8D4C9;
	float:left;
	overflow:hidden;
	margin-right:30px;
	margin-bottom:10px;
}

#crossslide {
	width:270px;
	height:145px;
}

.col_1 , .col_2 , .col_3 {
	width:33%;
	float:left;
}

.sub_text {
font-size:15px;
color:#B4B0A5;
line-height:35px;
font-weight:bold;
}

/* END Cross Slide */




/* Content Home */

.content-home h1 {
	line-height:35px;
	letter-spacing:-1px;
	font-size:3.1em;
	padding:5px 20px 0px 0px;
	text-align:left;
}

.content-home h2 {
	line-height:40px;
	letter-spacing:-1px;
	font-size:3.0em;
	margin-bottom:0px;
	margin-top:0px;
}


.content-home p {
	margin-top:0px;
	margin-bottom:1.25em;
}

p.contact-info  img {
	margin-right:10px;
	margin-bottom:-2px;
}

.contact_call {
	padding-left:0px;
}

.contact_message {
	padding-left:10px;
}

.contact_email {
	padding-left:55px;
}

/* END Content Home */





/* Twitter Tools */
.aktt_tweets ul {
	padding:10px 0px 10px 0px;
}

.aktt_tweets ul li {
	font-size:25px;
	letter-spacing:-2px;
	line-height:20px;
	font-weight:bold;	
}


.aktt_tweets ul li.aktt_more_updates {
	display:none;
}
/* End Twitter Tools */

/* Begin Images */
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
		}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		}

html>body .entry li {
		margin: 7px 0 8px 10px;
		}

.entry ul li:before, #sidebar ul ul li:before {
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/* End Entry Lists */

/* Begin Form Elements */
#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: left;
		}

#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

#sidebar #searchsubmit {
		padding: 1px;
		}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

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

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/* End Form Elements */

/* Begin Comments*/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

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

.commentmetadata {
		margin: 0;
		display: block;
		}

/* End Comments */

/* Begin Calendar */
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

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

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 30px;
		}

.navigationBottom {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		}

/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		}

.wp-caption img {
		margin: 0;
		padding: 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}
/* End captions */

/* Forms */

.gform_wrapper {
	max-width:500px !important;
}

.gsection_title {
font-size:17px !important;
padding-top:20px !important;
color:#B4B0A5 !important;
}

li.gsection {
padding-top:30px !important;
}

li#field_1_27 , li#field_2_9 {padding-top:5px !important;}

li#field_2_14 {padding:15px !important; background:#eee; border:0px !important; }

.gform_fields input , .gform_fields textarea, .gform_fields select {
	padding:6px !important;
	background:none repeat scroll 0 0 #FBFBFB;
	border:1px solid #cfcec9;
	overflow:hidden;
}

.gform_fields label {
	font-size:15px !important;
}

.gform_description {
	font-size:20px !important;
	line-height:24px;
	font-family: 'Droid Sans', arial, serif;
}


.gform_wrapper .button {
display: block !important;
width: 160px !important;
height: 45px !important;
padding: 0px !important;
color:#666666 !important;
text-decoration: none !important;
background:url(images/button.png) no-repeat 0px 0px !important;
border:0px !important;
font-size:17px !important;
font-weight:bold !important;
text-transform:lowercase;
font-family:Arial !important;
color:#6f6d66 !important;
cursor:pointer;
line-height:45px;
margin-left:10px;
}
.gform_wrapper .button:hover {
background:url(images/button.png) no-repeat 0px -45px !important;
color:#353430 !important;
}
/* End Forms*/

/* Test Center */

.test {
	background:#FFFFFF;
	padding:25px 35px 15px 35px;
	border-top:1px solid #e9e7e1;
	border-left:1px solid #e9e7e1;
	border-right:1px solid #dbd9d1;
	border-bottom:1px solid #dbd9d1;
	float:left;
	width:500px;
}

.test small {
	font-size:10px;
	margin-top:15px;
	display:block;
	background:none repeat scroll 0 0 #EEEEEE;
	border:0px;
	padding:15px;
}

.test h2 {
	font-size:24px;
	font-family: 'Droid Sans', arial, serif;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:5px;
}

.test h3 {
	margin-bottom:5px;
	margin-top:8px;
}

.test p {
	margin-top:5px;
	margin-bottom:10px;
}

.test p a {
	line-height:20px;
}

.test ul {
	margin:20px 0px 20px 15px;
}

.test ul li {
	list-style:disc;
	font-size:1.5em;
	padding-left:10px;
	font-weight:bold;
	margin:2px 0px;
	margin-left:15px;
}

.test-left {
	float:left;
	width:150px;
	margin-right:-1px;
}

.test-left ul.blogroll  {
margin-top:0px !important;
}

.test-right {
	float:left;
	padding-left:25px;
}

.test-right h3 {
	margin-top:0px;
	margin-bottom:0px;
}

.test-right p {
	margin-top:10px;
	margin-bottom:5px;
}

/* End Test Center*/

.client {
	background:#FFFFFF;
	padding:25px 35px;
	border-top:1px solid #e9e7e1;
	border-left:1px solid #e9e7e1;
	border-right:1px solid #dbd9d1;
	border-bottom:1px solid #dbd9d1;
	float:left;
}

.gform_wrapper {
	margin:0px auto;
}

.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
float:left;
margin-bottom:5px;
margin-right:3px;
}

.gform_wrapper .gfield_time_minute input {
}

.gfield_time_minute {
	padding-left:3px;
}