/*
	Theme Name: Chocolate
	Theme URL: http://digitalRGB.com
	Description: Chocolate is elegant and stylish designed WordPress theme. Theme options page at admin panel.
	Author: digital RGB
	Author URI: http://digitalRGB.com
	Version: 1.0
	Tags: Brown, Pink, Ads Ready, Two Columns, Left Sidebar, Fixed Width, Blogging, Theme Options
*/

/* LAYOUT */
body, html {margin:0; padding:0; }
body { background: url(images/background.jpg) top left; background-color: #372920; }
img {max-width:100%; max-height:100%; }

#wrapper { padding:0; background: url(images/wrapper-background.png) top left repeat-x; }
#container { }
#contentwrap { background: url(images/content-wrapper-background.png) top right repeat-y; position:relative; margin-top:37px; }

.homebut { background: url(../../../images/gallery-button.png); width:118px; height:24px; margin:0 auto; padding:8px 0 0 0; text-align:center;  }
.homebut a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFF;  }
.homebut a:link { color: #fff; text-decoration: none; }
.homebut a:visited { text-decoration: none; color: #fff; }
.homebut a:hover { text-decoration: none; color: #392105; }
.homebut a:active { text-decoration: none; color: #fff; }


a { color: #594c3c; text-decoration:underline; outline:none; }
a:hover { color: #594c3c; text-decoration:none; outline:none; }
img a:hover, a:hover img { outline:none; }
div.hr { background: url(images/hr.png) no-repeat scroll center; width:497px; height:7px; margin:0 auto; }
div.hr hr {display:none; }

/* -------------- HEADER ------------------ */
div#login { margin:0; width:50px; height:50px;  position:absolute; left:0; top:0; }
div#login a { border:0; width:25px; height:25px; display:block; outline:none; }

#header { height: 138px; padding-left:38px; }
#header h1 { margin-bottom: 0px !important; padding: 4px 0 0 0; font-weight: normal; font-family: "Times New Roman", Times, Serif; font-weight: normal; font-size: 52px; }
#header h1 a, #header h1 a:visited { color: #fff; text-decoration: none; }
#header h2 { color: #aa676e; font-size: 14px; line-height: 14px; font-family: Times New Roman, Times, Serif; font-style: italic; }

.logocontainer { padding:15px 0 0 0; }
.logocontainer a {outline:none; }

/* TOP NAVIGATION & SEARCH BAR */
#header .topnav-holder { position:relative; right:-5px; top:0; width:383px; height:54px; }
#header .topnav-bg { float:left; width:383px; height:54px; background:url(images/topnav.png);  }

#header .topnav { position:relative; right:1px; top:0; width:383px; height:54px; ; }
#header .topnav ul { margin:0; padding:0; position:relative; left:8px; top:17px; }
#header .topnav ul li { display:inline; list-style:none; padding:0 2px; }
#header .topnav ul li a { color:#f1f0ed; font:10px/12px Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none; position:relative; padding:6px 3px; border:1px dashed #46382f;  }
#header .topnav ul li a:hover { color:#fff; border:1px dashed #c8b4b5; }

#header .topsearch { position:absolute; right:12px; top:12px; text-align: center; } 	
#header .topsearch input { margin:0; color:#372619;	border:none; font:11px Tahoma,Arial,Verdana,sans-serif; }
/* #header .topsearch input { background:#fff; margin:0; padding:5px 5px 7px 10px; color:#372619;	border:none; font:11px/14px Tahoma,Arial,Verdana,sans-serif; } */
#header .topsearch label { display: none; }
#header .topsearch #s { width:145px; padding: 8px; }

/* NAVIGATION MENU */
ul#topmenu { float:right; margin:0; padding:0 3px 0 0; bottom:30px; position:relative; right:1px; background:url(images/topmenu.gif) no-repeat 100% 0; }
ul#topmenu li { padding:0; list-style:none; float:left; font:12px/14px Arial,Verdana,sans-serif; text-transform:uppercase; }
ul#topmenu li a { float:left; color:#4f4337; text-decoration:none; background:#f7f5f0 url(images/topmenu-left.gif) no-repeat 0 0; padding:0 0 0 30px; }
ul#topmenu li a:hover { background:#fff url(images/topmenu-left.gif) no-repeat 0 0; outline:none; }
ul#topmenu li a.active span { color:#35616C; }
ul#topmenu li a span { float:left; background:url(images/topmenu-right.gif) no-repeat 100% 0; padding:14px 30px 14px 0; }
ul#topmenu li:hover, ul#topmenu li.hover { position:relative; }

/* -------------- CONTENT ------------------ */
#content { padding: 15px 5px 15px 15px;	}

/* BEGIN CUSTOM PAGE */
#custom-wrapper { background: url(images/post-background.png) top left repeat-x; margin: 0 -10px 0 2px; }
.custom-wrap {	margin-bottom: 20px; }
.custom-page  {	padding:15px; }
.custom-entry { text-align: left; line-height: 20px; padding-top: 25px; font-family: Georgia, Times New Roman Times, Serif; font-size: 14px; color: #5a5858; border-top: 1px solid #fff; margin-right:20px; }
.stories-entry { text-align: left; line-height: 20px; padding-top: 25px; font-family: Georgia, Times New Roman Times, Serif; font-size: 14px; color: #5a5858; border-top: 1px solid #fff; }
.stories-entry p img { display:block;
margin-left:auto;
margin-right:auto;  }
.stories-entry p  { margin-bottom:8px;  }
.custom-page p { margin: -10px 0 25px 0;	}
.custom-entry p { margin:5px 0; }


/* EXTRA SETTINGS (Used on ABOUT PAGE) */
div.col1 { float:left; display:block; width:275px; }
div.col2 { float:right; display:block; width:275px; }

/* POSTS / PAGES */
pre { overflow: auto; width: 470px; }

.postwrap {	margin-bottom: 20px; border: 1px solid #ccc3c4;	background-color: #fff;	}
.post, .page  {	background: url(images/post-background.png) top left repeat-x;	border: 1px solid #fff;	padding: 15px; }

.post p { margin-bottom: 10px;	}

.title { margin: 0 0 4px 0; padding: 0px; line-height: 20px; font-size: 20px; font-family: Georgia, "Times New Roman Times", Serif; color: #323232; text-shadow: 0 1px 0 #fff; 	}
.title a {	text-decoration: none; color: #323232;	}
.title a:hover { text-decoration: none;	color: #069392;	}

/* Category Titles */
.pagetitle { margin-bottom: 20px; line-height: 22px; font-family: Arial, Verdana; text-decoration: none; color: #6e6254; }

.postdate { font-size: 12px; padding: 1px 0 3px 0; font-family: Arial, Verdana; border-bottom: 1px solid #b6b5b5; font-style: italic; }
.postmeta { font-size: 11px; padding: 2px 4px; font-family: Arial, Verdana; } 
.postdate img, .postmeta img { border: none; vertical-align: middle; margin:2px; }
	
.entry { text-align: justify; line-height: 20px; padding-top: 8px; font-family: Georgia, Times New Roman Times, Serif; font-size: 14px; color: #5a5858; border-top: 1px solid #fff; }
    
.navigation { padding: 10px 0; } 

blockquote { overflow: hidden; padding-left: 9px; font-style: italic; color: #666; border-left: 3px solid #CADAE7; }

.post img { max-width: 680px; }

img.wp-smiley { max-height: 12px; margin: 0; padding: 0; border: none; }
	
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* READ MORE */
.readmorecontent { text-align: right; }
a.readmore { padding: 4px 15px; background: #514435; color: #fff; text-decoration: none; text-shadow: 0 1px 0 #000; }
a.readmore:hover { background-color: #6e6254; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; 
/* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* -------------- SIDEBAR(S) ------------------ */
.sidebaradbox { margin-top: 5px; text-align:center;	}

#sidebar { color: #fff; float:left; }
#sidebar a { text-decoration: none; color: #f3dede; }
#sidebar a:hover { text-decoration: underline; color:#fff; 	}
#sidebar ul, #sidebar ul li { list-style:none; }

#sidebar hr { color:#776244; background:#776244; border: 0; height: 1px; width: 271px; text-align: left; margin:15px 0 10px 18px; }

.ad125 { margin: 6px; }

#search input, #searchform input{ border: 1px solid #7f2c35; }
#search label, #searchform label { margin: 10px 0 10px 0; padding: 4px 0 4px 0px; font-size: 13px; font-family: Arial; font-weight: bold; text-transform: uppercase; color: #353535;
	text-shadow: 0 1px 0 #cbcbcb; border-bottom: 3px solid #5f5f5f; display: block; }
#searchsubmit { border: 2px solid #7f2c35; background: #7f2c35; color: #fff; }	
#s { width: 220px; padding: 4px; }
	
/* Social icons */ 
.addthis_toolbox { margin:0 0 0 20px; float:left; width:271px; height:38px; padding:0; background-image:url(images/sharethis.gif); background-repeat: no-repeat; background-position: left top; }
.addthis_toolbox .custom_images { margin: 4px 3px 0 150px; }
.addthis_toolbox .custom_images a { width: 32px; height: 32px; padding:0 2px; }
.addthis_toolbox .custom_images a:hover img { opacity: 1; }
.addthis_toolbox .custom_images a img  { opacity: 0.90;  }

/* RSS Feeds */ 
.rss { margin-left:35px; padding:0 5px 15px 0; float:left; height:32px; }
.rss img { vertical-align:middle; }
.rss span { padding-left:10px; vertical-align:middle; }

/* More Sidebar */ 
#om4-aweber-2,#om4-aweber-4 { margin:20px 0 0 0; float:left; width:271px; padding:0; background-image:url(images/mailing-list.gif); background-repeat: no-repeat; background-position: left top; color:#fff; }
#om4-aweber-2  h2, #text-3 h2, #text-5 h2, .widgettitle { display:none; }
#om4-aweber-2 form, #om4-aweber-4 form { padding-top:40px; }
.textwidget { width:271px; font-size:14px; }

#sidebar p {width:271px; }

/* #sidebar { float:left; width:320px; }
#sidebar .what-expect { float:right; width:319px; height:51px; background:url(../images/what-expect-bg.gif) repeat-x; }
#sidebar .what-expect span { display:block; float:left; width:319px; height:51px; background:url(../images/what-expect-img.gif) repeat-x; text-indent:-9999px; overflow:hidden; } */ 

/* sidebar top list */
#sidebar ul.sidebar-list { float:left; display:inline; margin:0; padding:0 0 5px 0; }
#sidebar ul.sidebar-list li { float:left; width:271px; list-style:none; padding:7px 0 3px 0 /*left was 18px*/; margin:0; }
#sidebar ul.sidebar-list li a { display:block; float:left; width:241px; padding:11px 15px 9px 15px; color:#EAE5DA; font:14px/18px Arial,Verdana,sans-serif; text-transform:uppercase;
	text-decoration:none; background:url(images/sidebar-roll.gif); }
#sidebar ul.sidebar-list li a:hover { background-position:0 -38px; }

#sidebar h2 { color:#EDE8DD; font:14px/18px Arial,Verdana,sans-serif; text-transform:uppercase; margin:0; padding:7px 0 0 13px; }

/* sidebar video list */
#sidebar ul.video-list { float:left; display:inline; margin:0; padding:19px 0 0 0; }
#sidebar ul.video-list li { float:left; padding:0 0 25px 0; list-style:none; width:290px; }
#sidebar ul.video-list li h2 { float:right; color:#EDE8DD; font:14px/18px Arial,Verdana,sans-serif; text-transform:uppercase; width:177px; margin:0; padding:7px 0 0 13px; }
#sidebar ul.video-list li a.vid-img { display:block; float:left; width:100px; height:65px; position:relative; }
#sidebar ul.video-list li a.vid-img img { position:absolute; left:0; top:0; z-index:1; border:3px solid #4E4133; }
#sidebar ul.video-list li a.vid-img span { display:block; position:absolute; left:0; top:0; z-index:5; width:100px; height:65px;
	/*background:url(../images/vid-img.png);*/
	text-indent:-9999px; overflow:hidden; }
#sidebar ul.video-list li a.vid-img:hover span { /*background:url(../images/vid-img-hover.png);*/ }
#sidebar ul.video-list li .watch-vid { display:inline-block; float:right; width:120px; height:21px;	 margin:5px 50px 0 0; padding:3px 0 0 10px; background:url(images/watch-vid.gif);
	font:14px/16px Arial,Verdana,sans-serif; text-transform:lowercase; text-decoration:none; color:#ECE7DC; }
#sidebar ul.video-list li .watch-vid:hover { background-position:0 -24px; }

/* -------------- Homepage Featured Posts/Comments ------------------ */
#homepage { float: left; width: 610px; margin: 0 0 0 10px; padding: 0px; }
	
#homepage p { margin: 0px; padding: 0px; }
#homepage p img { border: none; float: left; margin: 0px; }
#homepage h3 { background: #333333 url(images/headline.png); color: #FFFFFF; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 7px; }

#homepage ul { list-style-type: square; margin: 0; padding: 0px 0px 15px 15px; }
#homepage ul li { list-style-type: square; margin: 0; padding: 0px; }
#homepage li { list-style:none; margin: 0; padding: 0px 0px 5px 0; }

.hpdate { font-size: 11px; margin: 0px; padding: 0px; }

#homepagetop { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 610px; margin: 10px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; }
#homepagetop p { font-size: 12px; margin: 0px; padding: 0px 0px 0px 10px; }
	
.featuredtop { float: left; margin: 0px; padding: 10px; display: inline; }
.featuredtop img { border: none; margin: 0px; }
	
.hpfeatured { background: #FFFFFF url(images/featuredtop.gif) top no-repeat; float: left; width: 280px; margin: 0px; padding: 10px 10px 10px 10px; border: 1px solid #DDDDDD; }
.hpfeatured img { border:1px solid #e8e9e3; margin: 0px; }

#homepageleft { float: left; width: 300px; margin: 0px; padding: 0px; }
#homepageright { float: right; width: 300px; margin: 0px; padding: 0px; }

#homepagebottom { background: #FFFFFF url(images/homepagetop.gif) top no-repeat; float: left; width: 610px; margin: 10px 0px 10px 0px; padding: 0px; border: 1px solid #DDDDDD; }
#homepagebottom p { font-size: 12px; margin: 0px; padding: 0px; }
	
.hpbottom { float: left; width: 590px; margin: 0px; padding: 5px 10px; display: inline; }
.hpbottom img { border: 1px solid #68655f; margin: 0px; vertical-align:middle; }

/* -------------- COMMENTS ------------------ */
#comments h3 { margin-bottom: 10px;	}
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 5px auto; float: right; }


#respond {	background: url(images/post-background.png) top left repeat-x;	padding: 15px; margin-bottom: 20px; margin-right:15px; border: 1px solid #ccc3c4;	background-color: #fff; }
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

.comment {	background: url(images/post-background.png) top left repeat-x;	padding: 15px; margin-bottom: 20px; border: 1px solid #ccc3c4;	background-color: #fff; }
.donorcomment {	background: url(images/post-background.png) top left repeat-x;	padding: 5px; margin: 5px; border: 1px solid #ccc3c4;	background-color: #fff; }
.alt { margin: 0; padding: 10px; background:#ffeaef; }

.commentlist { padding: 0; text-align: justify; }
.commentlist li .avatar { float: left; border: 1px solid #68655f; padding: 2px; background: #FFFFFF; margin-right: 7px; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; margin-left: 10px;  }
.commentlist p { margin: 10px 5px 10px 0; }

.children { padding: 0; }

#commentform p { margin: 5px 0; } 
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

.store { float:left; text-align:center; width:185px; padding:5px 0; margin:0 auto; }
.store em { color: #999; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.store img { text-align:center; }
.button_img { padding:0 3px; margin:0 auto; text-align:center; }
.thumb img { /*border:1px #d1d1d1 solid; */ border:1px #d1d1d1 solid; padding:3px; }
.thumb img:hover { border:1px #b5b5b5 solid; }
/* -------------- FOOTER ------------------ */
#footer { background: url(images/footer-backgr.png); background-repeat: repeat-x; padding: 25px; text-align: center; color: #fff; font-size: 13px; }
#footer a { color: #fff; } 
#footer a:hover { text-decoration: none; } 
#footer2 { color: #ccc; font-size: 11px; text-align: right; padding: 10px; 	}	
#footer2 a { color: #ccc; text-decoration: none; } 
#footer span { display:none; }
#footer img a { border:0; }