/*  
Theme Name: Clark Dever Photo
Theme URI: http://www.michaelrichardmurphy.com/
Description: Modified 3 column minimalist theme with Widget Support
Version: 1.0
Author: Michael Richard Murphy
Author URI: http://www.michaelrichardmurphy.com/
Tags: three-columns, white, fixed-width, left-sidebar, right-sidebar, widgets
*/

body {
	background:#fff;
	text-align:center;
	font-family:Arial,sans-serif;
}
#container {
	margin:0 auto;
	text-align:left;
	width:1024px;/*960px;*/
}
	#header {
		/*position:fixed;
		z-index:100;*/
		margin:0;/* auto;*/
		/*padding:20px 0 10px;*/
		padding:20px 0 10px 25px;
		width:1024px;/*830px;*/
		/*height:145px;
		background:url(http://clarkdever.com/images/gradient.png);*/
	}
		#header #logo {
			float:left;
			margin:10px;
		}
		.title {
			float:left;
			/*margin:30px 0 0 30px;*/
			margin:30px 0 0 48px;
			font-size:4.5em;
			text-transform:uppercase;
			letter-spacing:-4px;
			width:630px;
		}
		#header h2 {
			float:left;
			/*margin:0 0 0 30px;*/
			margin:0 0 0 50px;
			font-size:1.4em;
			text-transform:uppercase;
			width:630px;
		}
		#header a:link, #header a:visited {
			color:#000;
			text-decoration:none;
		}
		#header a:hover, #header a:active {
			color:#000;
			text-decoration:none;
		}

#sidebar {
	float:left;
	width:226px;
	padding:7px;
}
	#sidebar .widget {
		font: 14px/21px Times,'Times New Roman', serif;
	}
	#sidebar .widget h2 {
		margin-bottom:5px;
		font: 26px arial, sans-serif;
	}
		#sidebar a:link, #sidebar a:visited {
			color:#000;
			text-decoration:underline;
		}
		#sidebar a:hover, #sidebar a:active {
			color:#fff;
			text-decoration:none;
			background:#000;
		}
	#sidebar .widget ol, #sidebar .widget ul {
		margin-top:0;
		margin-left:15px;
		list-style-type:none;
	}
		#sidebar .widget ol li, #sidebar .widget ul li {
			padding-bottom:4px;
			list-style:none;
		}
		#sidebar .widget_twitter ol li, #sidebar .widget_twitter ul li {padding-bottom:12px;}
#content {
	float:left;
	width:706px;
	/*padding:7px 7px 275px 7px;*/
	padding:25px 7px 7px;
}

/* FOOTER */
#sub-footer {padding-bottom:75px;}
	#sub-footer img {
		float:left;
		margin-right:10px;
		border:2px solid #ccc;
	}
	#sub-footer h2 {
		margin-bottom:.10em;
		font-size:2.6em;
		font-weight:normal;
	}
	#sub-footer p {
		font: 16px/21px Times,'Times New Roman', serif;
	}
#footer {
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
	width:100%;
	border-top:1px solid #ccc;
	background:#fff;
	-webkit-box-shadow: 0 -1px 15px rgba(0,0,0,.25);
	-moz-box-shadow: 0 -1px 15px rgba(0,0,0,.25);
	box-shadow: 0 -1px 15px rgba(0,0,0,.25);
}
	#footer #ftr {
		margin:0 auto;
		width:960px;
		text-align:left;
	}
	#footer #ftrlogo {
		float:left;
		width:165px;
		padding-top:6px;
		text-align:center;
	}
		#footer #ftrlogo img {
			width:50px;
			height:41px;
		}
	#ftrContent {
		float:left;
		width:795px;
	}
	#footer ul {
		margin:0 0 0 25px;
		/*float:left;*/
	}
		#footer li {
			float:left;
			list-style:none;
			font-size:2.6em;
			border-right:1px solid #ccc;
		}
			#footer li.last {border-right:none;}
		#footer li a {
			display:block;
			padding:10px 20px;	
		}
			#footer li a:link, #footer li a:visited {
				color:#000;
				background:#fff;
				text-decoration:none;
			}
			#footer li a:hover, #footer li a:active {
				color:#000;
				background:#f1f1f1;
				text-decoration:none;
			}
.clear {clear:left;}

#contact-form {
	float:left;
	padding-right:20px;
	border-right:2px dotted #999;
}
	#contact-form label {
		float:left;
		display:block;
		width:100px;
	}
	#contact-form label.required {}
	#contact-form label.top {
		float:none;
		padding-bottom:3px;
	}
	#contact-form textarea {margin-left:25px;}
	#contact-form p.submit {text-align:right;}
	#contact-form .wpcf7-response-output {width:275px;}
	#contact-form .wpcf7-not-valid-tip {width:auto;}
#contact-info {
	float:left;
	margin-left:20px;
}
	.vcard {}
		.vcard .org {
			font-weight:bold;
		}
		.vcard .fn {display:none;}
		.vcard .tel:before {content:"ph. ";}
		
/* YUI CSS Reset and Base */
/* reset.css, part of YUI's CSS Foundation */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* base.css, part of YUI's CSS Foundation */
body {
	font-size:0.625em; /*10px via YUI Fonts CSS foundation*/
}
h1 {
	font-size:2.4em; /*24px via YUI Fonts CSS foundation*/
}
h2 {
	font-size:1.8em; /*18px via YUI Fonts CSS foundation*/
}
h3 {
	font-size:1.6em; /*16px via YUI Fonts CSS foundation*/
}
p {font-size:1.6em;}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}		



/* EXISTING THEME STYLESHEETS */
.post {
	border-bottom: 1px solid #999;
	margin-bottom: 44px;
	padding-bottom: 11px;
	font: 16px/21px Times,'Times New Roman', serif;
}

.post h1, .post h3, .comments h3 {
	font: 26px arial, sans-serif;
	letter-spacing: -1px;
	margin: 0;
	font-weight:bold;
}
h3.contentheader a:link, h3.contentheader a:visited {
	color:#000;
	text-decoration:underline;
}
h3.contentheader a:hover, h3.contentheader a:active {
	color:#fff;
	background:#000;
	text-decoration:none;
}

.post a:link, .post a:visited {
	color:#000;
	text-decoration:underline;
}
.post a:hover, .post a:active {
	color:#fff;
	text-decoration:none;
	background:#000;
}
.content div.wp-caption a {background:none;}

.post .date {
	/*font: 18px arial, sans-serif;*/
	font: 18px Times, 'Times New Roman', serif;
	text-align: right;
	margin-bottom: 15px;
}

.post h2 {
	font: 24px arial, sans-serif;
	letter-spacing: -1px;
}

.post p {
	/*font: 16px/21px arial, sans-serif;*/
	font: 16px/21px Times,'Times New Roman', serif;
	letter-spacing: 0px;
	margin-bottom: 22px;
	text-align: justify;
}

.wp-caption {
	margin: 5px auto 22px;
	border: 1px solid #888;
	background: #F0F0F0;
	padding: 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wp-caption img {
	padding: 5px;
}

.wp-caption-text {
	text-align: left;
	border-top: 1px solid #888;
	padding: 5px;
	/*font: 14px arial, sans-serif !important;*/
	font: 14px Times, 'Times New Roman', serif !important;
	margin: 0 !important;
	color: #444;
}

.postinfotext {
	/*font: bold 14px arial, sans-serif;*/
	font: bold 14px Times, 'Times New Roman', serif;
}

.postinfotext a {
	/*font: 14px arial, sans-serif; !important;*/
	font: 14px Times, 'Times New Roman', serif; !important;
}

.comments-link {
	float: right;
	padding: 5px;
	border: 1px solid #888;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	top: -24px;
}

/* Comments */
div.comments {padding-top:15px;}
div.comments a:link, div.comments a:visited {
	text-decoration:none !important;
	background:none !important;
}
ol#commentlist {
	margin: 30px 0 10px;
	list-style-type: none;
}

#commentlist li {
	margin: 0 0 20px 50px;
	border: 1px solid #888;
	padding: 8px 10px 0px;
	min-height: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 493px;
	background: #F2F2F2 url(images/commentbg.png) no-repeat;
}
	#commentlist div.clear {clear:both;}
#commentlist li.alt {
	margin: 0 0 20px 50px;
}

#commentlist li .avatar {
	float: left;
	margin: 1px 10px 10px 0;
}

.comment-author {
	/*font: 15px georgia, serif;*/
	font: 15px Times, 'Times New Roman', serif;
	margin: 0 0 10px;
	float: right;
	width: 420px;
}

#comment-text {
	min-height: 37px;
}

#commentlist li p {
	/*font: 14px arial, sans-serif;*/
	font: 14px Times, 'Times New Roman', serif;
	margin: 0 0 10px;
	float: right;
	width: 420px;
}

#commentlist li cite {
	display: block;
	/*font: 11px georgia, serif;*/
	font: 11px Times, 'Times New Roman', serif;
	text-align: center;
	float: right;
	border: 1px solid #888;
	background: #CCC;
	padding: 3px 6px;
	position: relative;
	top: 1px;
	color: #000;
}

#postcomment {
	/*font: 22px arial, sans-serif;*/
	font: 22px Times, 'Times New Roman', serif;
	height: 32px;
}

#no-comments {
	/*font: 18px arial, sans-serif;*/
	font: 18px Times, 'Times New Roman', serif;
	padding: 30px 0 60px;
	text-align: center;
}

#commentform {
	padding: 0 0 20px;
}

#commentform label {
	/*font: 13px arial, sans-serif;*/
	font: 13px Times, 'Times New Roman', serif;
}

#commentform input[type="text"] {
	margin-top: 5px;
	/*font: 14px arial, sans-serif;*/
	font: 14px Times, 'Times New Roman', serif;
}

#commentform textarea {
	margin-top: 5px;
	/*font: 14px arial, sans-serif;*/
	font: 14px Times, 'Times New Roman', serif;
	/*width: 630px;
	height: 100px;*/
}

#commentform #submit {
	/*float: right;*/
	margin-top: 5px;
	margin-left:325px;
	padding: 5px;
	border: 1px solid #888;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Gallery Layout */

.grid {
	clear: both;
	list-style-type: none;
	margin: 0 0 27px;
}

ul.grid {
	margin-left:0px !important;
	border:none;
}

.horiz {
	height: 129px;
}

.vert {
	height: 205px;
}

.grid li {
	float: left;
	padding:5px 0;
}

.grid li a img {
	border: 1px solid #000;
}

.grid li.mid {
	margin: 0 27px;
}

.grid li.mid2 {
	margin: 0 28px 0 0;
}


/* IMAGE LINKS AND PORTFOLIO IMAGES */
/* we don't want these images to have the black background rollovers */
#sidebar #text-2 a:hover, #sidebar #text-2 a:active,
	div.wp-smugmug a:hover, div.wp-smugmug a:active {
		background:none;
		color:#000;
}
.wp-smugmug ul.thumbwrap a:hover img {
	border: 1px solid rgb(204, 204, 204);
	background:none;
}