/*  
Theme Name: BCNW - Glassical *Tweaked*
Theme URI: http://www.smashingthemes.com/free-wordpress-themes/glassical/
Description: BCNW Glassical Theme was originally designed by SmashingThemes.com and was released via SmashingMagazine.com. It was then tweaked for BCNW by H18. Please note the SmashingThemes.com and SmashingMagazine are not affiliated. Both are two different entities.
Version: 1.0
Author: Abdullah Ibrahim then modified by Sherry Jang
Author URI: http://www.smashingthemes.com
Tags: light, yellow, silver, blue, two-columns, fixed-width
*/

html, body
{
	background-color:#e5f7f7;
/*	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center center;
	background-attachment:fixed;*/
	background-image: url("images/bcnw-background.gif");
	background-repeat: no-repeat;
	background-position: top center;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	line-height: 1.5em;
	color:#666;
	text-align:center;
}

form {margin:0;padding:0;}

a
{
	/*color:#6CBDDE;*/
	color:#9f60b5;
	text-decoration:none;
}

a:hover
{
	/*text-decoration:underline;*/
	color: #4ac5db;
}

a img
{
	border:none;
}

form
{
	padding:0;
	margin:0;
}

input, select, textarea
{
	font-family:Arial, Tahoma, Verdana;
}

h1, h2, h3
{
	padding:0;
	font-weight:bold;
/*	text-transform:uppercase;*/
}

h1
{
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	font-size:28px;
	color:#9f60b5;
	margin:0 0 20px 0;
	line-height: 32px;
	font-weight:normal;
}

h1 a { color:#4ac5db; }

h2
{
	font-size:23px;
	color:#4ac5db;
	margin:0 0 20px 0;
	font-weight: normal;
	font-family: Georgia, Times, "Times New Roman", sans-serif;
}

h3
{
	font-size:15px;
	color:#69D2E7;
	margin:0;
}

h2 a { color:#D14640; }
h3 a { color:#69D2E7; }



/* ////////////////////// Layout ////////////////////// */
#pagewidth
{
	width:970px;
	text-align:left;
	margin:0 auto;
	padding:30px 0px 30px 10px;
	position:relative;
}

#header
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
/*	background:url(images/header.png) bottom left no-repeat;
*/}

#content
{
	clear:both;
	float:left;
	width:960px;
	padding:30px 0px 0 0px;
	position:relative;
/*	background:url(images/content.jpg) top left repeat-y;
*/
	background-color: #FFF;
	background-image: url("images/bcnw-rightsidebar-bg.gif");
	background-position: 600px 0;
	background-repeat: repeat-y;
}

#content #left
{
	display:inline;
	width:540px;
	float:left;
	margin:0 30px 0 30px;
}

#content #right
{
	position:relative;
	display:inline;
	width:300px;
	float:right;
	padding:0 30px 0 30px;
	background-color: #f7f7f7;

}

#footer
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
/*	background:url(images/footer.png) top left no-repeat;
*/	color:#fff;
	padding-top:20px;
}
/* ////////////////////// Layout ////////////////////// */



/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */
#header .logo
{
	width:480px;
	float:left;
	margin-bottom:0px;
}

#header .logo a
{
	float:left;
/*	background:url(images/logo.png) top left no-repeat;
*/	width:480px;
	height:96px;
	/*margin-bottom:30px;*/
}

#header .ad
{
	float:right;
	display:none;
}

#navigation
{
	position:relative;
	clear:both;
	float:left;
	width:960px;
	margin:0 0 0px 0;
	padding:10px 0px 0 0;
/*	background:url(images/navigation.png) top left;
*/	list-style:none;
	/*position:absolute;
	bottom:10px;
	right:0px;*/
}

#navigation li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:auto;
}

#navigation li ul
{
	z-index:10;
	position:absolute;
	top:31px;
	left:-9999px;
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	background:url(images/navigation_sub.png) top left;
}

#navigation li:hover ul
{
	left:0px;
}

#navigation li ul li, #navigation li ul li ul li
{
	float:left;
	width:200px;
	position: relative;
}

#navigation li a
{
	display: block;
	float:left;
	padding:8px 20px 8px 0px;
	font-weight:normal;
/*	text-transform:uppercase;*/
	color:#8bb33d;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#navigation li a:hover {
	color: #4BC5DB;
}

#navigation li ul li a
{
	width:170px;
	margin:5px;
}

#navigation li ul li a:hover
{
	background:url(images/navigation.png) top left;
}

#navigation li ul li:hover
{
	background:none;
}

#navigation li:hover, #navigation li.current_page_item, #navigation li.current_page_ancestor
{
	background:url(images/navigation.png) top left;
}

#navigation li ul li ul, #navigation li:hover ul li ul
{
	top:0px;
	left:-9999px;
}

#navigation li ul li:hover ul
{
	left:200px;
}

#navigation li.rss
{
	float:right;
	margin: 0px; padding: 0px; 
}
#navigation li.rss a{ margin: 0px; padding: 0px; }
/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */



/* ////////////////////// Main Content ////////////////////// */
.heading
{
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:2px solid #E0E4CC;
}

.post
{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:2px solid #E0E4CC;
}


.post h2, .post h2 a
{
	color:#4ac5db;
}

.post h1, .post h2
{
	clear:left;
	margin-bottom:15px;
	float:left;
	
	width:auto  !important;
	width:500px;
	max-width:500px;
}

.post .comment_count
{
	float:right;
	width:29px;
	height:27px;
	background:url(images/comment.png) top right no-repeat;
	padding:5px 0 0 0;
	text-align:center;
	font-weight:bold;
	margin:0 15px 0px 0;
	line-height:15px;
/*	position: absolute;
	bottom: 0px; 
	right: 150px; 
*/}

.post .comment_count a
{
	color:#666;
	float:left;
	width:100%;
}

.post .meta
{
	clear:left;
	float:left;
	margin:0;
	/*font-size:11px;
	margin-bottom:20px;*/
	font-size:11px;
	font-weight:bold;
/*	text-transform:uppercase;*/
	margin-top:0;
	margin-bottom:5px;
	color:#aaa;
}

.post .meta a
{
	color:#999;
}

.post .postinfo
{
	float:left;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	padding:20px;
	width:500px;
	background:#EEEEEE;
}

.post .postinfo h2
{
	color:#666;
	margin-bottom:10px;
}

.post .postinfo ul
{
	float:left;
	list-style:none;
	margin:0 0 -5px 0;
	padding:0;
	width:50%;
}

.post .postinfo ul li
{
	clear:both;
	margin:0 0 5px 0;
}

.post .postinfo ul.post-categories li
{
	margin-bottom:0;
	padding:5px 0 5px 27px;
	background:url(images/folder.png) center left no-repeat;
}

.post .postinfo ul.post-categories li a
{
	font-weight:bold;
}

.post .postinfo ul.tags li
{
	float:left;
	clear:none;
	margin-right:5px;
}

.post .postinfo ul.tags li a
{
	color:#fff;
	background-color:#D14640;
	padding:1px 3px;
	text-transform:uppercase;
	font-size:10px;
}

.post .postinfo ul.tags li a:hover
{
	background-color:#FA6900;
	text-decoration:none;
}

.post .postinfo ul.post-categories, .post .postinfo ul.tags li.first
{
	clear:left;
}

.post a.more-link
{
	clear:both;
	color:#fff;
	float:right;
	padding:5px 8px;
	margin-top:3px;
	margin-bottom:20px;
	font-size:10px;
	text-transform:uppercase;
	background:#F38630 url(images/more-link.jpg) 113px 6px no-repeat;
	width:115px;
	line-height:12px;
	font-weight:lighter;
}

.post .body
{
	clear:both;
	position: relative;
}

.post .body h1, .post .body h2, .post .body h3
{
	float:none;
	margin:0 0 10px 0;
}

.post .body p, .post .body ul, .post .body ol, .post .body blockquote, .post .body img
{
	margin:0 0 20px 0;
}

.post .body p, .post .body img
{
	padding:0;
}

.post .body img
{
	max-width:540px;
}

.post img.postimg
{
	width:100%;
	margin:0;
}

blockquote
{
	margin-left:20px;
	margin-right:20px;
	padding:40px 30px 10px 30px;
	border:1px dotted #fff;
	background:#FFF5CA url(images/quote.png) 10px 10px no-repeat;
	text-align:justify;
}

.post .body blockquote p
{
	/*margin:0;*/
}

.post .body a
{
	font-weight:bold;
}

.post .body img.alignright {float:right;margin:0 0 10px 10px}
.post .body img.alignleft {float:left;margin:0 10px 10px 0}
.post .body img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.post .body a img.alignright {float:right; }
.post .body a img.alignleft {float:left;}
.post .body a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.small
{
	width:255px;
	float:left;
	clear:none;
	margin-right:30px;
	border:none;
}

.small .sbody
{
	clear:both;
}

.small h2
{
	font-size:20px;
}

.small img.postimg
{
	margin-bottom:0;
}

.even
{
	margin-right:0;
}
/* ////////////////////// Main Content ////////////////////// */



/* ////////////////////// Paging ////////////////////// */
.paging
{
	clear:both;
	float:left;
	width:100%;
}

.paging .prev
{
	float:left;
	width:50%;
}

.paging .next
{
	float:right;
	text-align:right;
	width:50%;
}

.paging div a
{
	float:left;
	font-weight:bold;
	padding:7px 10px;
	margin-bottom:30px;
	color:#fff;
	background-color:#D14640;
}

.paging div a:hover
{
	text-decoration:underline;
}

.paging .prev a
{
	float:left;
}

.paging .next a
{
	float:right;
}

/*
.paging
{
	clear:both;
	float:left;
	width:600px;
	background:#F5F8E6;
	margin:0 -30px;
}

.paging .prev
{
	float:left;
	width:50%;
}

.paging .next
{
	float:right;
	text-align:right;
	width:50%;
}

.paging div a
{
	float:left;
	font-weight:bold;
	padding:5px;
	margin:10px 10px;
}

.paging .prev a
{
	float:left;
}

.paging .next a
{
	float:right;
}
*/
/* ////////////////////// Paging ////////////////////// */



/* ////////////////////// Side Bar ////////////////////// */
#sidebar
{
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#sidebar h2
{
	color:#8bb33d;
	text-align:left;
	margin-bottom:10px;
	font-size: 22px;
	font-family: Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
}

#sidebar li.widget
{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}

#sidebar li ul
{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 -10px 0;
	padding:0;
	list-style:none;
	width:100%;
}

#sidebar li ul li
{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 10px 0;
	color:#939598;
	text-align:left;
	font-size:14px;
	font-family: Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
	
}

#sidebar li ul li a
{
	color:#939598;
	/*float:left;*/
}

#sidebar li ul li a:hover{ color: #4ac5db;}

#sidebar li ul li ul.children
{
	width:100%;
	margin:7px 0 0 0;
	padding:0;
}

#sidebar li ul li ul.children li
{
	padding:3px 0;
	margin:0 0 0 0;
	font-size:12px;
	font-weight:normal;
	background:url(images/child.jpg) center left no-repeat;
}

#sidebar li ul li ul.children li a
{
	font-weight:normal;
	/*text-transform:uppercase;*/
	color:#939598;
	margin-left:20px;
}

#sidebar .search_widget
{
	float:left;
	margin:-30px -30px 0 -30px;
	padding:20px 20px;
	width:320px;
	height:35px;
	background:url(images/search_bg.jpg) bottom left no-repeat;
}

#sidebar .search_widget #s
{
	float:left;
	background:url(images/search.jpg) top left no-repeat;
	width:270px;
	height:35px;
	padding:0;
	border:none;
	padding: 0px 0 0px 10px;
	font-size: 16px;
	line-height: 35px;
	
}

#sidebar .search_widget #sb
{
	float:left;
	background:url(images/search_button.jpg) top left no-repeat;
	width:40px;
	height:35px;
	padding:0;
	border:none;
	cursor:pointer;
}

#creditsfix
{
	clear:both;
	float:left;
	width:100%;
	height:52px;
}

#credits
{
	float:left;
	position:absolute;
	right:30px;
	bottom:0px;
	width:320px;
	height:47px;
	padding:0;
	margin:0 0 5px 0;
	float:left;
	list-style:none;
}

#credits li
{
	clear:both;
	float:left;
	width:100%;
	margin:0 0 5px 0;
	padding:0;
}

#credits li a
{
	float:right;
	color:#666;
	font-size:10px;
	text-transform:uppercase;
}

#credits li img
{
	vertical-align:middle;
	margin-right:5px;
}
/* ////////////////////// Side Bar ////////////////////// */



/* ////////////////////// Comments ////////////////////// */
#comments
{
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:0px;
	background:#fff;
}

#comments a
{
	/*color:#666;*/
}

#comments p.notice
{
	margin:0 0 30px 0;
	padding:0px;
	text-align:center;
	font-weight:bold;
}

#comments .commentlist
{
	clear:both;
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
}

#comments .commentlist h2,
#comments #respond h2 { font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-weight:bold;}

#comments .commentlist li
{
	clear:both;
	padding:0px;
	margin:0 0 20px 0;
}

#comments .commentlist li div.comment-body
{
	padding:20px;
	background:#F5F8E6;
	background:#F8FAEF;
	background:#F7F7F7;
	background:#F5F8E6;
	border:1px solid #E0E4CC;
}

#comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body
{
	background:#F7F7F7;
	border:none;
}

#comments .commentlist li div.comment-author .avatar
{
	padding:0;
	margin:0 10px 0 0;
	float:left;
	width:50px;
	height:50px;
	border:5px solid #E0E4CC;
}

#comments .commentlist li div.comment-author cite
{
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#D14640;
	text-transform:uppercase;
}

#comments .commentlist li div.comment-author .says
{
	margin-left:3px;
	display:none;
}

#comments .commentlist li div.comment-meta
{
	margin-bottom:10px;
	font-size:10px;
	text-transform:uppercase;
}

#comments .commentlist li div.comment-meta a
{
	text-decoration:none;
}

#comments .commentlist li p
{
	padding:0;
	margin:0 0 10px 0;
}

#comments .commentlist li .reply
{
	float:right;
	font-weight:bold;
}

#comments .commentlist li .reply a
{
	float:left;
	color:#666;
	background-color:#C8CEAA;
	margin:10px 0 0 0;
	padding:5px 8px;
	text-transform:uppercase;
	font-size:11px;
}

#comments .commentlist li.pingback .reply, #comments .commentlist li.trackback .reply
{
	display:none;
}

#comments .commentlist li ul.children
{
	float:left;
	clear:both;
	list-style:none;
	padding:0 0 0 20%;
	margin:0;
	width:80%;
	/*background:url(images/comment_reply.jpg) top left no-repeat;*/
}

#comments .commentlist li ul.children li
{
	clear:both;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	width:100%;
}

#comments .commentlist li #respond
{
	margin:20px 0 0 0;
}

#comments .commentlist li:after, #comments .commentlist li div.comment-body:after, #comments .commentlist li ul.children li:after
{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}



#comments #respond
{
	clear:both;
	margin:0 0 30px 0;
	padding:20px 20px 0 20px;
	background:#F7F7F7;
	border:1px solid #eee;
}

#comments #respond .cancel-comment-reply
{
	float:left;
	margin:-10px 0 20px 0;
	text-transform:uppercase;
}

#comments #respond .cancel-comment-reply small a
{
	float:left;
}

#comments #respond .form
{
	clear:both;
	/*float:left;*/
	margin:0;
	padding:0;
}

#comments #respond .form p
{
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}

#comments #respond .form p label
{
	float:left;
	width:35%;
	margin-top:4px;
}

#comments #respond .form p label small
{
	margin-left:5px;
	font-size:10px;
}

#comments #respond .form .tf, #comments #respond .form textarea.tf
{
	float:right;
	width:60%;
	padding:7px;
	font-size:12px;
	color:#666;
	background:#eee;
	border-top:2px solid #ddd;
	border-bottom:none;
	border-right:none;
	border-left:none;
}

#comments #respond .form #submit
{
	float:right;
	padding:5px;
	border:none;
	background:#9f60b5;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}

#comments #respond .form #submit:hover {
	background: #4ac5db;
}

/* ////////////////////// Comments ////////////////////// */



/* ////////////////////// Commons ////////////////////// */
ul.list
{
	margin:0;
	padding:0;
	list-style:none;
}

ul.list li
{
	margin:0 0 5px 0;
	padding:0;
}

ul.list li.gap
{
	margin-bottom:15px;
}
/* ////////////////////// Commons ////////////////////// */



/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */
.ie7 #comments { background:none; }
.ie7 #comments .commentlist li div.comment-body { display:inline-block; }
.ie7 #comments #respond, .opera #comments #respond
{
	padding-bottom:20px;
	margin-top:-20px;
	margin-bottom:30px;
}
.ie7 #creditsfix { height:82px; }
.ie7 #header { z-index:5; }
.ie7 #navigation { float:none; }
/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */



/* ////////////////////// Hacks ////////////////////// */
.clearfix:after
{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.clearfix
{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/* ////////////////////// Hacks ////////////////////// */