/*   
Theme Name: Candles
Theme URI: http://portcandle.com/
Description: The Port Candle custom theme.
Author: Jared Williams
Author URI: http://tweeaks.com/
Version: 1.0
*/
/* Main css */
body { background: #e2ddb5; font: 12px Verdana, "Trebuchet MS", Tahoma, Arial; margin:0; padding:0; }

a {color: #790000; text-decoration: underline; outline:none; }
a:visited {color:#790000; text-decoration: underline; }
a:hover { color:#ed1c24; text-decoration: none; }

img { border: none; }
.postarea img {	max-width: 490px; height: auto; }
p {padding: 0 0 15px; margin: 0px; }
.clear { clear:both; }

h1 { margin:0 auto; font: 34px "Times New Roman", Times, serif;	clear: both; }
h1 a, h1 a:visited { display: block; color: #9c0000; }
h1 a:hover { color: #e32222; text-decoration: none; }

h2 a, h2 a:visited { color: #9c0000; text-decoration:none; }
h2 a:hover { color: #e32222; text-decoration: none; }

h3 { font: normal 140%/100% Verdana, "Trebuchet MS", Tahoma, Arial; color: #736357; margin: 10px 0 0 5px; }
h3 a { color: #534741; }
h3 a:hover { color: #534741; }

h4 { }
h5 { color: #534741; margin: 0 0 12px 2px; font: 24px Georgia, "Times New Roman", Times, serif; padding :5px 15px; }
.clear { clear:both; }
hr.clear { clear:both; visibility: hidden; margin: 0; padding: 0; }
blockquote { border-left:1px solid #534741; padding:0 0 0 10px; }
small { font-size: 10px; }

/* MAIN STRUCTURE */
#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #e2ddb5;
}
#header {
	width: 100%;
	background: #630000 url(images/bg-header-b.png) top left no-repeat;
	overflow:hidden;
	height: 157px;
	margin: 0 auto;
	padding: 0;
}
#header .logo-image {
	margin: 10px 10px 0 30px;
	float: left;
	width: 272px;
	height: 140px;
}
#header .logo-image a {
	display:block;
	color: #083b71;
	text-decoration: none;
	background: url(images/PC-logo-b.png) no-repeat;
	width: 272px;
	height: 140px;
}
#header h3 {
	color:#E2DDB5;
	float:right;
	font-family:"Times New Roman",Times,serif;
	font-size:20px;
	font-weight:normal;
	margin:5px auto;
	position:relative;
	right:60px;
	text-align:center;
	top:90px;
}

/* SLIDER */
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	background:#fff;
}
h2.posttitle, .postsnip p {margin:10px;}
#slider2{margin:5px 10px 5px 20px; width:575px;}
#slider li, #slider2 li{
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:575px;
	height:105px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}
/* numeric controls */	
ol#controls{
	margin:-40px 0px 20px 475px;
	padding:0px;
	height:28px;	
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#790000;
	color:#fff;
	padding:0px 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#d90900;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* CONTENT */
#content h1 { margin:0 auto; font:34px Georgia, "Times New Roman", Times, serif; clear:both; }
#content .post h2 {font: 24px Arial, Helvetica, sans-serif; padding:10px 0px; margin:0px; width:auto; }
#content h3 { font:normal 22px Verdana, "Trebuchet MS", Tahoma, Arial; }
#content .post h4 { font:18px Verdana, "Trebuchet MS", Tahoma, Arial; margin:0; padding:0; }
#content h4 { font:22px Verdana, "Trebuchet MS", Tahoma, Arial; margin:10px 0 0 10px; padding: 5px 20px; background:#fff; }
#content h5 { margin: 0 0 12px 2px; font: bold 14px Georgia, "Times New Roman", Times, serif; }
#content-bg { padding: 10px 0px; background: #e2ddb5; overflow: hidden; }

/* content background images */
#boxcenter {
/*	background:url() repeat-y; */
	width: 100%;
	clear: both;
	height:100%;
	overflow:hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* post content area */
.xbox {
	display: block;
	border-width:0 1px;
	overflow: hidden;
	height: 100%;
	padding: 5px 10px;
}

.post { width: 100%; margin-left:10px; }
.entry { background: #ffffff; width: 95%; padding: 0px 10px; margin: 0; }
.entrypages { background: #ffffff; width: 98%; padding: 10px 10px; margin: 0; overflow:hidden; }

/* column controls */
#content { padding:0; float: left; width: 595px; overflow: hidden; height: 100%; }
#sidebar { float: left; width: 340px; height: 100%; color: #362f2d; background: #ffffff; overflow: hidden; margin: 5px 0 0 15px; padding-top: 5px; } 

.post-head { width: 100%; clear: right; padding-bottom: 5px; border-bottom: 1px solid #790000; }

.post-head p.post-comments a { background: url(images/bg-comments.png) no-repeat left top; padding: 7px; float: right; width: 94px; height: 32px; margin: 17px 0 0 0; font-size: 10px; text-decoration: none; color: #ffffff; }
.post-head p.post-comments a:hover { text-decoration: underline; }

h2.post-head a { color: #9c0000; margin-top:18px; }
h2.post-head a:hover { color: #790000; }

.post-author { padding-right:5px; font:12px Arial, Helvetica, sans-serif; color: #999; }
.post-author a { color: #999; }
.post-author a:hover { color: #000; }

.post-content {	clear: both; padding-top: 20px; line-height: 18px; }

.post-footer { background: #fff; margin: 0px; width: 566px; } /* Controls the footer and Post-Cat */
.post-footer a { color: #ffffff; text-decoration: underline; }
.post-footer a:hover { color:#efd6d6; text-decoration: none; }

#content .post-cat { 	
	background: url(images/bg-post-foot.png) top left no-repeat;
	margin: 0;
	margin-left: -12px;
	padding: 10px;
	overflow: hidden;
	height: 45px;
	width: 172px;
	font-size: 11px; 
	color: #ffffff;
}

.post-calendar { background: url(images/i-calendar.gif) no-repeat left center; padding-left: 20px; float: right; font-size: 95%; color: #999999; }

/* rss feed message bottom of post */
.feet-rss {
	background: #fff url(images/rss-feed.png) no-repeat left top;
    background-position: 15px 7px;
	border-top: 0px solid #7EB7E4;
    padding: 15px 50px 5px 80px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 23px;
	color: #444;
	height:60px;
}
.feet-rss a { color:#3166d2!important; }
.feet-rss a:hover { color:#000b4c!important; }

.page-nav {	width: 100%; }
.nav-previous { padding-left: 8px; font-weight: bold; float: left; }
.nav-next { padding-right: 8px; font-weight: bold; float: right; }

/* FOOTER */
#footer { background: #530000; margin:0 auto; padding: 10px; width: 100%; overflow: hidden; color: #e2ddb5; }
.foot-posts { width: 250px; float: left; margin-right: 15px; }
ul.foot-posts { list-style: none; margin: 0; padding: 0; }
ul.foot-posts li { padding: 5px 5px 5px 15px; margin: 0; background: url(images/bullet3.png) no-repeat left center; }
.foot-tags { width: 600px; text-align: center;	margin: 0 auto; }
.foot-rightbox { width: 300px; float: left; margin-top: 20px; }
#footer a, #footer a:visited { color: #e2ddb5; font: 11px Verdana, Arial, Helvetica, sans-serif; margin:0 5px; text-decoration: underline; }
#footer a:hover { color: #9e0b0f; text-decoration:none; }

/* SEARCH FORM */
.searchinput input:hover { background: #efd6d6; height: 18px; border: 1px solid #ff7f29; color: #530000; padding-left:5px; padding-top: 5px; font-size: 14px; }
.go { background: #530000 url(images/btn-search.png) no-repeat; padding: 0; width: 23px; height: 24px; border: none; }
.go:active { background: #530000 url(images/btn-hsearch.png) no-repeat; padding: 0; width: 23px; height: 24px; border: none; }
/* end Search form */

/* SIDEBAR */
#sidebar h2, #sidebar .sidebartitle {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 0 2px;
	border-bottom: 1px hidden #736357;
	background: #630000 url(images/bg-h2-sidebar.png) top left repeat-x;
	padding: 10px 0 10px 10px;
	color: #f7f3e7;
	font-weight: bold;
}
/*sidebar LINK styles */
#sidebar a, #sidebar a:visited { color: #9c0000; font-size: 12px; text-decoration: none; }
#sidebar a:hover { color: #330000; text-decoration: none; }

/*sidebar LIST level 1 */
#sidebar ul { margin: 0; padding: 0; margin-bottom: 23px; }
#sidebar ul li { list-style: none; margin: 0; padding: 0; border: none; }
/*sidebar LIST level 2 */
#sidebar ul li ul { padding: 0; }
#sidebar ul li ul li { padding: 4px 0 4px 10px; }
/*sidebar LIST level 3 */
#sidebar ul li ul li ul li { padding: 1px 0 1px 10px; border: none; }

/* ####### Sidebar Widget Classes ######## */
.widget { color: #362f2d; font-size: 12px; padding: 4px 0 4px 10px; }

/*blogroll */
ul.list-blogroll li { }
/*category widget */
ul.list-cat li, li.widget_categories li { }
/*archives widget */
ul.list-archives li, li.widget_archives li { }
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li { }
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li { }
.widget_recent_entries { }
.widget_recent_comments { }
/*calendar widget */
li.widget_calendar td {	padding: 1px 7px; }
/*text widget */
.widget_text { margin-top: 10px; }
.textwidget { color: #362f2d; font-size: 12px; padding: 4px 0 4px 10px; }
.login-avatar img { padding: 4px 0 4px 10px; }

/* End SIDEBAR */


/* NAVBAR */
#navbar {
	background: #630000 repeat-x left top;
	width: 100%;
	height: 37px;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EFEFEF;
	font-weight: bold;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	margin-top: -2px;
}

#navbarleft { height: 35px; width: 60%; float: left; margin: 0px; padding: 0px; overflow: hidden; }
#navbarright { background: #630000 url(images/bg-h2-sidebar.png) top left repeat-x; height: 37px; width: 300px; float: right; margin-left: 2px; margin-right: 20px; padding: 2px 20px 0 0; margin-top: -35px; }

#nav { margin: 0px; padding: 0px; }
#nav ul { float: left; list-style: none; margin: 0px; padding: 0px; }
#nav li { float: left; list-style: none; margin: 0px; padding: 0px; }

#nav li a, #nav li a:link, #nav li a:visited {
	color: #ece8c6;
	display: block;
	font-size: 16px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
   	margin: 0px;
	padding: 9px 15px 8px 15px;
}
#nav li a:hover, #nav li a:active { background: #d90900; color: #ffffff; border: none; margin: 0px; padding: 9px 15px 8px 15px; text-decoration: none; }


#nav li ul { z-index: 9999; position: absolute; left:-999em; height: auto; width: 170px; margin: 0px; padding: 0px; }
#nav li ul a { background:#790000; margin-top:-2px!important; width:170px; padding:0px;}
#nav li ul a:hover, #nav li ul a:active { background:#d90900; }

#nav li ul ul {	margin: -32px 0 0 171px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, 
#nav li.hover ul ul, #nav li.sfhover ul ul ul { left: -999em;	 }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.sfhover { position: static; }


/*Page Nav 2 I dont know what for though */
#content .wp-pagenavi { text-align:center; height:25px; font:bold 11px Arial, Helvetica, sans-serif; line-height:24px; }
#content .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active { padding: 3px 8px 3px 8px; margin: 2px; text-decoration: none; color: #fff; line-height:24px; background-color: #0b66c8; }
#content .wp-pagenavi a:hover { color:#fff; background-color: #08376e; }
#content .wp-pagenavi span.pages { padding: 3px 8px 3px 8px; margin: 2px 2px 2px 2px; }
#content .wp-pagenavi span.current { padding: 3px 8px 3px 8px; margin: 2px; line-height:25px; font-weight: bold; color: #fff; background:#52ae1f; }
#content .wp-pagenavi span.extend { padding: 3px 8px 3px 8px; margin: 2px; color: #fff; line-height:25px; background-color: #314332; }


/* COMMENTS */
#the-comments { background: #fff; margin-left: 10px; padding:0 10px; }
.form-allowed-tags { display:none; }
.comment-form-comment label { margin: 0 10px; }
.alt { background: #f4f3eb top repeat-x; } /* alternating comment backgrounds */

.comment-name { margin-top: 2px; margin-left: 10px; padding-top: 4px; }
.comment-name a { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000b4c; margin-top: 2px; padding-top: 4px; text-decoration: none; }
.comment-name a:hover { color: #3166d2; }

.commentmetadata a { color: #39599c; font-size: 10px; text-decoration: none; margin-left: 10px; }
.commentmetadata a:hover { color: #3166d2; text-decoration: underline; }

.commentlist { list-style: none!important; list-style-type: none!important; }
.commentlist p {  color: #000; font-size: 12px; margin-left: 60px; border-top: 1px dotted #000b4c; }
.commentlist ul { padding-left: 15px; padding-top: 15px; list-style: none!important; }
.commentlist ul li { padding-left: 10px; margin-left: 0px; }

/* COMMENTS AREA */
#comments-wrap h6 { font-size: 20px; }
.comment-head { width: 100%; height: 60px; margin-top: 2px; }

.commentlist .avatar { margin-left: 2px; margin-top: 2px; width: 50px; float: left; clear: right; 	padding-right: 3px; padding-bottom: 3px; }

/* COMMENT FORM */
.textarea { border: 1px solid #d90900; background: #fff; width: 300px; color:#790000; }
.textarea:hover { border: 1px solid #ff807a; background: #e8e8e8; width: 300px; }
.comment-button { border:none; font:bold 11px Arial, Helvetica, sans-serif; padding:4px; width:120px; background:#790000; color:#fff; }
.comment-button:hover { border:none; background:#18b7e8; color:#fff; }


/* ALIGNMENTS - Center - Left - Right */
.aligncenter { text-align: center; }
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin-right: 10px; }
img.left, img[align="left"] { float:left; margin: 2px 10px 5px 0; }

.alignright { float: right; margin-left:10px; }
img.right, img[align="right"] { float:right; margin: 2px 0 5px 10px; 2