/*  
Theme Name: Wchoc
Theme URI: 
Description: 
Version: 1.6
Author: 
Author URI: 


*/



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
html{
	background:url(images/bgr_html.png) repeat;
	
}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(images/bgr_main.png) repeat-x;
	color:#454443;
}

#wrapper{
	background:url(images/bgr_wrapper.png) no-repeat top center;
}

#page{
	width:1000px;
	margin:0px auto;
}

/* HEADER */

#header{
	width:100%;
	height:153px;
	background:url(images/bgr_header.png) no-repeat;
	overflow:hidden;
}

#header_rss{
	float:right;
}

#header h1{
	color:#fff;
	font-size:56px;
	font-weight:normal;
	letter-spacing:-4px;
	padding:40px 0 0 20px;
	float:left;
}

#header h1 a{
	color:#fff;
}

#header h1 a:hover{
	text-decoration:none;
}

#header h1 span{
	font-size:16px;
	position:relative;
	top:-10px;
	color:#fff;
	display:block;
	font-weight:normal;
	text-align:center;
	letter-spacing:0;
}

#header_rss a{
	margin:0 40px 0 0;
}

#header_rss img{
	float:left;
}

/* MENU */
#searchform_top_text{
	width:175px;
	padding:8px 5px 3px 5px;
	color:#a9a9a9;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin: 0px 8px 0 0;
	border:1px solid #302F2E;
	background:url(images/bgr_searchform_top.gif) repeat-x;
}

#gosearch{
	float:left;
	margin:-8px
}
#main_search{
float:right;
width:280px;
margin:-15px 0 0 0;

}

.menu {width:100px; height:30px; position:relative; z-index:100; font-family:Tahoma, Geneva, sans-serif; align:left;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100px; align:left;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:0x;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:11px; text-decoration:none; align:left; color:#CCCCCC; width:40px; height:30px; background:url(images/bgr_menu.png); padding-left:50px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:40px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(images/bgr_menu.png) no-repeat 90px left;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:url(images/bgr_menu.png) no-repeat 90px left;}
.menu ul ul :hover > a.drop {background:url(images/bgr_menu.png) no-repeat 90px left;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:url(images/bgr_menu.png) no-repeat;}
/* style the third level hover */
.menu ul ul ul a:hover {background:url(images/bgr_menu.png);}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:90px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:170px; top:-1px; width:90px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-90px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:url(images/bgr_menu.png); color:#CCCCCC; height:auto; line-height:1em; padding:10px 10px; width:90px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:90px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:url(images/bgr_menu.png);}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:url(images/bgr_menu.png);}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
This CSS is further CSS I have created specifically for Wordpress
so that the current page is highlighted in two levels.
If you want it in three levels let me know.

Author: Isaac Rowntree
Website: www.zackdesign.biz
=================================================================== */


/*board*/
#board{
	width:100%;
	height:240px;
	overflow:hidden;
	background:url(images/bgr_board.png) no-repeat;
}
#board_data{
	width:610px;
	padding:60px 0 0 60px;
}
#board_data h2{
	color:#8c6239;
	font-size:24px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#board_data h3{
	color:#8c6239;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
#board_data p{
	color:#505050;
	font-size:13px;
	line-height:18px;
	font-family:Verdana, Geneva, sans-serif;
	padding:10px 0 10px 0;
}
#board_data p a{
	font-weight:bold;
	text-decoration:underline;
	color:#505050;
}
#board_data p a:hover{
	text-decoration:none;
}

/* BODY */

#body{
	width:100%;
	background:url(images/bgr_body.png) repeat-y;
}

#body_top{
	width:100%;
	background:url(images/bgr_body_top.png) no-repeat;
	overflow:hidden;
	padding:0 0 40px 0;
}

#body_left{
	width:678px;
	float:left;
}

#body_right{
	width:322px;
	float:right;
}

/* left contact */

#body_left_content{
	width:580px;
	margin:35px 0 0 57px;
}

.post{
	width:100%;
}

.post-top{
	width:100%;
}

.post-title{
	width:100%;
	overflow:hidden;
}

.post-title h2{
	font-size:25px;
	color:#CCCCCC;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	width:514px;
	float:left;
}

.post-title h2 a{
	color:#CCCCCC;
}
.post-title h4{
	width:64px;
	height:58px;
	padding:8px 0 0 0;
	color:#fff;
	text-align:center;
	font-size:27px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	background:url(images/bgr_post_comment.png) no-repeat;
	margin:0 0 5px 0;
}

.post-top h3{
	font-weight:normal;
	color:#a7a7a7;
	font-size:12px;
	padding:8px 0 8px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #2F2D2D;
}

.post-top h3 a, .post-top h3 span{
	color:#cccccc;
	font-weight:bold;
	text-transform:capitalize;
}

.entry{
	line-height:20px;
	font-size:15px;
	padding:15px 0 0 0;
}

.entry img{
	border:3px solid #000;
}

.entry p{
	padding-bottom:15px;
}

.entry p a{
	font-weight:bold;
	text-decoration:underline;
}

.entry p a:hover{
	text-decoration:none;
}

.postmetadata{
	width:100%;
	text-align:center;
	background:url(images/bgr_postmetadata.png) no-repeat;
	padding:14px 0 50px 0;
}
.postmetadata p{
	font-size:12px;
	color:#a7a7a7;
	font-family:Verdana, Geneva, sans-serif;
	position:relative;
}
.postmetadata p span, .postmetadata p a{
	color:#cccccc;
}

.post-page{
	width:100%;
}

h2.page_title{
	font-size:25px;
	color:#CCCCCC;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #4f3b17;
	padding:0 0 8px 0;
}

.post-page .entry{
}

.post-page .entry a{
	text-decoration:underline;
	font-weight:bold;
}

.post-page .entry a:hover{
	text-decoration:none;
}

.entry strong{
	color:#CCCCCC;
}

.post-page .entry strong, .post-page .entry h1, .post-page .entry h2, .post-page .entry h3, .post-page .entry h4, .post-page .entry h5, .post-page .entry h6{
	color:#CCCCCC;
	display:block;
	font-weight:normal;
}

.post-page .entry strong{
	font-size:28px;
}

.post-page .entry h1{
	font-size:26px;
	padding:0 0 14px 0;
}

.post-page .entry h2{
	font-size:24px;
	padding:0 0 14px 0;
}

.post-page .entry h3{
	font-size:22px;
	padding:0 0 12px 0;
}

.post-page .entry h4{
	font-size:20px;
	padding:0 0 10px 0;
}

.post-page .entry h5{
	font-size:18px;
	padding:0 0 8px 0;
}

.post-page .entry h6{
	font-size:16px;
	padding:0 0 6px 0;
} 

/* SIDE BAR */

#sidebar{
	width:277px;
}

.sidebars h2{
	font-size:20px;
	color:#C4C4C4;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	padding:25px 0 0 55px;
	font-weight:normal;
	background:url(images/bgr_sidebars_h2.png) no-repeat;
	width:222px;
	height:50px;
}

.sidebars ul{
	color:#8e8e8e;
}

.sidebars ul li{
}

.sidebars ul li ul li{
	margin-bottom:0;
	width:auto;
}

.sidebars ul li ul li ul li{
	margin-left:0;
}

.sidebars li ul{
	padding-bottom:8px;
	padding:0 10px 10px 10px;
}

.sidebars li ul li ul{
	padding:0 0 0 10px;
	width:auto;
}

.sidebars li ul li ul li ul{
}

.sidebars li{
	margin-bottom:0px;
	background:none;
}

.sidebars li li{
	margin-bottom:0px;
	border-bottom:1px solid #9F9E9D;
	padding:7px 0 7px 8px;
	font-size:13px;
}

.sidebars li li li{
	background:none;
	border:0;
	padding-bottom:3px;
}

.sidebars li a{
	color:#C4C4C4;
}

.sidebars li.widget_categories ul li{
	font-weight:bold;
	color:#C4C4C4;
}

.sidebars li.widget_categories ul li a{
	background:url(images/ico_cat.gif) no-repeat left 3px;
	font-weight:normal;
	padding-left:14px;
}

.sidebars li.widget_categories ul li ul li a{
	background:none;
	font-weight:normal;
	padding-left:8px;
}

.sidebars li.widget_archives ul li a{
	background:url(images/ico_cat.gif) no-repeat left 3px;
	font-weight:normal;
	padding-left:14px;
}

.sidebars li.linkcat ul li a{
	background:url(images/ico_cat.gif) no-repeat left 3px;
	font-weight:bold;
	padding-left:14px;
}

.sidebars .widget_tags p{
	padding:0px 10px 10px 15px;
}

.sidebars .widget_tags a{
	color:#C4C4C4;
}

.sidebars .textwidget{
	padding:10px;
}

/* FOOTER */

#footer{
	width:100%;
	height:220px;
	background:url(images/bgr_footer.png) no-repeat;
	overflow:hidden;
}
#footer h2{
	color:#535251;
	font-size:11px;
	letter-spacing:0px;
	padding:50px 0 0 70px;
	float:left;
	font-style:nromal;
}
#footer h2 a{
	color:#535251;
}
#footer h2 a:hover{
	text-decoration:none;
	color:#ffffff;
}
#footer h2 span{
	font-size:9px;
	position:relative;
	top:0px;
	color:#535251;
	display:block;
	font-weight:normal;
	text-align:center;
	letter-spacing:0;
}

#footer_text{
	padding:70px 60px 0 0;
	float:right;
	text-align:right;
}

#footer_text p{
	color:#535251;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 8px 0;
	font-size:11px;
}

#footer_text a{
	color:#535251;
}




/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 98%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 24px;
	padding-bottom:7px;
	background:url(images/blockquote_bg.gif) repeat-y;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) repeat-y;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	text-align: center;
	margin:10px 0 0 0;
	width:578px;
	padding:8px;
	overflow:hidden;
	font-size:13px;
	color:#fff;
	}

.navigation a{
	color:#fff;
	font-size:13px;
	}

.wp-pagenavi{
	line-height:1.8em;
	padding:0 15px 0 15px;
	font-weight: bold;
}

.wp-pagenavi a {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
}
.wp-pagenavi span.pages {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	background:#231910;
	color:#c4b035;
	font-weight:bold;
}
.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	background:#231910;
	color:#c4b035;
	font-weight:bold;
}
.wp-pagenavi span.extend {
	padding: 4px 8px 4px 8px; 
	margin: 2px;
	background:#231910;
	color:#c4b035;
	font-weight:bold;
}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {
	margin: 0 10px 15px 30px;
	list-style: none;
	padding:15px 15px 15px 20px;
	background:#0f0a06;
	border:1px solid #312519;
	} 

.entry ul li {
	border-bottom:1px solid #312519;
	background:url(images/ico_cat.gif) no-repeat left 13px;
	padding:7px 0 7px 15px;
	}

.entry ul li:before{
	/*content: url(images/entry_before.gif);*/
	}

.entry ol {
	margin: 0 10px 15px 30px;
	padding:15px 15px 15px 40px;
	background:#0f0a06;
	border:1px solid #312519;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	padding-bottom:4px;
	padding-top:3px;
	border-bottom:1px solid #312519;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform{
	width:400px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:65px;
	height:25px;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comments{
	font-size:25px;
	color:#8c6239;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #4f3b17;
	padding:0 0 8px 0;
	margin:0 0 10px 35px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 0 0 43px;
	}

.commentlist .comment {
	margin: 15px 0 0 0;
	padding: 10px 15px 0 15px;
	list-style: none;
	background:#0f0a06;
	border:1px solid #37291c;
	}

.commentlist .alt {
	background:#1b1713;
	}

.commentlist .comment .comment {
	margin: 15px 15px 15px 15px;
	padding: 10px 30px 0 30px;
	width:auto;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:18px;
	}
.commentmet_data{
	width:100%;
	overflow:hidden;
}
.commentmet_data td{
	vertical-align:top;
	text-align:left;
}
.commentmet_avatar{
	width:102px;
	padding:15px 0 0 0;
}
.commentmet_text{
}
.commentmet_avatar img{
	border:1px solid #000;
}

#commentform p {
	margin: 5px 0;
	}

.commentmet_replay{
	width:100%;
	overflow:hidden;
}
.commentmet_replay a{
	float:right;
	display:block;
	color:#fff;
	font-weight:bold;
	background:#8c6239;
	padding:3px 20px 3px 20px;
}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	padding:10px 10px 0 0;
	color:#c69c6d;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:left;
	}

.commentmetadata a{
	color:#c69c6d;
	}

.commentmet_text{
	font-size:12px;
}

.alt .commentmetadata_end{
}

.commentmetadata_end{
	text-align:right;
	margin: 0;
	display: block;
	padding:12px 20px 12px 20px;
	color:#3d3d3d;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.commentmetadata_end span{
	color:#3d3d3d;
}

#respond{
	margin:40px 15px 0 43px;
	padding-bottom:60px;
}

h3#respond_title{
	font-size:25px;
	color:#8c6239;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #4f3b17;
	padding:0 0 8px 0;
	margin:0 0 10px 0;
}

#commentform{
	margin-left:0px;
	color:#fff;
	font-size:12px;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
}

#commentform label{
	position:relative;
	top:-2px;
}

#commentform a{
	color:#fff;
}

#commentform input{
	background:#271c11;
	border:1px #271c11 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	color:#fff;
}

#commentform textarea{
	background:#271c11;
	border:1px #271c11 solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
	margin:5px 0 0 0;
	color:#fff;
}

#commentform input#submit{
	background:none;
	border:0px;
}

/* End Comments */

/* Archives page */
.page_archives_div{
	padding-bottom:60px;
}

.ar_panel{
}

.page_archives_div h2{
	font-size:25px;
	color:#8c6239;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:1px solid #4f3b17;
	padding:0 0 8px 0;
}

.page_archives_div ul h2{
}

.page_archives_div ul{
	margin:10px 0 40px 0;
}

.page_archives_div ul li{
	margin:0px;
	padding:6px 0 8px 5px;
	list-style:none;
	background:none;
	border-bottom:1px dotted #8c8885;
}

.page_archives_div ul li ul li{
	border:0px;
	background:none;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	font-weight:normal;
	color:#8c8885;
	font-size:13px;
}

	
/* End ACCESSITES CSS */