/******* Structure *******/

* {
	margin: 0;
	padding: 0;
}

body {
font-family: Helvetica, arial, san-serif;
font-size: 76%;
line-height: 1.6em;
	color: #444;
	background-color: #fff;
	text-align: center;
}

#nonfooter, #footer {
clear: both;
	width: 800px;
	text-align: left;
	margin: 0 auto;
}

#footer { margin-top: 50px; padding: 50px 0 20px 0; font-size: .8em; color: #a6a6a6; line-height: 1.4em; }
#footer p { clear: both; margin: 0;}
#footernav { margin: 0; }
#footernav li { float: left; margin-right: 12px;  }
#footer a { color: #a6a6a6; }
#footer a:hover { color: #369; }

.pcontent, .scontent {
  float: left;
  margin-top: 10px;
}
.pcontent {
  width: 520px;
}
.scontent {
  margin-left: 30px;
  width: 250px;
}

p {
  margin-bottom: 1em;
}

.floatleft { float: left; }
.floatright { float: right; }
.halfwidth { width: 49%; }

/* lists */
ul {
	clear: both;
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
}
.contentarea  li {
	margin: 0 0 .5em 0;
	background: url(/workspace/images/template/bullet-green.gif) 0px 5px no-repeat;
	padding-left: 14px;
}


/******* links *******/
a {
padding: 0;
	color: #415d51;
}
.contentarea a:hover {
color: #fff;
	background-color: #718e82;
}
a.nobg:hover {
  background-color: #fff;
}

/* header */
#header {
	height: 80px;
	padding: 40px 0 0 0;
	margin: 0;
}
.logo {
	float: left;
}
h1.logo, h1.logo img{
	margin: 0;
	padding: 0;
	border: 0;
}
#ccBanner {
	padding: 2px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin-bottom:35px;
}

/* images */
img {
	border: 0;
}
a:hover img {
	background-color: #fff;
}


/* main nav */
#mainnav {
	float:right;
	margin: -2.7em 0 2px 0;
	padding: 6px 0;
	text-align:left;
	list-style-type: none;
	font-weight: bold;
}
#mainnav li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 5px;
	font-size: 85%;
	text-transform: uppercase;
}
#mainnav li.firstchild {
	padding-left: 0;
}
#mainnav a {
	color: #666;
	text-decoration: none;
	padding: 5px;
}
#mainnav a:hover, .portfolio #mainnav .navportfolio a, .lab #mainnav .navlab a, .photography #mainnav .navphotography a, .notebook #mainnav .navnotebook a, .about #mainnav .navabout a {
	background-color: #415d51;
	color: #fff; 
}


/* headers */
h2.nice { border-bottom: 1px solid #dedede;  margin-top: 2em; }

h2.magtitle {
        text-transform: uppercase;
	font-family: Helvetica, Arial, san-serif;
	margin: 0 0 1em 0;
	color: #fff;
	background-color: #415d51;
	font-size: 1.6em;
	line-height: 1em;
	padding: .25em .5em;
	width: auto;
	display:table;
}

h3.nice { border-bottom: 1px solid #dedede;  margin-top: 2em; }

h3.magtitle {
	font-family: Helvetica, Arial, san-serif;
	margin: 1.5em 0 .75em 0;
	color: #415d51;
	font-size: 1.2em;
	line-height: 1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }


/******* Comment Form *******/
#post-comment { clear: both; margin-top: 50px; }
#commentform { width: 400px; background-color: #f4f4f4; padding: 10px 0; border: 1px solid #dedede; }
#commentform fieldset { border: 0; }
#commentform label { display: block; margin-left: 10px; }
#commentform input, #commentform textarea { display: block; width: 350px; margin: 0 0 10px 15px; }
#commentform #submit { width: 150px; }


/******* Comments *******/

#comments { margin-top: 50px; }
dl.comment {
	border-top: 1px dotted #333;
	padding-top: 10px;
	margin-bottom: 20px;
}

dl.comment dt {
	float: left;
	width: 150px;
	text-align: right;
	padding-bottom: 5px;
}

dl.comment dt small {
	display: block;
	color: #bbb;
	font: 85% Helvetia, Sans-serif;
}

dl.comment dd {
	padding-left: 15px;
	margin: 0 0 10px 180px;
}
.comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 { font-family: Georgia, serif; font-size: 1em; color: #900; }

.thumb { border: 1px solid #dedede; margin: 0 0 4px 3px; padding: 3px; }

.thumb:hover, .sfhover { background-color: #369; }
.thumb img { width: 75px; height: 75px; }
.home img.firstchild { margin-left: 0; }

img.hBorders {
	margin: 1em 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

img.imgstyle { border: 1px solid #dedede; padding: 9px; }

/* quotes */
blockquote {

	clear: both;
	margin: 2em 0 2em 0;
	padding: 0 35px 0 35px;
	font-size: 90%;
	background: url(/workspace/images/template/left-quote.gif) top left no-repeat;
}
cite {
	display: block;
	margin: .5em 0 0 0;
	color: #900;
	font-weight: bold;
}
p.focusarea {
	background-color: #D8EBD8;
	color: #fff;
	padding: 1.3em;
}

p.takeaction {
	padding: 5px;
	border-left: 5px solid #900;
	background-color: #f2f2f2;
}

.callout { margin-bottom: 20px; border: 1px solid #dedede; background-color: #f4f4f4; padding: 15px; }




/* individual pages */
body.portfolio .pcontent { width: 470px; }
body.portfolio .scontent { width: 300px; }
body.bentley-website .pcontent, body.welcom .pcontent { width: 450px;}
body.rose-paving .pcontent, body.cat-bowling .pcontent, body.leprekong .pcontent { width: 409px;}
body.rose-paving .scontent, body.cat-bowling .scontent, body.leprekong .scontent { width: 361px;}
body.cat-bowling .scontent { background: url(/workspace/images/portfolio/witch-bg.gif) 160px -20px no-repeat;}
body.cat-bowling #catbowloffset { z-index: 5; position: relative; top: -22px; left: -45px;}
body.notebook h2.magtitle { margin-bottom: 0; }
body.notebook p.date { margin: 0 0 15px 0; color: #a6a6a6; }
body.notebook .more-info { font-size: 80%; color: #a6a6a6; margin: 0 0 45px 0; border-bottom: 1px solid #dedede; }
body.photography .pcontent img { border: 1px solid #dedede; padding: 9px; }


/* home page */

.hEntryFull { width: 99%; border-bottom: 1px solid #fff; margin-bottom: 2em; }
.hEntry { float: left; width: 45%; padding-right: 10px; font-size: .8em; text-align: justify;}
.hEntryFull p { font-family: Helvetica, Arial, san-serif; font-size: 1em; line-height: 1.5em; }
span.entrydate { font-size: .8em; color: #a6a6a6; }
.home h3{ font-family: Helvetica, Arial, san-serif; font-size: 1em; margin-top: 0; color: #405d51; }
.home .more-info { font-size: 80%; color: #a6a6a6; margin: 0 0 25px 0; border-bottom: 1px solid #dedede; }
.home .portfolio p { font-family: Helvetica, Arial, san-serif; font-size: 1em; line-height: 1.5em; padding:9px }
.home .portfolio { margin-bottom: 25px; }



/*contact form */
#contactform textarea, #contactform input { width: 200px; }
#contactform label, #contactform #submit { display: block;  margin-top: 10px; }
#contactform { padding: 10px; background-color: #f4f4f4; border: 1px solid #dedede; }
#contactform fieldset { border: 0; }

/* ie hacks */
*html .scontent { margin-left: 19px; }
*html .home .scontent { margin-left: 18px; }
*html #footernav { border: 1px solid #fff; }