@import url("http://cssksw.com/danielmorgancouk");
/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
html,body {
	height: 100%;
	font-size: 12px;
	font-family: verdana, sans-serif;
	color: #645d54;
	background: url(images/grid.png);
	margin: auto;
}

/*text*/
p {line-height: 1.6em; margin-bottom: 1.6em;}

li {
line-height: 22px;
}

#blogPosts li {
line-height: 26px;
list-style: none;
border-bottom: 1px solid #cac4b6;
}

#blogPosts li a { text-decoration: none; }

#blogPosts li.last { border: 0; }

#blogPosts li small {
color: #999;
float: right;
}

#blogPosts ul { margin: 0; }

hr { color: #ccc; }

.center {text-align: center;}

.bold {font-weight: bold;}

h1 a {
text-decoration: none;
}

h1 a:hover {
color: #fff;
}

h1 a:active {
color: #afcaff;
}

a {
color: #744d1f;
text-decoration: underline;
}

a:hover {
color: #8e7250;
}

a:active {
color: #56340b;
text-decoration: none;
}

a:visited {
}

/*box classes*/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.fleft {float: left;}

.fright {float: right;}

.cr { clear: right; }

.cl { clear: left; }


/*-------------------------------*/
/*---------- START -------------*/
/*-----------------------------*/

span {
display: block;
}

#gradient {
background: url(images/gradient.png) repeat-x;
width: 100%;
height: 361px;
position: absolute;
z-index: 3;
}

#container {
width: 960px;
margin: -30px auto;
position: relative;
z-index: 5;
padding: 50px 0 0 0;
}

#container div {
position: relative;
z-index: 100;
}

#logowrap {
width: 960px;
margin: auto;
position: relative;
height: 30px;
}

#logo {
background: url(images/painticon.png) no-repeat;
width: 113px;
height: 128px;
position: absolute;
top: 33px;
right: 40px;
z-index: 1;
}

h1 {
font-family: arial, verdana, sans-serif;
color: #e1eafc;
font-size: 34px;
line-height: 20px;
margin: -20px 30px 10px;
position: relative;
z-index: 200;
text-indent: -9999px;
background: url(images/logo.png) no-repeat;
width: 408px;
height: 70px;
}

h2 {
font-family: arial, verdana, sans-serif;
font-weight: normal;
color: #433728;
font-size: 22px;
line-height: 40px;
}

p {
font-size: 12px;
color: #645d54;
line-height: 18px;
font-family: verdana, sans-serif;
}

.one {
width: 898px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 10px;
border: 1px solid #d0c5b8;
}

.half {
width: 418px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 10px;
border: 1px solid #d0c5b8;
}

.third {
width: 320px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 0 0 10px;
border: 1px solid #d0c5b8;
}

.twothirds {
width: 516px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 10px;
border: 1px solid #d0c5b8;
}

.quarter {
width: 178px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 10px;
border: 1px solid #d0c5b8;
}

.sixth {
width: 98px;
padding: 10px 20px;
background: #e1d7cb;
margin: 0 10px;
border: 1px solid #d0c5b8;
}


.line {
clear: both;
height: 20px;
}

.left { float: left; text-align: left; }

.center { margin: 0 auto; text-align: left; }

.right { float: right; text-align: left;}

.textleft { text-align: left; }

.textcenter { text-align: center; }

.textright { text-align: right; }

.photo {
padding: 4px;
border: 1px solid #444;
background: #222;
margin: 10px;
float: left;
}

.photo:hover {
background: #111;
}

.portfolio {
padding: 4px;
background: #d0c5b8;
border: 1px solid #bfb09e;
margin: 10px 10px 0 10px;
float: left;
}

.portfolio:hover {
background: #dcd3c8;
}

.meta a {
text-decoration: none;
float: left;
margin: 0 102px -10px;
padding: 8px 13px;
background: #d0c5b8;
border: 1px solid #bfb09e;
}

.meta a:hover {
background: #dcd3c8;
cursor: pointer;
}

.button a {
margin: 0 0 10px;
text-decoration: none;
float: left;
padding: 8px 13px;
width: 161px;
background: #d0c5b8;
border: 1px solid #bfb09e;
}

.button a:hover {
background: #dcd3c8;
cursor: pointer;
}

.button img {
float: left;
}

.buttontext {
float: right;
margin: 17px 10px 0 0;
}

.viewMore {
float: right;
margin: 15px 0 10px;
}


/* FLICKR */

#flickr_div h2 {
float: left;
}

#flickr-link {
float: right;
margin: 5px 10px 0 0;
}

.flickr_badge_image img {
padding: 4px;
background: #d0c5b8;
border: 1px solid #bfb09e;
margin: 10px;
float: left;
width: 178px !important;
height: 111px !important;
}

.flickr_badge_image img:hover {
background: #dcd3c8;
}


/*TWITTER*/

#twitter_div h2 {
float: left;
}

#twitter-link {
float: right;
margin: 10px 10px 0 0;
}

#twitter_update_list li {
list-style: none;
margin: 5px 0 15px;
text-align: right;
color: #645d54;
}

#twitter_update_list span {
margin-bottom: -2px;
background: #d0c5b8;
border: 1px solid #bfb09e;
padding: 8px 13px;
line-height: 18px;
text-align: left;
}


/*CONTACT FORM*/

#contact_div {
margin-top: -63px;
}

#form_div {
width: 418px;
color: #eee;
font-weight: bold;
margin: 15px 10px 0 0;
}

.input {
width: 408px;
height: 18px;
line-height: 18px;
font-size: 13px;
margin: 10px 0 15px 0;
padding: 6px;
color: #4f4942;
background: #d0c5b8;
border: 1px solid #bfb09e;
}

.input:hover {
background: #cabdad;
}

.input:focus {
background: #bfb09e;
border: 1px solid #b3a391;
}

.textarea {
font-family: verdana, sans-serif;
width: 408px;
height: 150px;
line-height: 18px;
font-size: 12px;
margin: 10px 0 15px 0;
padding: 6px;
color: #4f4942;
background: #d0c5b8;
border: 1px solid #bfb09e;
}

.textarea:hover {
background: #cabdad;
}

.textarea:focus {
background: #bfb09e;
border: 1px solid #b3a391;
}

.submit {
float: right;
clear: both;
margin: 0 0 4px 0;
background: url(images/send.png) no-repeat;
text-indent: -9999px;
border: 0;
width: 98px;
height: 27px;
cursor: pointer;
}

.submit:hover {
background: url(images/send_over.png) no-repeat;
}

.submit:active {
background: url(images/send_over_down.png) no-repeat;
}

label {
font-size: 12px;
}

#thanks {
color: #3ace00;
background: #222;
padding: 8px 13px;
border: 1px solid #1c1c1c;
position: absolute;
top: 20px;
left: 30px;
display: none;
}

#error {
color: #ff0000;
background: #222;
padding: 8px 13px;
border: 1px solid #1c1c1c;
position: absolute;
top: 20px;
left: 30px;
display: none;
}