/*  
Theme Name: Eric Parks.com v2
Theme URI: http://ericparks.com
Description: Wordpress theme for ericparks.com.
Version: 2.0
Author: Eric Parks
Author URI: http://ericparks.com/
*/


/******************* Global Layout Styles *******************/
html {
margin: 0;
padding: 0;
}

body {
font: 1em Tahoma, Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: #353535;
}

.sitemargin {
margin: 0 auto;
width: 960px;
}

#header {}

.home-header {
background-color: #9B0000;
padding: 5px 0 25px 0;
background-image: url(images/home-header.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

.secondary-header {
background-color: #9B0000;
padding: 5px 0 25px 0;
background-image: url(images/secondary-header.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

.portfolio-header {
background-color: #131313;
padding: 0 0 30px 0;
background-image: url(images/portfolio-header.png);
background-position: bottom center;
background-repeat: no-repeat;
}

#content {
background-color: #FFF;
min-height: 400px;
}

.portfolio-wrapper #content {
background-color: #353535;
color: #FFF;
}

#innercontent {
padding: 20px 0;
*padding-top: 10px 0; /* IE7 hack to fix double padding */
}

#footer {
font-size: .7em;
padding: 5px 0;
color: #000;
}

#lower-section {
background-color: #A3D3E1;
min-height: 200px;
padding: 10px;
color: #000;
border-top: 1px solid #8BB7C1;
}

.portfolio-wrapper #lower-section {
background-color: #666;
border-top: 1px solid #888;
}

.clear {clear: both;}
img {border: 0;}
.left, .alignleft {float: left; margin-right: 10px;}
.right, .alignright {float: right; margin-left: 10px;}
.center, .aligncenter {margin: 0 auto 15px auto; display: block;}


/******************* Navigation Styles *******************/
#navbar {
float: right;
}

.navlist, .subnav {
list-style: none;
text-transform: uppercase;
text-align: right;
margin: 0;
padding: 15px 0 0 0;
}

.navlist li, .subnav li {
line-height: 1.8em;
}

.navlist li a, .subnav li a {
font-size: 1.7em;
color: #FFF;
font-family: Helvetica Nue, Helvetica, Arial, Sans-Serif;
font-weight: bold;
}

.navlist li a:hover, .subnav li a:hover {
color: #FFC571;
}

.navlist .current a, .navlist .current a:hover, .subnav .current a, .subnav .current a:hover   {
color: #A3D3E1;
}

#homelink {
padding-top: 7px;
}

.subnav {
padding: 30px 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari hack to adjust padding */
			.subnav {padding: 20px 0 0 0; }
		}

.portfolio-wrapper .subnav {
padding: 5px 0 0 0;
}

.portfolio-wrapper .navlist li, .portfolio-wrapper .subnav li {
line-height: 1.8em;
display: inline;
padding-left: 10px;
}

.portfolio-wrapper .navlist li a, .portfolio-wrapper .subnav li a {
font-size: 1em;
color: #FFF;
font-family: Helvetica Nue, Helvetica, Arial, Sans-Serif;
font-weight: bold;
}

.portfolio-wrapper .navlist li a:hover, .portfolio-wrapper .subnav li a:hover {
color: #FFC571;
}

.portfolio-wrapper .navlist .current a, .portfolio-wrapper .navlist .current a:hover, 
.portfolio-wrapper .subnav .current a, .portfolio-wrapper .subnav .current a:hover   {
color: #A3D3E1;
}


/******************* Font Styles *******************/
h1, h2, h3 {
font-family: Helvetica, Tahoma, Verdana, sans-serif;
}

h1 {
display: block;
margin: 0 0 2px 0;
padding: 0 0 2px 0;
font-size: 1.2em;
line-height: 100%;
clear: both;
color: #000;
border-bottom: 1px dotted #666;
}

#innercontent h2 {
font-size: 1.1em;
color: #000;
margin: 0 0 2px 0;
}

#horz-sidebar h2 {
font-size: 1em;
color: #000;
border-bottom: 1px dotted #6D827B;
margin-bottom: 5px;
}

.portfolio-wrapper #horz-sidebar h2 {
color: #fff;
border-bottom-color: #222;
}

h3 {
font-size: .9em;
color: #000;
margin: 0 0 2px 0;
}

p {
line-height: 150%;
margin: 0 0 20px 0;
font-size: .9em;
padding: 0;
}

a {
color: #BA0000;
text-decoration: none;
}

a:hover {
color: #fb0000;
}

.portfolio-wrapper a {
color: #A3D3E1;
}

.portfolio-wrapper a:hover {
color: #FFC571;
}


/******************* Post Styles *******************/
.post {
margin: 0 0 30px 0;
}

#innercontent .calendar {
float: left;
clear: left;
background: url(images/calendar.jpg) no-repeat left top;
width: 50px;
height: 55px;
margin: 0 10px 0 0;
}

#innercontent .calendar .month {
display: block;
clear: both;
text-align: center;
font-size: 14px;
color: white;
font-weight: bold;
margin-bottom: 0;
}

#innercontent .calendar .date {
display: block;
clear: both;
text-align: center;
font-size: 30px;
color: #393939;
font-weight: bold;
margin-bottom: 0;
line-height: 32px;
}

#innercontent .post .links {
display: block;
clear: both;
background-color: #FAFAFA;
border-top: #E2DBD8 1px dotted;
border-bottom: #E2DBD8 1px dotted;
color: #444;
padding: 3px 10px;
font-size: 80%;
}

#innercontent .post .author, #innercontent .post .author2 {
font-size: 75%;
display: block;
height: 15px;
line-height: 15px;
margin: 5px 0 25px 60px;
background: url(images/author.png) no-repeat left top;
padding-left: 25px;
}

#innercontent .post .author2 {
margin: 5px 0 25px 0;
background: url(images/author.png) no-repeat left top;
padding-left: 25px;
}

#innercontent .post .links a {
text-decoration: none;
color: #666666;
}

#innercontent .post .links a:hover {
color: #666666;
border-bottom: dotted 1px #666666;
}

#innercontent .post .links .comment {
background: url(images/comment.png) no-repeat left center;
padding: 5px 20px;
float: left;
}

#innercontent .post .links .feed {
background: url(images/feed.png) no-repeat left center;
padding: 5px 20px;
float: left;
}

#innercontent .post .links .cat {
background: url(images/categories.jpg) no-repeat left center;
padding: 5px 20px;
float: left;
}

#innercontent .post .links .tags {
background: url(images/tags.jpg) no-repeat left center;
padding: 5px 20px;
float: left;
}

#innercontent blockquote {
background: url(images/block_bg.gif) no-repeat left top;
margin:5px 0 5px 20px;
padding-left:30px;
padding-top:5px;
color: #666;
}

#innercontent blockquote blockquote {
background: url(images/block2_bg.gif) no-repeat left top;
margin: 5px 0 5px 20px;
padding-left:30px;
color: #666;
}

#innercontent ul {
font-size: .9em;
margin: 10px 0 20px 10px;
line-height: 150%;
}

#innercontent ol {
font-size: .9em;
margin: 10px 0 20px 15px;
line-height: 150%;
}


/******************* Horz Sidebar & Widget Styles *********************/

#horz-leftsidebar, #horz-middlesidebar, #horz-rightsidebar {
width: 305px;
margin: 0;
padding: 0;
list-style: none;
float: left; 
}

#horz-leftsidebar, #horz-middlesidebar {
margin: 0 20px 0 0;
}

.widget {
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}

.widget ul {
margin: 0 0 0 15px;
padding: 0;
font-size: .9em;
}

.widget ul li {
list-style-type: disc;
padding: 1px 0;
}

#s {
margin: 0 5px 0 0;
float: left;
width: 260px;
background-color: #F3F3F1;
border: 1px solid #6D827B;
padding: 4px 4px 3px 4px;
}

#send-btn {
margin: 0 0 0 10px;
}


/******************* Gallery Styles *********************/
.gallery-icon {
float: left;
display: inline;
margin: 12px;
}

.gallery-icon2 {
float: left;
display: inline;
margin: 12px 9px 12px 9px;
}

.gallery-icon img, .gallery-icon2 img, .thumbnail-post img {
border: 5px solid #000;
}

.gallery-icon img:hover, .gallery-icon2 img:hover, .thumbnail-post img:hover {
border: 5px solid #ba0000;
}

.gallery-item {
margin: 0;
padding: 0;
}

#innercontent .gallery-caption {
display: none;
}


/**************** Comment  Styles ******************/	
#commentsection {
width: 100%;
background-color: #e1e1e1;
border-top: 1px solid #CCC;
color: #666;
}

#commentscontainer {
padding: 20px;
}

#commentscolumn {
float: left;
width: 100%;
margin: 0 -410px 0 0;
padding: 0 0 20px 0;
min-height: 350px;
_height: 350px;
}
		
#commentwrap {
background-color: #CCC;
width: 350px;
padding: 10px;
float:right;
border: 1px solid #b9b9b9;
}

#commentwrap p {
margin: 3px 0;
}

.comments {
padding:0;
margin: 15px 410px 0 0;
}

.item, .altitem, .authoritem, .specialguestitem {
margin: 0;
padding: 15px 0;
border-top: 1px solid #b9b9b9;
}
		
.commentlist {
padding:0;
margin: 10px 430px 0 0;
}

#commentform small {}
	
.commentlist li {
list-style: none;
border-bottom: 1px dotted #b9b9b9;
margin-bottom: 10px;
}
		
.commentlist .alt {}		
.author .commententry {}
.commententry {}

.commentlinks {
font-size: 80%;
}
		
.commententry blockquote {
font-size: 80%;
}
		
#author, #email, #url, #comment { 
border: 1px solid #b9b9b9;
padding: 2px;
background-color: #f2f2f2;
}

.authorname {
font-size: .8em;
font-weight: bold;
font-family: font-family: Helvetica, Tahoma, Verdana, sans-serif;
}

#commentsection a {
color: #ba0000;
}

#commentsection a:hover {
color: #ba0000;
}

.commentmetadata {
font-size: .7em;
}

#comment {
width: 340px;
height: 200px;
margin: 10px 0;
}

.numComments {
margin:0 0 1em 0;
padding:0;
font-size: 80%;
}


/************************************* Portfolio Area *************************************/	
.project {
margin-bottom: 20px;
}

.portImageArea {
padding: 0;
width: 430px;
float: left;
background-color: aqua;
}

.portDescription {
padding: 0;
float: left;
width: 470px;
}

.container ul {
padding: 0;
margin: 10px 0;
}

#maintab {
width: 960px;
margin: 10px auto 0 auto;
padding: 0;
min-height: 26px;
}

#maintab li {
float: left;
margin: 0 5px 0 0;
font-size: 110%;
}

#maintab li a {
float: left;
text-decoration: none;
color: #FFF;
padding: 6px 10px 5px 10px;
}

.highslide {
cursor: url(/javascript/highslide/graphics/zoomin.cur), pointer;
outline: none;
}

.highslide-caption {
display: none;    
}

.highslide-display-block {
display: block;
}

.highslide-display-none {
display: none;
}

.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
}

a.highslide-credits, a.highslide-credits i {
display: none;
}

a.highslide-credits:hover, a.highslide-credits:hover i {
display: none;
}
/************************************* End Portfolio Area *************************************/	

/************************************* Contact Modal *************************************/

/* Overlay */
#smcf-overlay {background-color:#000; cursor:wait;}

/* Container */
#smcf-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#smcf-container .smcf-content {background-color:#333; color:#ddd; height:40px;}
#smcf-container .smcf-cc {font-size:.9em; cursor:default;}
#smcf-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#smcf-container .smcf-loading {position:absolute; background:url(images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#smcf-container .smcf-message {text-align:center;}
#smcf-container .smcf-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto;}
#smcf-container br {clear:both;}
#smcf-container form {padding:0; margin:0;}
#smcf-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#smcf-container .smcf-input {float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; width:300px; font-size:.9em;}
#smcf-container textarea {height:114px; font-size:.9em;}
#smcf-container div.smcf-top {height:13px; background:url(images/form_top.gif) no-repeat; padding:0; margin:0;}
#smcf-container div.smcf-bottom {height:13px; background:url(images/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#smcf-container div.smcf-bottom a,
#smcf-container div.smcf-bottom a:link,
#smcf-container div.smcf-bottom a:active,
#smcf-container div.smcf-bottom a:visited {position:relative; top:-6px; text-decoration:none; color:#666;}
#smcf-container div.smcf-bottom a:hover {color:#888;}
#smcf-container .smcf-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#smcf-container .smcf-send {width:50px; background:url(images/send.png) no-repeat;}
#smcf-container .smcf-cancel {width:65px; background:url(imagescancel.png) no-repeat;}
#smcf-container a.modalCloseX,
#smcf-container a.modalCloseX:link,
#smcf-container a.modalCloseX:active,
#smcf-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; right:8px; color:#999;}
#smcf-container a.modalCloseX:hover {color:#9bb3b3;}
iner .smcf-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#smcf-container .smcf-send {width:50px; background:url(images/send.png) no-repeat;}
#smcf-container .smcf-cancel {width:65px; background:url(imagescancel.png) no-repeat;}
#smcf-container a.modalCloseX,
#smcf-container a.modalCloseX:link,
#smcf-container a.modalCloseX:active,
#smcf-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; right:8px; color:#999;}
#smcf-container a.modalCloseX:hover {color:#9bb3b3;}