/*  
Theme Name: bcatHalloween
Theme URI: http://sunnycyk.hk/
Description: Halloween WP theme with 2 columns layout.  Enjoy!
Coder: Sunny
Designer: bCat
Author URI: http://sunnycyk.hk
Version: 1.0
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post
.
.
*/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align:center;
	margin: 0;
	padding: 0 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	background: #000 url(images/background.jpg) top center repeat-x;
}

#wrapper {
	margin: 0 auto;
	width:1000px;
	text-align: left;
	padding:0;
}

#header #logo {
	float: left;
	width: 500px;
	margin: 38px 0 0 50px;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;

}

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }
  
#header {
	background:url(images/headerbg.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	height: 260px;
}

#header h1 a { 
	color: #fff;
	font-size: 20pt;
	text-decoration: none;
}

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

#header span {
	padding: 0;
	color: #fff;
	font-size: 14pt;
	font-family:Verdana, Geneva, sans-serif;
}

#menunav {
	margin: 0;
	padding:0 20px 0 20px;
	clear:both;
}
	
#menu {
	width:960px;
	margin: 0 0 0 0;
	padding:0;
	background-color:#fedd60;
	list-style: none;
	height: 25px;
}

#menu ul {
	margin: 0 0 0 25px;
	padding: 0;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu a {
	display: block;
	line-height: 24px;
	margin: 0;
	padding: 0 20px 0 15px;
	font-size: 10pt;
	caption-side: #fff;
	letter-spacing: -1px;
	text-decoration:none;
	color:#000;
}

#menu ul {
	list-style:none;
}

#menu li a:hover {
	color: #6598b8;
	text-decoration:none;
	display:block;
}

#main {
	margin: 0 20px 0 20px;
	clear:both;
	width:960px;
	padding: 0;
	background-color:#fffbb6;
}

#contentwrapper {
	float:left;
	width: 560px;
	margin: 0 0 15px 0;
	padding: 0;
	height: auto;
}
	
.bCatPost {
	margin: 100px 0 0 0;
	margin: 15px 15px 0 15px;
	padding: 0;
	font-size: 9pt;
	background: url(images/contenttop_03.gif) top left no-repeat;
}

.bCatPost h2.bCatTitle a {
	
	font-size: 18pt;
	font-weight:normal;
	color:#d08b13;
	letter-spacing:-2px;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
}

.bCatPost h2.bCatTitle a:hover {
	text-decoration:underline;
	color: #f49500;
}

.bCatPost h2.bCatTitle {
	margin: 0 0 0 51px;
}

.bCatPost p.bCatMeta {
	margin: 0 0 0 51px;
	padding: 0;
	font-size: 9 pt;
	font-weight: bold;
	color: #000;
}

.bCatPost p.bCatMeta a {
	text-decoration: underline;
	color:#d08b13;
}

.bCatPost p.bCatMeta a:hover {
	color: #f49500;
}

.bCatPost div.bCatContent {
	font-size: 9 pt;
	color: #000;
	margin: 25px 0 25px 51px;
	line-height: 1.5;

}

.bCatPost div.bCatContent a {
	text-decoration: underline;
	color: #d08b13;
	
}

.bCatPost div.bCatContent a:hover {
	color: #f49500;
}

.bCatPost div.bCatContent a:visited {
	color: #8b5e25;
}

.bCatPost div.bCatContent p {
	margin: 15px 0 0 0;
}

.bCatPost span.bCatCategory, .bCatPost span.bCatComments, .bCatPost span.bCatTags {
	margin: 0;
	font-size: 9 pt;
	font-weight: bold;
}

.bCatPost span.bCatCategory a , .bCatPost span.bCatComments a, .bCatPost span.bCatTags a {
	text-decoration: underline;
	color: #d08b13;
}

.bCatPost span.bCatCategory a:hover , .bCatPost span.bCatComments a:hover, .bCatPost span.bCatTags a:hover {
	color: #f49500;
}


.bCatPost span.bCatCategory a:visited , .bCatPost span.bCatComments a:visited, .bCatPost span.bCatTags a:visited{ 
	color: #8b5e25;
}

.bCatPost div.bCatFoot {
	margin: 0 0 0 51px;
}

#sidebars {
	margin: 15px 0 0 0;
	float:right;
	width: 400px;
	
}

#sidebars .sidebarbox {
	background: url(images/sidebarheader.gif) top left no-repeat;
	padding: 8px 15px;
	font-size: 10pt;
}

#sidebars li {
	margin: 0 0 30px 0;
	list-style:none;
}
#sidebars .sidebarbox h2 {
	margin: 5px 0 0 70px;
	font-size: 12pt;
	color: #8b5e25;
	font-weight:bold;
}

#sidebars .sidebarbox div {
	margin: 10px 0 0 70px;
	width: 200px;
}

#sidebars ul {
	margin: 10px 0 0 70px;
	padding: 0 0 5px 0;
}

#sidebars li ul {
	padding: 0;
}

#sidebars ul ul li {
	margin: 0;
	padding: 2px 2px 2px 16px;
	color: #d08b13;
	line-height: 17px;
	list-style:disc;
	font-weight:bold;
}



#sidebars a {
	font-size:10pt;
	display: inline;
	color:  #d08b13;
}

#sidebars a:hover {
	color: #f49500;
}

#footer p {
	font-size: 9pt;
	color:#000;
	padding: 0;
	margin: 0;
}

#footer a {
	color: #d08b13;
}

#footer a:hover {
	color: #f49500;
}

#footer {
	margin: 0;
	padding:0 20px 0 20px;
	clear:both;
	
}

#footercredit {
	
	margin: 0 0 0 0;
	padding:15px 0 0 0;
	background-color:#fedd60;
	width:960px;
	list-style: none;
	height: 30px;
	text-align:center;
	
}

#comments {
  margin-bottom: 10px;
  margin-top: 15px;
  margin-left: 51px;
  width: 530px; 
  padding: 0px 15px 10px 15px;
  color: #000;
}

#comments h3 {
	font-size: 11pt;
	font-weight:bold;
	color:#000;
	margin: 15px 0;
	padding: 0;
}

#comments p a {
	color: #d08b13;
}

#comments p a:hover {
	color: #f49500
}

#comments p {
	padding: 0;
	margin: 7px 0;
}

ul.commentlist, ul.trackback {
	list-style-type: none;
	margin: 10px 0 0 51px;
	font-size: 9pt;
}

.commentlist li, .trackback li {
	margin: 10px 0 15px 0;
	padding: 10px;
	list-style-type: none;
}

  }
.commentlist li.alt {
  background: #000;
  border: 1px solid #020202;
  border: none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a:hover {
  color: #f49500;
  }
.commentlist a.gravatar {
  float: left;
  margin: 0 15px 10px 0;
  width: 60px;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 0;
  }
.commentlist .commentbody p a {
  text-decoration: underline;
  color:#d08b13;
  }
  
.commentlist .comment-author a {
text-decoration: underline;
  color:#d08b13;
}
  
.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #ddd;
  }
.commentlist small.commentmetadata a {
	font-size: 10pt;
  color: #d08b13;
  }
  
.commentlist .commentmetadata a {
		font-size: 10pt;
  color: #d08b13;
  }
  
.commentlist p {
	font-size: 9pt;
  color: #000;
  }
#respond {
  clear: both;
  margin-top: 15px;
  }
  
#respond p {
 font-size: 9pt;
}
 
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  padding: 10px;
  }
#comments #submit {
  margin: 0;
  }
#extrastuff {margin: 0 0 0 51px;}
#extrastuff a {color:#d08b13; font-size:0.8em;}
#extrastuff a:hover {color: #f49500; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}
.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
  
  
#nextprevious {
  margin: 10px 0 5px 51px;
  font-size:12px;
  }
#nextprevious a {
  color: #d08b13;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color:  #f49500;
  }
  

/* Code */
code {
	color: #000099;
	font: normal "Courier New", Courier, monospace;
	white-space: nowrap;
	padding: 0 2px;
}
pre code {
	display: block;
	clear: both;
	background: #FDF;
	color: #333;
	border: solid 1px #ccc;
	overflow: auto;
	line-height: 140%;
	white-space: pre;
	width: 470px;
	text-align:left;
}
code .comment {
	color: #888;
}
code .class, code .rules {
	color: #ff00ff;
	font-size: 100%;
}
code .value,  code .title, code .string {
	color: #0000FF;
}
code .tag {
	color: #000099;
}
code .keyword {
	color: #000099;
}
.html .attribute {
	color: #006600;
}
/* End Code */