@charset "UTF-8";
/* CSS Document */

/* general stylings */

* {
	margin: 0;
}

img {border-style: none;}

ul { list-style: none }

p { margin: 0; }

li {
list-style-image: none;
list-style-position: outside;
left: -2em;
position: relative;
display: block;
}

.b { font-weight: bold; }

div.floatLeft {
	float: left;
}
div.floatRight {
	float: right;
}
.marginRight {
	margin-right: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}
.marginTop {
	margin-top: 10px;
}

html, body {
padding:0;
height:100%; /* this is the key! */
margin: 0 auto 0 auto;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 12px;
/* background: #2d2d2d; */
	background: #1d1d1d url(../img2/bg.gif) top center repeat-y;
color: #fff;
}

#nextwork {
	position: absolute;
	width: 680px;
	min-height: 500px;
	margin: 15px 0 0 0;
	left: 250px;
	z-index: 2;
}

/* #nextwork { background: url(../img2/next-work.png); opacity: 0.0; filter:alpha(opacity=0); } */
#nextwork a:link img, #nextwork a:visited img { opacity: 0.0; filter:alpha(opacity=0); }
#nextwork a:hover img { opacity: 1.0; filter:alpha(opacity=100); }


a:link, a:visited {text-decoration: underline; color: #b2d231;}
a:hover {text-decoration: underline; color: #dedede}

div#mainmenu a:link, div#mainmenu a:visited {text-decoration: none; color: #dedede;}
div#mainmenu a:hover {text-decoration: none; color: #b2d231}

div#blogcol div.navigation a:link, div#blogcol div.navigation a:visited { color: #dedede; }

#sidebar a:link, #sidebar a:visited {text-decoration: none; color: #fff;}
#permanav a:hover {text-decoration: underline; color: #aaa}
#sidebar a:hover {text-decoration: underline; color: #b2d231}


#bigpic a:link,
#bigpic a:visited {text-decoration: underline; color: #dedede;}
#bigpic a:hover {text-decoration: none; color: #b2d231;}

#submenu a:link {text-decoration: none; color: #80959a; }
#submenu a:visited {text-decoration: none; color: #80959a;}
#submenu a:hover {text-decoration: underline; color: #80959a;}

#submenu2 a:link {text-decoration: none; color: #80959a; }
#submenu2 a:visited {text-decoration: none; color: #80959a;}
#submenu2 a:hover {text-decoration: underline; color: #80959a;}

.bodytext a:link {text-decoration: underline;}
.bodytext a:visited {text-decoration: underline;}
.bodytext a:hover {text-decoration: none;}

.workexam a:link,
.workexam a:visited { text-decoration: none; color: #aaa; }
.workexam a:hover { text-decoration: underline; color: #333; }

.workexam-current a:link,
.workexam-current a:visited { text-decoration: none; color: #000; }
.workexam-current a:hover { text-decoration: underline; color: #333; }

.grey {	color: #666; }

h1 {
	font-weight: lighter;
	font-size: 24px;
	letter-spacing: 1px;
	margin: 0 0 0px 0;
}

h2 {
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	color: #fff;
}

h3 {
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0;
	color: #fff;
}

p.bigserif,
span.bigserif {
	font-family: "museo-slab-1","museo-slab-2", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	margin: 0 0 14px 0;
}
p.body-large,
span.body-large {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: lighter;
	margin: 0 0 14px 0;
}

.calltoaction { color:#b2d231 ;}

.bigserif li {
	margin: 0 0 5px 30px;
}

p.worktext {
	width: 55%;
	margin-top: 10px;
}

#sidebar h3 {
	color: #b2d231;
}

/* menu styles */

li.menuitem a,
li.menuitem-off a,
ul.menu-submenu li a {
	/* border-bottom:1px solid #fff;  */
	padding: 5px;
	background: none;
	display: block;
}
li.menuitem a:hover,
li.menuitem-off a:hover,
ul.menu-submenu li a:hover {
	background: #fff;
	text-decoration: none;
	color:#333;
}

a#currentwork {
	background: #666;
	color: #eee;
}

#mainmenu ul li a {
	text-decoration: none;
	padding: 5px;
	display: block;
}

#mainmenu ul li a:hover,
#mainmenu ul li ul li a:hover {
	text-decoration: none;
	background: #eee;
	color:#333;
	padding: 5px;
	display: block;
}

.menu-submenu {
	display: none;
	margin-left: 20px;
	display: block;
}

.menu-submenu li a:before {
	content: "- ";
}

body#home a#portfolionav,
body#about a#aboutnav,
body#portfolio a#portfolionav,
body#archive a#archivenav,
body#clients a#clientsnav,
body#blog a#blognav,
body#contact a#contactnav,
body#signup a#contactnav,
body#signupconfirmed a#contactnav,
body#addProject a#addprojectnav,
body#viewPages a#viewpagesnav,
body#viewProjects a#viewprojectsnav {
	text-decoration: none;
	border-top:1px solid #b2d231;
	border-bottom:1px solid #b2d231;
	padding: 5px;
	display: block;
}

body#about a#aboutnav:hover,
body#portfolio a#portfolionav:hover,
body#clients a#clientsnav:hover,
body#blog a#blognav:hover,
body#contact a#contactnav:hover {
	color:#333;
}

li.menuitem {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#permanav {
	position: relative;
	top: 0px;
	width: 230px;
	height: 100%;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
	letter-spacing: 1px;
	z-index: 99;
	background: none;
}

#permanav a {
	text-decoration: none;
}

#navlogo {
	position: relative;
	float: left;
	margin: 15px 0px 20px -10px;
}

#mainmenu {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-left: -20px;
}



/*******************************/


/* DIV stylings */

.wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 940px;
	margin: 0 auto -60px auto;
	padding-left: 10px;
	/* margin: 0 0 -60px 0; /* the bottom margin is the negative value of the footer's height */
}

.footer {
	position: relative;
	top: 0px;
	left: 110px;
	width: 680px;
	font-size: 10px;
	line-height: 12px;
	border-top: #b2d231 solid 1px;
	padding: 5px 0 0 0;
	margin:0 auto;
	color: #ccc;
}

.footer, .push {
	height: 50px; /* .push must be the same height as .footer */
}


#topbar {
position: fixed;
width: 100%;
height: 25px;
top: 0px;
left: 0px;
}

#bigpic {
	position: relative;
	float: left;
	width: 680px;
	min-height: 500px;
	margin: 15px 0 15px 0;
	z-index: 1;
}

#bigpic-work {
	position: relative;
	float: left;
	width: 680px;
	min-height: 500px;
	margin: 15px 0 0px 0;
	z-index: 1;
}
div#nopicSpacer {
	position: relative;
	float: left;
	width: 680px;
	min-height: 5px;
	margin: 5px 0 0px 0;
	z-index: 1;
}

#bigpic-caption {
	position: relative;
	float: right;
	width: 670px;
	text-align: right;
	font-size: 12px;
	padding: 3px 6px 1px 2px;
	margin: -3px 0px 0px 0px;
	background: none;
	color: #b2d231;
	/* border-top: #ccc solid 1px; */
}

#leftcol {
	position: relative;
	width: 680px;
	margin-left: 240px;
	margin-bottom: 15px;
	height: auto;
	background: none;
}

#bodytext {
	position: relative;
	padding-bottom: 20px;
	margin-top: 0px;
	height: auto;
}

#addressblock {
	position: absolute;
	right: 0px;
	width: 130px;
}

.workexam,
.workexam-current {
position: relative;
float: left;
padding-right: 20px;
clear: both;
width: 150px;
}

.workexam-current {
	background: url(../img/littlearrow.png) no-repeat left;
	padding-left: 15px;
	margin-left: -15px;
}

/*** CONTACT PAGE ***/
#contact-details {
float: right;
}

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}
div.signup {margin-bottom: 10px;}
/*** ************ ***/

#bigpic2 {
	position: relative;
	float: left;
	left: 4px;
	top: -120px;
	width: 951px;
	height: 550px;
	z-index: 1;
}

#workpic {
	position: relative;
	float: left;
	margin: 10px 0px 10px 5px;
	border: 1px solid #dedede;
	z-index: 1;
}

#workdetails {
	position: relative;
	float: left;
	margin: 10px;
	width: 300px;
}

#leftcol-full {
position: relative;
float: left;
top: 45px;
width: 950px;
border-top: 1px solid #ddd;
}

#worklabel {
	background: #fff;
	padding: 15px 15px 15px 20px;
	width: 520px;
}
.border { float:left; height: auto; position: relative; padding: 0px; margin: 10px 0 15px 0; background: none; } 
#blinklogo { float: left; height: 50px; margin-right: 15px; }
#blinklogo-text { float: left; margin-top: 3px; vertical-align: bottom; }

.text-masker {
	background: #000; /* url(../img/home/grad1.jpg) center top; */
}

#rightcol {
	position: relative;
	float: right;
	top: 0px;
	right: 26px;
	width: 234px;
	text-align: left;
	z-index: 9;
	background: /* #efefef */ url(../img/blk7.png);
	color: #aaa;
	padding: 15px;
}

#rightcol2 {
	position: relative;
	float: right;
	margin-top: -15px;
	right: 10px;
	width: 500px;
	text-align: left;
	z-index: 9;
	background: #fff;
	color: #aaa;
	padding: 15px;
}

.smallimage {
	position: relative;
	float: left;
	top: 0px;
	padding-bottom: 20px;
}

#logo {
	position: absolute;
	width: 264px;
	height: 177px;
	float: right;
	top: 192px;
	right: 25px;
	z-index: 9;
}




#middlecol {
	position: absolute;
	float: left;
	top: 670px;
	left: 490px;
	width: 190px;
}



#column2 {
	position: relative;
	float: right;
	top: 17px;
	left: 0px;
	width: 120px;
}
.column2 h2 {
}



#sidebar {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 145px;
	padding: 10px;
	text-align: left;
	z-index: 9;
	background:  #1d1d1d;
	list-style-image: none;
}

#sidebar p {
	margin: 10px 0 0 0;
}

#sidebar h3 {
	font-weight: bold;
	margin: 10px 0 5px 0;
}

#sidebar ul,
#sidebar ul li,
#sidebar ul li ul,
#sidebar ul li ul li {
	margin: 0;
	padding: 0;
	left: 0px;
}

#sidebar ul li ul li a:before {
	content: "- ";
}

#searchform {
	margin: 0;
}


#profilebox {
position: relative;
float: left;
left: 40px;
margin-top: 28px;
width: 210px;
padding: 10px;
}

/* Below here be text styles */

div.post p.firstpara {
	font-size: 13px;
	color: #aaa;
}

div.post p {
	font-size: 13px;
	color: #dedede;
	margin-bottom: 15px;
}

div.post p a:link, div.entry a:visted {
	color: #b2d231;
	text-decoration: underline;
}
div.post p a:hover {
	color: #fff;
	text-decoration: underline;
}

div.post h1 {
	font-family: "museo-slab-1","museo-slab-2", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 21px;
	font-weight: 500;
	margin: 0 0 5px 0;
	color: #b2d231;
}
div.post h2 {
	font-family: "museo-slab-1","museo-slab-2", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 17px;
	font-weight: 500;
	margin: 0 0 5px 0;
	color: #b2d231;
}

div.post ul {
	margin-bottom: 10px;
}
div.post ul li {
	list-style: outside circle;
	font-size: 13px;
	margin-bottom: 5px;
	color: #dedede;
}

div.post ul li:before {
	content: "- ";
}

.header {
}

.subheader {
}
.date-header {
}

/* blog text styles */

.post {
	border-bottom:1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#blogcol {
	position: relative;
	width: 500px;
	margin: 0px 0 0px 240px;
	padding-top: 15px;
	padding-bottom: 120px;
	height: auto;
}

#blogcol img {
	margin: 10px 0 10px 0;
}
/*
#blogcol p {
	margin-bottom: 10px;
}
*/

.navigation {
	margin: 0 0 10px 0;
	position: relative;
	float: left;
	width: 100%;
	display: inline-block;
}
.navigation .alignleft,
.navigation .alignright {
	width: 50%;
	float: left;
}

.navigation .alignright {
	text-align: right;
}

.pagetitle {
}

.posttitle {
	font-family: "museo-slab-1","museo-slab-2", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0;
	font-size: 21px;
	font-weight: 500;
	color: #b2d231;
}

.posttitle a:link, .posttitle a:visited { color: #b2d231; text-decoration: none; }
.posttitle a:hover { color: #fff; text-decoration: none; }

.floater {
	position: relative;
	float: left;
}

.padright {
	margin-right: 10px;
}

.padtop {
	margin-top: 30px;
}

.post-taster a {
	color: #FFF;
}

.post-body,
.entry {
	padding: 10px 0 10px 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0px;
}

.post-body strong {
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.2px;
	color: #aaa;
}


.postmetadata {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
.post-footer {
border-bottom: solid;
border-bottom-width: 1px;
padding-bottom: 10px;
}


.interests {
margin: 0;
}

.price {
background: url(../img3/buttonfade.jpg) repeat-x;
padding: 5px;
color: #FFFFFF;
}

.boxoutheader {
color: #000;
}

/*** comment styles ***/

ol.commentlist {
	margin: 10px 0 15px 0px;
	padding: 0px 5px 0px 5px;
	background: #222;
	width: 400px;
}

ol.commentlist li {
	position: relative;
	left: 20px;
	width: 370px;
	border-bottom: #2d2d2d solid 1px;
	padding: 10px 0 11px 0px;
	margin-bottom: 5px;
}

ol.commentlist li img {
	position: relative;
	float: left;
	padding: 0px 20px 10px 10px;
	top: -7px;
}

ol.commentlist li p {
	margin-top: 10px;
	margin-left: 62px;
}