/*   
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
*/


/* PROMO BUTTON */
#coupon {
    border: 2px solid #CC0000;
    color: #FFFFFF;
    left: -61px;
    padding-bottom: 15px;
    padding-top: 11px;
    position: fixed;
    text-align: center;
    top: 275px;
    z-index: 100000;
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17, sizingMethod='auto expand');zoom: 1;
    background-color: #800000;
    background-image: -moz-linear-gradient(top, #800000, #550000);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #800000),color-stop(1, #550000));
    background-image: -webkit-linear-gradient(#800000, #550000);
    background-image: linear-gradient(top, #800000, #550000);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#800000', EndColorStr='#550000');
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 2px 4px #000;
    -webkit-box-shadow: 0px 2px 4px #000;
    box-shadow: 0px 2px 4px #000;
}
#coupon:hover { left: -50px; }
#coupon a.promo,#coupon a:hover {
    padding: 20px;
    color:#fff;
    font-size:24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold;
}





/* Main css */
body { background: #e2ddb5; font: 12px Verdana, "Trebuchet MS", Tahoma, Arial; margin:0; padding:0; }

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

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

h1,h2,h3,h4,h5,h6 { Verdana, "Trebuchet MS", Tahoma, Arial; }
h1 { font-size: 34px color: #000; }
h1 a, h1 a:visited { display: block; color: #9c0000; }
h1 a:hover { color: #e32222; text-decoration: none; }

h2 { font-size: 24px; color: #000; font-weight:normal; }
h2 a, h2 a:visited { color: #9c0000; text-decoration:none; }
h2 a:hover { color: #e32222; }
h2.post-title,h2.post-title a { }

h3 { font-size: 24px; color: #333; font-weight:normal; }
h3 a { color: #9c0000; }
h3 a:hover { color: #e32222; }

h4,h5 { color: #333; font-size: 20px; }
h4 { text-decoration: underline; }
h5 { font-weight: bold; }

.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: 72px; 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 */
/* 
#bf4040; 
#7C0000
#f7e0e0
#ded6ae
text-shadow:0 1px 0 rgba(230,84,84,.6); 
text-shadow:0 1px 0 rgba(245,100,100,.9); 
text-shadow:0 1px 0 rgba(230,100,100,.9);
0 1px 0 #dd6f6f; 
*/

#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; color: #333; background:#F4F5D2; }
#slider2 h2, .postsnip p { margin:10px; }
#slider2 h2.posttitle, #slider2 h2.posttitle a { font-size:16px; font-weight:bold; }

.posttitle a { color:#790000; }
.posttitle a:hover { color: #333; }

#slidewrap { margin:5px 10px 5px 20px; width:573px; clear:both; position:relative; border:1px dashed; border-color:#7c0000 #c5b59b #7c0000 #c5b59b; }
#slidewrap p { color:#311818; }

#slider li, #slider2 li { width:573px; 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{ padding:0px; height:28px; position: absolute; right:0; top:101px; }
ol#controls li { margin:0 12px; padding:0; float:left; list-style:none;}
ol#controls li a { background:#bf4040; color:#fff; border:solid #7C0000; padding:8px 15px; text-decoration:none; border-width:0 1px 1px 1px; }
ol#controls li.current a { background:#790000; border:solid #de5756; border-width:0 1px 1px 1px; color:#fff; text-shadow:0 1px 0 #dd6f6f; font-weight: bold; margin-top:5px!important; }
ol#controls li a:focus, #prevBtn a:focus, 
#nextBtn a:focus { outline:none; }


/* CONTENT */
#content h1 { margin:0 auto; font-size:34px;}
#content .post h2 {font-size: 24px; padding:0; margin:0; }
#content h3 { font-size:18px; }
#content .post h4 { font-size:16px; margin:0; padding:0; }
#content h4 { font-size: 16px; margin:10px 0 0 10px; padding: 5px 20px; background:#fff; }
#content h5 { margin: 0 0 12px 2px; font-size:14px; }
#content-bg { padding: 10px 0px; background: #e2ddb5; overflow: hidden; }

/* content background images */
#boxcenter { 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; }
.post a { color: #790000; font-weight: bold; }

.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 { border-bottom:1px dotted #827171; display:inline-block; padding:12px 0 0; width:555px; }

.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; text-decoration:none; }
h2.post-head a:hover { color: #790000; }

.post-author { float:left; font:12px Arial, Verdana; color:#9C7373; margin:5px 0; }
.post-author a { color:#730F0F; text-decoration:none; }
.post-author a:hover { color:#D50000; }

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

.post-footer { background: #fff; margin: 0px; width: 585px; } /* 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: 20px; 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:0; 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; font: 11px Verdana, Arial, Helvetica, sans-serif; }

.foot-posts { width:303px; float: left; margin-right: 15px; }
.foot-posts { list-style: none; margin: 0; padding: 0; }
.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:400px; text-align:right; float: right; }

#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; }

/* 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: 660px; float: left; margin: 0px; padding: 0px; overflow: hidden; }
#navbarright { background: #630000 url(images/bg-h2-sidebar.png) top left repeat-x; height: 33px; width: 300px; float: right; margin-left: 2px; margin-right: 20px; padding: 2px 20px 0 0; margin-top: -70px; }

#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; }
#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: 10px 0 0 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; }

/* WP-Pagenavi */

.wp-pagenavi { margin:12px 0 15px 0; clear: both; }

.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #e11e1e; padding: 3px 10px; margin: 2px; 
	color:#f8e5d3; text-shadow:0 1px 0 #035a8a; 
	border-top:1px solid #500000;
	border-left:1px solid #990000;
	border-right:1px solid #992222;
	border-bottom:1px solid #890000;
	background-image: -moz-linear-gradient(top, #990000, rgba(121,0,0,.9) );
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #990000),color-stop(1, rgba(121,0,0,.9) ));
}

.wp-pagenavi span.current { font-weight:bold; }

.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #790000; color:#fff; text-decoration:none!important; 
background-image:-moz-linear-gradient(top,#e11e1e ,rgba(200,85,85,.8));
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e11e1e),color-stop(1,rgba(200,85,85,.8) )); }

.widget .ngg-widget, .ngg-widget-slideshow { margin:0; overflow:hidden; padding:6px 0 6px 15px!important; text-align:left; }
.widget .ngg-widget img { border:2px solid #A9A9A9; margin:6px!important; padding:0; }

/* Alignments & WP Links */
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
img.aligncenter, img[align="center"] { margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; }
img.alignleft, img[align="left"] { float:left; margin:0 10px 10px 0; }
.alignright { float: right; }
img.alignright, img[align="right"] { float:right; margin:0 0 10px 10px; }

/* Floats & Clears */
.fr { float: right; display: inline-block; } /* .floatright */
.fl { float: left; display: inline-block; } /* .floatleft */
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } /*.clear */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }


.edit-post a { font-size: 10px; color: #999!important; float:right; }

/* Related posts */
#crp_related { background: #790000!important; }
#crp_related h3 { }
#crp_related ul { }