@charset "UTF-8";
/* Main CSS File
-- Created by Mark Stephenson
*/

body {
	background:#585858 url(images/bkg_tile.gif) repeat;
	color:#585858;
}

/*-- Structure 
--*/

#container {
	background-color:#ffffff;
	width:960px;
}

#header {
	display:block;
	height:112px;
}

#mainContent {
	float:left;
	margin:0 0 0 30px;
	width: 590px;
}

#mainContentLeftColumn {
	float:left;
}

#mainContentRightColumn {
	float:right;
}


#sidebar {
	float:right;
	margin:0 30px 0 0;
	width:280px;
}

#footer {
	clear:both;
}

/*-- Global styles 
*/
a { color:#2ca4e0; text-decoration:none;}

a:hover { color: #008ed5; text-decoration:underline;}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-weight:normal;
	margin: 0 0 25px 0;
}

p {
	margin: 1.25em 0 1.25em 0;
	padding:0;
	line-height: 140%;	
}

blockquote {
	margin: 1.25em 0 1.25em 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.left { float:left }

.right { float:right }

/*--MainContent styles 
*/

#mainContent h1.pagetitle {
	color:#ccc;
	padding: 1.5em 20px .5em 20px;
	margin: 0;
	font-size: 200%;
	background-color:#585858;
}

#mainContent h1.pagetitle .hilight{
	color:#fff;
}

/*-- Header styles 
*/

#mainTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 146.5%;
	position:absolute;
	left: 30px;
	top: 49px;	
	width:500px;
}

#mainTitle a { color:#585858; }
#mainTitle a:hover { color:#008ed5; text-decoration:none; }

.titleImage {
	margin:0;
	padding:0;
	display:block;
}

#sectionTitle {
	font-family: Helvetica, Arial, sans-serif;
	position:absolute;
	left: 30px;
	top: 93px;	
}

#sectionTitle a { color:#585858; }
#sectionTitle a:hover { color:#008ed5; text-decoration:none; }

#sectionTitle img {
	vertical-align: top;
	padding: 1px 0 0 2px;	
}

#header #mainNav { position:absolute; left:656px; top:49px;}

#mainNav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	color:#999999;
}

#mainNav ul li {
	display:inline;
	margin:0px 15px 0px 0px;
}

#mainNav a {
	color:#585858;
}

#mainNav a.current {
	color:#2ca4e0;
}

/*-- Footer styles 
*/

#footer {
	clear:both;
	display:block;
	background-color:#dedede;
	color: #666666;
	padding: 20px 20px 10px 20px;
}

#footer .col1, #footer .col2, #footer .col3 {
	width:280px;
	display:block;
	float:left;
}

#footer a { color:#000; }
#footer a:hover { color:#008ed5; }

#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size: 85%;
	margin: 0 0 1em 0;
}

#footer ul li {
	display:inline;
	margin:0px .5em 0px 0px;
}

#footer ul li a {
	margin: 0 .5em 0 0;
}

#footer p { font-size: 85%;}


/*-- Current Post
- used on main page
*/

#currentPost {
	background:#585858 url(images/mainPostBkg.gif) repeat-x;
	color:#fff;
	padding:20px 20px 0 20px;
	margin:0 0 0 0;
}

#currentPost a { color:#c7e7f7; }

#currentPost a:hover { color:#c7e7f7; }

#currentPost h1 a { color:#ccc; }

#currentPost h1 a:hover { color:#fff; } 

#currentPost .date { 
	font-size: 85%;
	margin:0 0 9px 0;
}


#currentPost .postFooter {
	border-top:solid 1px #707070;
	margin: 15px 0 0 0;
	padding: 10px 0 15px 0;
	font-size: 85%;
	line-height: 140%;
	color: #b5b5b5;
}

#currentPost .postFooter a {color:#fff;}

/*-- Post
*/

#post {
	background:#fff url(images/postBkg.gif) repeat-x;
	padding:20px 0 0 0;
	margin:0 0 0 0;
}

#post .date { 
	font-size: 85%;
	margin:0 0 9px 20px;
}

#post p, #post h1, #post h2 {
	margin-left:20px;
	margin-right:20px;
}

#post div.wp-caption {
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 2em;
}

#currentPost div.wp-caption {
	margin-bottom: 2em;
}


#post div.wp-caption p, #currentPost div.wp-caption p {
	margin: 10px 0 10px 0;
	padding:0;
	font-size: 85%;
}

#post ul, #currentPost ul {
	list-style: disc inside;
	margin: 1.25em 0 1.25em 40px;
	padding:0;
	line-height: 140%;	
}

#post h2, #currentPost h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin-top:2em;
	margin-bottom:.75em;
	font-size: 140%;
}

#post blockquote {
	padding: 1px 20px 1px 20px;
	background-color:#eee;
}

#post blockquote blockquote {
	background-color:#dedede;
}

#post blockquote p {
	margin-left:0;
	margin-right:0;
}

/* displays before PostFooter */
.sharing { 
	border-top:solid 1px #dedede;
	margin: 15px 0 0 0;
	padding: 0 10px 0 10px;
	font-size: 85%;
	line-height: 140%;
	color: #b5b5b5;
}


#post .postFooter, .archivePost .postFooter {
	border-top:solid 1px #dedede;
	margin: 10px 0 30px 0;
	padding: 10px 0 0 0;
	font-size: 85%;
	line-height: 140%;
	color: #b5b5b5;
}

#post .postFooter p {
	margin:0 0 1em 10px;
}

#post #postNavigation {
	background:#fff url(images/postnavigation_bkg.gif) repeat-x left bottom;
	clear:both;
	float:left;
	width: 590px;
}

#post #postNavigation .previous {
	width:275px;
	padding:10px;
	border-right:1px solid #fff;
	min-height:50px;
	float:left;
}

#post #postNavigation .next {
	width:274px;
	padding:10px;
	min-height:50px;
	float:right;
}

#postNavigation .previous img {
	float:left;
}
#postNavigation .previous p {
	margin:0 0 0 60px;
}

#postNavigation .next img {
	float:right;
}
#postNavigation .next p {
	text-align:right;
	margin:0 60px 0 0;
}


#comments {
	margin: 30px 0 30px 0;
	border-top: solid 1px #dedede;
}

#comments h2 {
	margin: 5px 0 10px 10px;
	font-weight:normal;
	font-size:108%;
	font-family: Helvetica, Arial, sans-serif;
	float:left;
}

#comments a.addComment {
	float:right;
	margin: 5px 10px 10px 0;
	padding-left: 13px;
	font-size:93%;
	background-image: url(images/addCommentIcon.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#comments .comment {
	margin: 0;
	padding:1px 0 1px 0;
	border-bottom: solid 1px #dedede;
	clear:both;
}

#comments .author {
	background-color:#46aee2;
	border-bottom: solid 1px #4a9dc6;
	color:#fff;
}

#comments .comment .userDetails {
	float:left;
	margin: 20px 0 20px 10px;
	width:159px;
}

#comments .comment .userDetails img {
	float:left;
}

#comments .comment .userDetails p {
	margin: 0 0 0 42px;
	font-size:85%;
}

#comments .author .userDetails a {
	color:#fff;
}

#comments .content {
	margin:20px 0 0 172px;
	font-size:98%;
	padding-right:10px;
}


#respond {
	margin: 30px 0 30px 0;
}

#respond h3 {
	float:left;
	margin: 5px 0 30px 10px;
	font-weight:normal;
	font-size:108%;
	font-family: Helvetica, Arial, sans-serif;
}

#respond #requiredMessage {
	float:right;
	margin: 5px 10px 10px 0;
	padding-left: 13px;
	font-size:85%;
}

#respond .formrow, ol.cf-ol li {
	clear:both;
	margin: .75em 0 .75em 0;
}

#respond p {
	margin-left:10px;
}


#respond .required {
	color:#FF0000;
}

#respond label, .cform label {
	text-align:right;
	display:block;
	float:left;
	width:145px;
	font-size:92%;
	margin-top: 4px;
}

#respond input, 
#respond textarea, 
.cform input,
.cform textarea,
.cform select {
	margin-left: 27px;
	border: 2px solid #dedede;
	padding:3px 4px 3px 4px;
	font-size:98%;
}

#respond input:focus, 
#respond textarea:focus,
.cform input:focus,
.cform textarea:focus,
.cform select:focus { border-color:#46aee2; background-color:#fffff0; }

#respond textarea,
.cform textarea {
	width:405px;
}

#respond #submit,
.cform input.sendbutton {
	margin-left: 169px;
	background: #fff url(images/postComment_but.gif) top left no-repeat;
	border:0;
	padding:0;
	width:125px;
	height:36px;
	color:#fff;
}

#respond #submit:hover,
.cform input.sendbutton:hover {
	background-position: top right;
}

#respond .formhelp, .cform .reqtxt, .cform .emailreqtxt {
	font-size:85%;
	margin-left: 20px;
}


/*-- Archive Lists 
*/
#archives {
	background:#fff url(images/postBkg.gif) repeat-x;
	padding: 20px 0 0 0;
}

.archivePost {
	margin: 0 20px 2em 20px;
}

.archivePost img {
	float:left;
}

.archivePost .archivePostContent {
	margin:0pt 0pt 1em 70px;
}

.archivePost .date {
	font-size: 85%;
	margin:0 0 5px 0;
}

.archivePost h2 {
	margin: 0 0 .5em 0;
	font-size: 123.1%;
	font-weight:normal;
}

.archivePost p {
	margin-top:0;
}

.archivePost .postFooter {
	margin-top: .5em;
}


/*-- Widgets
- all are 280px wide
- multiple classes applied i.e. class="widget specificClass"
*/

.widget {
	width:280px;
	margin: 30px 0 30px 0;
	border-top: solid 1px #dedede;
	clear:both;
}

.widget h2 {
	margin: 5px 0 10px 10px;
	font-weight:normal;
	font-size:108%;
	font-family: Helvetica, Arial, sans-serif;
}

.widget h3 {
	margin: 5px 0 5px 10px;
	font-weight:normal;
	font-size:100%;
}

.widget p {
	margin: 1em 0 1em 10px;
}

.widget .small {
	font-size:85%;
}

.widget ul {
	margin: 0 0 0 10px;
	font-size:93%;
}

.widget ul li {
	margin:0 0 .4em 0;
}

.widget .col1, .widget .col2 {
	float:left;
	width:140px;
	margin: 0 0 10px 0;
}


.widget .col1 h3, .widget .col2 h3 {
	margin-top:0;
	font-size:93%;
}


.numComments {
	color:#999999;
	font-size: 90%;
}

/* Widget - Categories
*/

#categories {
	float:left;
}

#categories ul li {
	float: left;
	width:130px;
}

/* Widget - Oleder Posts
*/

#olderPosts {
	clear:both;
}

/* Widget - About
*/

#about {
	margin: 0 0 30px 0;
}

#about img {
	float:left;
}

#about p {
	margin: 0 0 1em 64px;
	font-size: 90%;
	line-height: 1.2em;
}


/* Widget - Search
*/

#search { margin: 0 0 0 10px; }

#search #s {
	background:#fff url(images/search_bkg.gif) no-repeat left top;
	margin:0;
	padding:7px 5px 7px 5px;
	border:0;
	float:left;
	width:194px;
	height:16px;
	color:#b5b5b5;
}

#search #s:focus { color:#585858; background-position:right top; }

#search #searchsubmit {
	background:transparent url(images/search_but.gif) no-repeat scroll left top;
	border:0pt none;
	color:#b5b5b5;
	height:30px;
	width:66px;
	display:block;
	text-align:center;
	text-decoration:none;
}

#search #searchsubmit:hover { color:#fff; background-position:right top; }


#flickr p {
	font-size:85%;
}


/* Widget - Current Projects
*/
#currentProjects .project {
	margin: 0 0 20px 10px;
}

#currentProjects .project p {
	margin-left:0;
	font-size:85%;
}

ul.pastprojects {
	font-size:85%;
}


/* Widget - Current Projects
*/
#events table {
	margin: 0 0 0 10px;
	width:270px;
}

#events table thead td {
	font-size:85%;
	font-weight:normal;
	color:#999;
	text-align:left;
	padding: 0 0 3px 0;
}

#events table thead, #events table tr {
	border-bottom:dotted 1px #dedede;
}

#events table tr:hover {
	background-color:#f0f0f0;
}

#events table td.date {
	font-size:80%;
	padding: 5px 5px 5px 0;
	color:#585858;
}

#events table td.event {
	font-size:85%;
	padding: 5px 5px 5px 0;
	color:#585858;
}

#events table td.status {
	font-size:85%;
	padding: 5px 0 5px 0;
}

a.notattending {
	text-decoration:line-through;
}

/* Widget - Links
*/
#blogroll li {
font-size: 95%;
}

#sidebar .message {
	margin-left:10px;
	font-size:85%;
	color:#666666;
}

/* Search Results 
*/

#mainContent .post {
	margin: 0;
	padding:1px 0 1px 0;
	border-bottom: solid 1px #dedede;
	clear:both;
}

#mainContent .post h3 {
	font-size:108%;
	margin-bottom:5px;
}

#mainContent .post p.postmetadata {
	margin-top:0;
	font-size:85%;
	color:#585858;
}

#mainContent .post p {
	margin-top:0;
}

#searchresults #search {
	margin-left:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */