/*	

	Based on Less Framework 3 by Joni Korpi, http://lessframework.com
	
*/


/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

	
body {
	width: 896px;
	padding: 22px 48px 84px;
	background: #1a1107;
}


/*
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
	GENERIC PAGE CONSTRUCTION
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
*/


/*
	Alter global elements
	---------------------------------------------------------------------------
*/

.hr {
	margin: 40px 0px 40px 0px;
        width: 896px;
}

.blackButton, .emptyButton {
	margin-top: 26px;	
}

.more-link {
clear: both;
	margin-top: 26px;	
}

p {
margin-bottom: 14px;	
}


/*
	Header
	---------------------------------------------------------------------------
*/

.header {
float: left;
width: 896px;
margin-left: 0px;	
margin-bottom: -20px;
}

	.logo {
		float: left;
		width: 143px;
	}
	.header h1 {
		width: 260px;
		float: left;
		font-size: 34px;
		letter-spacing:0px;	
		margin: 0px 24px 14px 0px;
	}
.header h1 a {
text-decoration: none;
}
	.header .breadcrumbs {
		clear: both;
		float: left;
		margin: 12px 0px 0px 0px;	
		line-height: 25px;
                width: 100%;
	}
		.header .breadcrumbs a {
			color: #000;
			text-decoration: underline;			
		}
		.header .breadcrumbs a:hover {
			color:#000;	
			text-decoration: underline
		}
	
	.header .hr {
		margin: 0px;	
	}
	.header .overBorder {
		display: block;
		margin: -1px 0px 0px 0px;
		background: #000;
		width: 155px;
		height: 3px;
		float: left;
		clear: both;	
	}
	
/*
	Navigation
	---------------------------------------------------------------------------
*/

.nav {
	width: 753px;
	float: left;	
}

	.nav ul {
		float: right;
		margin: 2px 0px 0px 0px;
	}
	
		.nav ul li {
                        margin: 0px 0px 0px 0px;
			background: none;
			width: auto;
			float: left;
			padding: 0px 0px 0px 28px;
			list-style-type: none;

		}
		.nav ul li.current-menu-item a, .nav ul li.current-page-ancestor a {
		}
			.nav ul li a {
                                width: auto;
				/* padding: 0px 17px 21px 0px; */
				font-size: 16px;
				line-height: 44px;
				float: none;	
				text-decoration: none;
				color: #fff;
						}
			.nav ul li a:hover {
				color: #fde845;	
			}


/*
	Page excerpt
	---------------------------------------------------------------------------
*/

.pageExcerpt {
width: 896px;
margin-left: 0px;	
float: left;
background: #2e1e0c;
height: 112px;
}
	.pageExcerpt .hgroup {
		float:left;
		width: 896px;
		margin: 0px 0px 0px 0px;
	}
	
		.pageExcerpt .hgroup h1 {
			margin-bottom: 10px;
		}
		
		.pageExcerpt .hgroup h2 {
			font-size: 21px;
			line-height: 28px;
		}

		.pageExcerpt .hgroup h3 {
			margin-bottom: 10px;
    font-size: 44px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 44px;
    text-shadow: 2px 2px 0 #FFFFFF;
		}
		
		.pageExcerpt .hgroup h4 {
			font-size: 21px;
			line-height: 28px;
			font-weight: normal;
			text-shadow: 2px 2px 0 #FFFFFF;
		}
	
	.pageExcerpt .social {
                margin: 0px 0px 0px 0px;
		float: left;
	}

.contentContainer {
	float: left;
}

.contentContainerTop {
	background: url('images/post/contenttop.gif') no-repeat top left;
	width: 896px;
	height: 46px;
	float: left;
}

.contentContainerMiddle {
	background: url('images/post/contentcenter.gif') repeat-y top left;
	width: 766px;
	float: left;
	padding: 0px 65px  0px 65px;
}

.contentContainerFooter {
	background: url('images/post/contentfooter.gif') no-repeat top left;
	width: 896px;
	height: 52px;
	float: left;
}

	
/*
	footer
	---------------------------------------------------------------------------
*/	
	
.footer {
float: left;
clear: both;
width: 896px;
margin-left: 0px;
}
.footer p, .footer a {
color: #56432b;
text-decoration: none;
}

.footer #alignleft {
float: left;
text-align: left;
margin-left: 10px;
margin-top: 5px;

}

.footer #alignright {
float: right;
text-align: right;
margin-right: 10px;
margin-top: 5px;
}

/*
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
	SPECIFIC PAGES & SECTIONS
	---------------------------------------------------------------------------
	---------------------------------------------------------------------------
*/

/*
	Frontpage
	---------------------------------------------------------------------------
*/

.splashBar {
background: #ffea46;
width: 896px;
height: 14px;
margin-top: 43px;
float: left;
}

.splash {
float: left;
width: 100%;

height: 332px;
}

#splashMessage {
float: left;
background: url('images/splash/splashball.png') no-repeat top left;
width: 297px;
height: 208px;

position: relative;

margin: -321px 0px 0px 578px;
padding: 90px 0px 0px 0px;
}

#splashMessage h3 {
color: #fff;
font-size: 41px;
line-height: 39px;
text-align: center;
text-shadow: -2px 2px 0px #000;
margin:0px;

}

#splashMessage h3.splashMini {
clear: both;
font-size: 14px;
line-height: 14px;
margin:0px;
}

#splashMessage h3.splashMedium {
clear: both;
font-size: 26px;
line-height: 26px;
margin:0px;


}

/*
	Portfolio Post with image
	---------------------------------------------------------------------------
*/	
	
.bigWorkItem {
	float: left;
	width: 1068px;
border: 0px solid;
}
	.bigWorkImage {
		/* width: 648px;
		height:540px; */
		width: 624px;
		height: 514px;
		background: url('images/placeholders/imac-8col.png') no-repeat top left;
		padding: 26px 0px 0px 24px;
	
		float: left;
		margin: 0px 24px 0px 0px;
	}
		.bigWorkImage img {
			width: 600px;
			height: 340px;		
		}
	.bigWorkText {
		float: left;	
		margin: 0px 24px 0px 0px;

	}
		.bigWorkText h3 {
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 5px;
		}
	
.bigWorkItem .checkList {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 144px;	
border-bottom: 0px none;
}


.smallWorkItem {
width: 312px;
float: left;
margin-left: 24px;
	margin-top: 40px;
}
.smallWorkItem.odd {
margin-right: 0px;
}
	.smallWorkImage {
display: block;

margin: 0px;
padding: 0px;
width: auto;
height: auto;
	}
		.smallWorkImage img {
width: 302px;
height: auto;
border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 5px #a4a4a4;
	   -moz-box-shadow: 0px 0px 5px #a4a4a4;
			box-shadow: 0px 0px 5px #a4a4a4;
		}
		

/*
	Post with image
	---------------------------------------------------------------------------
*/	
	
	.bigimagepost .bigWorkImage {
		width: 648px;
		height:380px;

		padding: 0px 0px 0px 0px;
	        background: none transparent;
		float: left;
		margin: 0px 24px 0px 0px;
	}
		.bigimagepost .bigWorkImage img {
			width: 648px;
			height: 380px;		
		}
	.bigimagepost .bigWorkText {
		width: 396px;
		float: left;	
		margin: 0px 0px 0px 0px;

	}

	

/*
	Post
	---------------------------------------------------------------------------
*/	

.pageTitle {
text-align: center;
width: 100%;

margin-top: 20px;
color: #fff;
text-shadow: -2px 2px 0px #000;
}

.blogImage {
float: right;
margin: 0px -46px 10px 24px;
}

.blogImage .figure {
float: right;
}

.blogImage .figure img {
width: auto;
height: auto;
border: 5px solid #fff;
	-webkit-box-shadow: 0px 0px 5px #a4a4a4;
	   -moz-box-shadow: 0px 0px 5px #a4a4a4;
			box-shadow: 0px 0px 5px #a4a4a4;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
rotation: 2deg;
}


.blogText ul {
	margin-top: 5px;
	margin-bottom: 14px;
	margin-left: 44px;
}

.blogText ul li {
	padding: 0px;
}

.blogText ol {
	margin-left: 48px;
	margin-top: 5px;
	margin-bottom: 14px;
}

.blogText ol ul {
	margin-bottom: 0px;
	margin-top: 0px;
}

.blogText ul ol {
	margin-bottom: 0px;
	margin-top: 0px;
}

blockquote {
	background:transparent url(images/post/quote-r.png) no-repeat scroll right bottom;
	float:right;
	letter-spacing:-1px;
	margin:10px 0px 10px 10px;
	padding:0 30px 5px 0;
	text-align:left;
	width:35%;
}

blockquote p {
font-size: 30px;
line-height: 32px;
    float: right;
	background:transparent url(images/post/quote-l.png) no-repeat scroll left top;
	border:0 none;
	padding:5px 2px 10px 35px;
	margin-bottom: 0px;
}

.blogText .tags {
clear: both;
float: left;

font-size: 12px;
font-style: italic;
color: #949393;
line-height: 18px;

margin: 10px 0px 5px 0px;
}

.blogText .tags a {
color: #949393;
}

.blogText .category {
clear: both;
float: left;

font-size: 12px;
font-style: italic;
color: #949393;
line-height: 18px;

margin: 0px 0px 5px 0px;
}
.blogText .category a {
color: #949393;
}

.nextPrev {
width: 732px;
margin-left: 84px;
float: left;
}

.nextPrev .prev {
    float: left;
    text-align: left;
    width: 50%;
}

.nextPrev .next{
    float: right;
    text-align: right;
    width: 50%;
}

.postTitle {
text-align: center;
}


/*
	Sidebar
	---------------------------------------------------------------------------
*/

.sidebar {
width: 228px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 0px dashed #000;

float: left;
}
.sidebar ul { }
.sidebar ul li {
list-style-type: none;
}
.sidebar ul li ul {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #000;
}
.sidebar ul li ul li {
padding: 2px 0px;
}
.sidebar ul li h2 {
margin-bottom: 5px;
}
.sidebar ul li .textwidget {
padding-bottom: 10px;
margin-bottom: 14px;
border-bottom: 1px solid #000;
}
.sidebar #searchform {
width: 228px;
}
.sidebar #searchform .screen-reader-text {
display: none;
}

.sidebar #searchform #s {
clear: both;

padding: 0px 4px;
font-size: 16px;
line-height: 54px;
height: 54px;

width: 162px;

float: left;
}
.sidebar #searchform #searchsubmit {
background: url('images/buttons/searchbtn.png') no-repeat top left;
padding-left: 10px;
font-size: 0px;
border: 0px;
width: 45px;
height: 54px;
line-height: 54px;
margin-left: 8px;

color: transparent;
text-align: left;
float: left;

cursor:pointer;
cursor:hand;
}

.sidebar .widget_tag_cloud {
    border-bottom: 1px solid #000000;
    margin-bottom: 24px;
    padding-bottom: 24px;
}


/*
	404
	---------------------------------------------------------------------------
*/

.pageExcerpt.notfound .hgroup {
    width: 100%;
}

.pageExcerpt.notfound .hgroup h1 {
font-size: 80px;
line-height: 90px;
text-align: center;
}
.pageExcerpt.notfound .hgroup h2 {
font-size: 30px;
line-height: 40px;
text-align: center;
}
.pageExcerpt.notfound .hgroup h3 {
font-size: 25px;
line-height: 60px;
text-align: center;
}