/*  
Theme Name: Caridad
Theme URI: http://www.sizzle-designs.com
Description: A custom theme designed for Caridad Pineiro Paranormal and Romantic Suspense Author by <a href="http://www.sizzle-designs.com">Sizzle Designs</a>
Version: 1
Author: Sizzle Designs
Author URI: http://www.sizzle-designs.com
*/

/*COLOURS*/
/*
White: #F0EBED
Black: #0B0401
Red: #5F3642
Light Red: #AF7687
Light Light Red: #d0b0ba
*/



/* ---------- @ Inherited Styles -----------*/

@import url('css/nav.css');




/*-----the reset----- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline: 0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background: transparent;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {background-color:#AF7687;margin:0 30px;padding:10px;quotes:"" "";border:1px dashed #AF7687;}
blockquote p{margin-bottom:0px;}
a img {border:none;}
.clear {clear:both;}
.left{float:left;}
.right{float:right;}
.centered{text-align:center; padding-bottom: 20px;margin:auto; display:block;}
p{text-align:justify;margin-bottom:18px;}
ul, ol{list-style-position:outside; margin-bottom:18px;}
a, img{outline:none;}
a{text-decoration:none;}
body{font-size:.95em;font-family:Century Gothic, Apple Gothic, Helvetica, Arial, sans-serif;line-height:1.5em;background-color:#0B0401;color:#F0EBED;}
h1,h2,h3,h4,h5,h6{color:#d0b0ba;line-height:1.5em;clear:both;font-family:Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;margin-bottom:8px;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

#wrapper{width:950px; margin: auto;background-image:url(images/bgimage.jpg);background-repeat:no-repeat;background-color:#100505;border-color:#000;border-width:0 3px;border-style:solid;}
#main{margin-bottom:50px;overflow:auto;}


/*------the logo-----*/

#logo{clear:both;background-image:url(images/logo.png);background-repeat:no-repeat;text-indent:-5000px;margin:30px 0;height:136px;}
#logo h1{padding:0;margin:0;}
#logo h1 a{height:130px; display:block;padding:0;margin:0;}
#logo h2{height:6px;display:block;padding:0;margin:0;}


/*-----the left sidebar -----*/

#leftsidebar{float:left;margin:20px;width:210px;}
#leftsidebar ul{background:url(images/blackbg.png);padding:10px;}
#leftsidebar ul ul{background:transparent;}
#leftsidebar li{list-style-type:none;padding-bottom:36px;}
#leftsidebar li a, #leftsidebar #events-list a{color:#AF7687;}
#leftsidebar li a:hover, #events-list a {background-color:#5F3642;color:#F0EBED;}
/*#leftsidebar .widget li{margin-left:10px;border-bottom:1px solid #AF7687;padding-bottom:0;}
#leftsidebar .widget li a{display:block;padding:10px;color:#AF7687;}*/
#leftsidebar .widget li{margin-left:10px;border-bottom:1px solid #AF7687;padding:10px;}
#leftsidebar .widget li a{color:#AF7687;}
#leftsidebar .widget li a:hover{background-color:#5F3642;color:#F0EBED;}
#leftsidebar .widgettitle{color:#F0EBED;margin-bottom:16px;position:relative;font-size:20px;border-bottom:1px solid #F0EBED;}
#leftsidebar .textwidget{margin-left:10px;}
#leftsidebar li.recentcomments{padding:10px;display:block;}

/*-----the right sidebar -----*/

#rightsidebar{float:left;margin:20px;width:210px;}
#rightsidebar ul{background:url(images/blackbg.png);padding:10px;}
#rightsidebar ul ul{background:transparent;}
#rightsidebar li{list-style-type:none;padding-bottom:36px;}
#rightsidebar li a{color:#AF7687;}
#rightsidebar li a:hover{background-color:#5F3642;color:#F0EBED;}
#rightsidebar .widgettitle{color:#F0EBED;margin-bottom:16px;font-size:20px;border-bottom:1px solid #F0EBED;}
/*#rightsidebar .widget li{border-bottom:1px solid #AF7687;padding-bottom:0;}
#rightsidebar .widget li a{display:block;padding:10px;color:#AF7687;}*/
#rightsidebar .widget li{margin-left:10px;border-bottom:1px solid #AF7687;padding:10px;}
#rightsidebar .widget li a{color:#AF7687;}
#rightsidebar .widget li a:hover{background-color:#5F3642;color:#F0EBED;}
#rightsidebar .textwidget{margin-left:10px;}
#rightsidebar .searchtitle{color:#F0EBED;margin-bottom:16px;font-size:20px;border-bottom:1px solid #F0EBED;}
#rightsidebar .searchbox .textinput{width:100px;height:22px;vertical-align:top;}
#rightsidebar .searchbox .button{background-image:url(images/searchbtn.jpg);height:30px;width:78px;border:none;float:right;}
#rightsidebar li.recentcomments{padding:10px;display:block;}

/*-----the home page-----*/

#homecontent{width:420px;float:left;padding:15px;background:url(images/blackbg.png);margin-top:20px;margin-left:20px;}
#homecontent ul{margin-left:30px;}
#homecontent ul li{margin-bottom:8px;list-style-image:url(images/bullet.png);}
#homecontent a, #homesidebar a{color:#AF7687;border-bottom:1px dashed #AF7687;}
#homecontent a:hover, #homesidebar a:hover{color:#cda9b3;border-color:#cda9b3;}
#homesidebar{width:400px;float:right;margin-top:20px;margin-right:20px;}
#homesidebar p{clear:both;padding:15px;background:url(images/blackbg.png);overflow:auto;margin-bottom:50px;}
#homesidebar p img{border:2px solid #0B0401;}
#homesidebar .serif{font-family:Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;font-size:18px;}
#homesidebar .left{margin-top:0px; width:250px;}


/*-----the inside content -----*/

#blogcontent{width:420px;float:left;padding:15px;background:url(images/blackbg.png);margin-top:20px;}
#blogcontent .title{width:360px;}
#blogcontent h2 a{color:#F0EBED;border-bottom:1px solid #F0EBED;margin-bottom:16px;font-weight:normal;display:block;}
#blogcontent h2 a:hover{color:#5F3642;}
#blogcontent ul, #blogcontent ol{margin-left:20px;}
#blogcontent ul li{margin-bottom:8px;list-style-image:url(images/bullet.png);}
#blogcontent a{color:#AF7687;border-bottom:1px dashed #AF7687;}
#blogcontent a:hover{color:#5F3642;border-color:#5F3642;}
#blogcontent .post{margin-bottom:36px;padding-bottom:36px;}
#blogcontent .postcomments {background-image:url(images/commenticon.png); height:30px; width:37px; background-repeat:no-repeat;}
#blogcontent .postcomments a{border:medium none;color:#AF7687;float:right;line-height:22px;margin-right:15px;}
#blogcontent .postcomments a:hover{color:#d0b0ba;}
#blogcontent .date{font-size:90%; color:#5F3642;}
#blogcontent .entrymeta{background-color:#180E11;border-bottom:1px ridge #301B21;border-top:1px groove #301B21;clear:both;padding:10px;}
#blogcontent .entrymeta a {border:none;}
#blogcontent .navigation a {border:none;}
#blogcontent .nomargin{margin:0;}

.breadcrumb{width:875px;padding:15px;background:url(images/blackbg.png);margin:20px;color:#5F3642;}
#breadcrumbs {list-style-type:none;margin-left:0;margin-bottom:18px;}
#breadcrumbs li{position:relative;float:left;margin-right:10px;}
#breadcrumbs li a{border:none;color:#F0EBED;}
#breadcrumbs li a:hover{color:#AF7687;}

#pagecontent{width:687px;padding:15px;background:url(images/blackbg.png);margin:20px;}
#pagecontent .title{width:360px;}
#pagecontent h2 a{color:#F0EBED;border-bottom:1px solid #F0EBED;margin-bottom:16px;font-weight:normal;display:block;font-size:32px;}
#pagecontent h2 a:hover{color:#5F3642;}
#pagecontent ul, #blogcontent ol{margin-left:20px;}
#pagecontent ul li{margin-bottom:8px;list-style-image:url(images/bullet.png);}
#pagecontent a{color:#AF7687;border-bottom:1px dashed #AF7687;}
#pagecontent a:hover{color:#dec6cd;border-color:#dec6cd;}

#fullpagecontent{width:875px;padding:15px;background:url(images/blackbg.png);margin:20px;}
#fullpagecontent .title{width:360px;}
#fullpagecontent h2 a{color:#F0EBED;border-bottom:1px solid #F0EBED;margin-bottom:16px;font-weight:normal;display:block;font-size:32px;}
#fullpagecontent h2 a:hover{color:#5F3642;}
#fullpagecontent ul, #blogcontent ol{margin-left:20px;}
#fullpagecontent ul li{margin-bottom:8px;list-style-image:url(images/bullet.png);}
#fullpagecontent a{color:#AF7687;border-bottom:1px dashed #AF7687;}
#fullpagecontent a:hover{color:#dec6cd;border-color:#dec6cd;}

/*-----the comments-----*/

#blogcontent comments ol {line-height: 18px;margin:0;padding-bottom: 10px;padding-left: 5px;}
#blogcontent .commentlist {padding: 0;text-align: justify;}
#blogcontent ol.commentlist li { border:1px solid #AF7687; margin:0 0 10px; padding:5px 10px; position:relative; }
#blogcontent ol.commentlist li a{border-bottom:none;color:#5F3642;}
#blogcontent ol.commentlist li a:hover{color:#AF7687; border-bottom:1px dotted #AF7687;}
#blogcontent ol.commentlist li.alt { background-color:#F0EBED;color:#0B0401;}
#blogcontent ol.commentlist li.alt p{color:#301B21;}
#blogcontent ol.commentlist li.bypostauthor {background-color:#301B21 !important;color:#F0EBED !important;}
#blogcontent ol.commentlist li.bypostauthor p {background-color:#301B21 !important;color:#F0EBED !important;}
#blogcontent ol.commentlist li.bypostauthor li p {background-color:transparent !important;color:#0B0401 !important;}
#blogcontent ol.commentlist li div.vcard { font:bold 14px arial,helvetica,sans-serif; }
#blogcontent ol.commentlist li div.vcard cite.fn { font-style:normal; }
#blogcontent ol.commentlist li div.vcard cite.fn a.url { color:#5F3642; text-decoration:none; }
#blogcontent ol.commentlist li div.vcard cite.fn a.url:hover { color:#AF7687; }
#blogcontent ol.commentlist li div.vcard img.avatar { border:2px solid #5F3642;float:right; margin:0 0 5px 5px;}
#blogcontent ol.commentlist li div.vcard span.says {vertical-align:bottom;}
#blogcontent ol.commentlist li div.comment-meta { font:bold 11px arial,helvetica,sans-serif;}
#blogcontent ol.commentlist li div.comment-meta a {border:none; }
#blogcontent ol.commentlist li div.comment-meta a:hover { color:#AF7687; }
#blogcontent ol.commentlist .comment-edit-link{border:none;}
#blogcontent ol.commentlist li p {margin-top:10px; }
#blogcontent ol.commentlist li ul { list-style:none; margin:10px 0; padding:0; text-indent:0; }
#blogcontent ol.commentlist li div.reply { background:#F0EBED; border:2px solid #180E11; font:bold 11px arial,helvetica,sans-serif; padding:5px 10px;text-align:center; width:36px; }
#blogcontent ol.commentlist li div.reply:hover {border:2px solid #5F3642; background-color:#F0EBED;}
#blogcontent ol.commentlist li div.reply a {border:none; text-transform:uppercase;color:#180E11;}
#blogcontent ol.commentlist li #respond h3{color:#5F3642;}
#blogcontent ol.commentlist li ul.children {list-style:none; margin:1em 0 0; text-indent:0; color:#0B0401;}
#blogcontent ol.commentlist li ul.children li {background-color:#FEFEFE;list-style-image:none;}
#blogcontent ol.commentlist li ul.children li.alt {background-color:#F0F0F0;}

/*-----the footer -----*/

#footer{clear:both; background-color:#100505;padding:10px;overflow:auto;border-top:1px groove #301B21;font-size:85%;}
#copyright{float:left;width:550px;}
#theform {float:right;width:350px;padding-top:5px;}
#theform form p{text-align:right;margin-right:35px;}
#footer #rss{margin-top:10px;}
#footer #rss a{margin-right:15px;vertical-align:top;}
#footer p{margin: 10px 20px;}
#footer a{color:#AF7687;}
#footer a:hover{color:#5F3642; border-bottom:1px dashed #5F3642;}


/*-----the WordPress-----*/

img.alignright{margin-left:10px;margin-bottom:10px;float:right;}
img.alignleft{margin-right:10px;margin-bottom:10px;float:left;}

/*-----the overrides-----*/
.credits{display:none;}
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide {	color: #F0EBED !important;}
#leftsidebar #events-list li, #rightsidebar #events-list li{padding:0 !important;border-bottom:none;}
#amr-ical-widget .alt {background-color:transparent;}
#amr-ical-widget  li{border-bottom:none !important;}
.amrical_credit{display:none;}

/*-----PAGE HIDES-----*/
/*
use this code, simply change the number to correspond with the page number you want to hide. Insert it after the end of the comments (the star and slash)
.page-item-553{display:none;}
*/
.page-item-239{display:none;}
.page-item-237{display:none;}
.page-item-209{display:none;}
.page-item-220{display:none;}
.page-item-145{display:none;}
.page-item-144{display:none;}
.page-item-293{display:none;}
.page-item-301{display:none;}

/* ************* LINKSBAR ************** */
#linksbar{margin-bottom:15px;}
#linksbar h2{
color:#1A1A43;
border-bottom:1px solid #A3A3B8;
padding-bottom:2px;
font-size:10pt;
letter-spacing:1px;
margin:5px 0 3px 0;
font-family:Verdana, Arial;}

#linksbar ul{

	margin: 0;
	padding: 0;
}

#linksbar ul li {
	list-style-type: none;
	list-style-image:none;
	margin-bottom: 2px;
}

#linksbar ul li.linkcat {
	list-style-type: none;
	list-style-image:none;
	margin-bottom: 15px;
}

#linksbar ul ul{ padding: 2px 0 0 10px; }

.image {
	position:relative;
	float:center; /* optional */
}
.image .text {
	position:absolute;
	top:0px; /* in conjunction with left property, decides the text position */
	left:10px;
	width:450px; /* optional, though better have one */
}