/*
THEME NAME: MelissaEvans
AUTHOR: SunRoom
*/

/* CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     line-height: 0;
     content: " ";
     clear: both;
     height: 0;
     width: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* RESETS */
img {border:0;}
* {margin:0;padding:0;}
:focus {outline:0;}
.strong {font-weight:bold;}
.black {color:black;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;line-height:1.35em;}
h1 {font-family:Arial Narrow;font-size:48px;padding-bottom:15px;color:#000;}
h2 {font-size:23px;padding-bottom:15px;color:#000;}
h3 {font-size:18px;padding-bottom:15px;color:#000;}
h4 {font-size:25px;padding-bottom:10px;}
h5 {font-size:15px;padding-bottom:5px;}
h6 {font-size:13px;font-weight:bold;padding-top:2px;padding-left:2px;margin-bottom:5px;width:300px;background:black;color:white;}

p {padding-bottom:15px;}
hr {border:none;border-top:1px solid #BDB39E;margin-bottom:15px;}
a {color:#707070; text-decoration:none;}
a:hover {text-decoration:underline;}
b,strong {font-weight:normal;color:#555555}
.alignleft {float:left;}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {float:right;}

/* LAYOUTS & BACKGROUNDS */
body {
	background:white;
	font:14px/1.35 Georgia, serif;
	color:#000;
	border-top:16px solid black;
	padding-bottom:10px;
}

#header {
	width:960px;
	margin: 0 auto;	
	position:relative;
}

#header .content {
	height:141px;
	background:url(images/bg-melissa-evans-melissa-clifton.png) no-repeat;
}

#content {
	width:960px;
	margin:0 auto;	
}

#content .content {
}


/* TWO COLUMN LAYOUT */

.two-col {

}

.two-col > div.left {
	width:560px;
	float:left;
}

.two-col > div.right {
	width:400px;
	float:left;
}


/* FOOTER */

#footer {
	background:url(images/bg-footer.png) repeat-x;
	text-align:center;
	padding-top:53px;
	color:#000;
}

#footer p {
	padding-bottom:5px;
	margin:0;
}

#footer a {
	color:#000;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/* LISTS */

#main-nav {
	position:absolute;
	top:0px;
	right:0px;
	padding-top:8px;
	background:url(images/bg-nav.png) no-repeat;
}

#main-nav li {
	display:inline;
}

#main-nav li a {
	font-style:italic;
	padding:0 20px;
	color:#000;
	text-decoration:none;
}

#content ol {
	margin-left:30px;
	padding-top:10px;
}

#content ol li {
	padding-left:5px;
	padding-bottom:15px;
	font-size:30px;
}

#content ol li p {
	font-size:14px;
}


#content ul.indent {
	margin-left:30px;
}

#content ul {
	padding-bottom:15px;
}

#content ul li {
	list-style:none;
	padding-left:12px;
	padding-bottom:3px;
	/* background:url(images/bullet-square.png) no-repeat 4px 9px;	 */
}

#content ul.tick li {
	padding-left:28px;
	padding-bottom:10px;
	background:url(images/icon-tick.png) no-repeat 3px 1px;	
}

#content ul.links li {
	padding-left:50px;
	padding-bottom:15px;
}

#content ul.links li a {text-decoration:underline;}


ul.three-col-grid li {
	margin-right:10px;
	padding-left:0 !important;
	float:left;
	width:310px;
	height:200px;
}

ul.three-col-grid li h2 {
	font-size:13px;
	font-weight:bold;
	padding:2px 2px 0;
	margin:5px 0;
	background:black;
	color:white;
}

ul.three-col-grid li h2 a {
	color:white;
}
/* SPECIAL STYLES */

.home #header .content, .page-id-17 #header .content {
	height:30px;
	background:none;
}

.homepage .two-col > div.left {padding-top:140px;}

.contact .two-col > div.left {width:320px;padding-top:60px}
.contact .two-col > div.right {width:640px}

.links .two-col > div.left {width:360px}
.links .two-col > div.right {width:600px; padding-top:100px;}

.about .two-col > div.left {width:320px;padding-top:60px}
.about .two-col > div.right {width:640px}

.tutorials .two-col > div.left {width:640px;}
.tutorials .two-col > div.right {width:320px}

#content.tutorial {width:1040px;}
.tutorial .two-col > div.left {width:730px;margin-right:10px;}
.tutorial .two-col > div.right {width:300px}

.portfolio h3, .tutorials h3 {
	width:650px;
	margin-left:310px;
}
#content.portfolio {padding-top:30px;}
.portfolio h1 {padding-top:30px;}
.portfolio .three-col-grid {padding-bottom:70px !important;}

#content.blog {	background:url(images/bg-blog-top.png) repeat-x; padding-top:30px; }
.blog .two-col > div.left {width:620px;margin-right:40px;}
.blog .two-col > div.right {width:300px}
.blog h4 {font-size:26px; padding-top:10px;}
.blog h4 a {color:black;}
.blog .left .post-date {float:left;border-right:1px solid #EBEBEB;font-size:18px;padding:10px 15px 10px 0;width:60px;text-align:right;margin-top:20px;}
.blog .left .post-date > div {font-size:24px;}
.blog .left .post-entry {margin-left:110px;}
.blog .left .post-entry img {padding:3px; border:1px solid #EBEBEB;margin-left:20px;margin-bottom:10px;}
.blog .left .post-entry h4 {font-size:30px;}




h1 em {font-family:Georgia;font-size:38px;color:#EBEBEB;}


a.sunroom {
	background:url(images/sunroom-nelson-web-design.png) no-repeat 2px 6px;
	padding:5px 0 5px 93px;
	color:#555555;
	text-decoration:none;
}

a.sunroom:hover {text-decoration:none;}

fieldset {
	padding:10px;
	margin-bottom:20px;
}

.tutorial-links {text-align:right;}


fieldset .ngg-galleryoverview {
	width:580px;
	margin:0 auto;
}

.right .popular-articles h5 {
	font-family:Arial, Sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
	padding-left:5px;
}

.right .popular-articles li {
	list-style:none;
	margin:0 10px;
	padding:0;
	border-top:1px solid #CFCFCF;
}

.right .popular-articles li a {
	color:#333;
	text-decoration:underline;
	padding-top:13px;
	display:block;
}

.right .popular-articles li img {
	float:left;
	margin:10px 10px 10px 0;
}

.bottom object {
	margin:25px 25px 0 25px;
}

fieldset object {
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}