/*  
Theme Name: Crunkish Theme Version 5.0
Theme URI: http://www.qool.com
Description: WordPress theme designed by <a href="http://www.qool.com">Qool Media Inc.</a>
Version: 1.0
Author: Kalani Diehl / Mathew Wong
Author URI: http://www.qool.com/

	This theme has been edited by Kalani Diehl from Qool Media Inc.

*/
body { font: 12px Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #333333; background: #fffaf0;}
a:link, a:visited{margin:0px; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; color:#ff0066; text-decoration:none;}
a:hover{color: #ff5599; text-decoration: none;}
a:active{margin:0px; padding:0px; font: bold 12px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
p {text-align:justify; text-indent:0px; font: 12px Arial, Helvetica, sans-serif; line-height: 1.6em; margin: 0px; padding:0px;}
img {border: 1px solid #CCCCCC; padding: 5px; margin:0px;}
ul {margin:0x; padding:0px;}
ul li {margin: 0px;}
ol { margin: 5px 0px 15px; padding-left: 20px;}
ul li {margin: 0px;}	
form {margin: 0px;padding: 0px;}
small {font-size: 90%;}
#left-col .meta {width: 100%; margin: 0px auto 10px auto;}

/* STYLE TEST */
div#featArticle{width: 920px;}
div#fa_leftCol{width:325px; float: left; margin:0px; padding:0px;}
div#fa_rightCol{width:595px; float:right; margin:0px; padding:0px;}

h2#fa_title{margin:0px; padding:0px; font:bold 18px Arial, Helvetica, sans-serif; letter-spacing:-1px; background: #333333; color:#ffffff; padding: 5px;}

div#fa_rightCol h4#fa_artTitle{margin:0px; padding:0px; font: bold 26px Arial, Helvetica, sans-serif; letter-spacing: -2px;}
div#fa_rightCol h4#fa_artTitle a{margin:0px; padding:0px; font: bold 26px Arial, Helvetica, sans-serif; letter-spacing: -2px; color:#333333;}
div#fa_rightCol h4#fa_artTitle a:hover{color: #ff0066; text-decoration:none;}
div#fa_rightCol p{text-indent:0px; margin:0px; padding:0px;}

div.vi_image{border-right: 1px solid #CCCCCC; margin:0px; padding:0px;}
div.vi_imginner{width:97%; float: left; margin:0px; padding:0px;}
div.vi_vidinner{width:97%; float:right; margin:0px; padding:0px;} 

div#videoAndImage{ width: 920px; 	margin:0px;	padding:0px; }
div#videoAndImage div.vi_image{	width: 460px;	float: left;	margin:0px;	padding:0px;}
div#videoAndImage div.vi_video{	width: 459px;	float: right;	margin:0px;	padding:0px;}

table#lp_popPost{margin: 5px auto; padding:5px 0px; border-bottom: 1px solid #CCCCCC;}
table#lp_popPost tr{padding:0px; margin:0px; vertical-align: top;}
table#lp_popPost td.tdExcerpt {padding: 0px 5px 0px; margin:0px;}
table#lp_popPost td.tdExcerpt a.article_link {font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-decoration: none; color:#333333;}
table#lp_popPost td.tdExcerpt a.article_link:hover {text-decoration: none; color:#ff0066;}
div#line{border-bottom: 1px solid #333333; margin:10px 0px 15px 0px; height: 14px; height:5px;}

ul#topComments{margin:0px; padding:0px;}
ul#topComments img {margin:0px; padding:0px; vertical-align: text-bottom;}

/*IMAGE AND VIDEO OF THE DAY*/
div#imgContainer{border-bottom:1px solid #333333; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px;}
div#imgMain{ width: 75%; margin:0px auto; padding: 0px;}
h2#titleBig, h2#titleBig a{margin:0px; padding: 0px; color: #333333; font: bold 24px Arial, Helvetica, sans-serif;}
h2.eoday, h2.eoday a, .eoday, .eoday a {margin: 0px; padding:0px; font: bold 18px Arial, Helvetica, sans-serif; color: #333333;}
h2.eoday a:hover, .eoday a:hover {color: #FF5599;}

/*SUBMISSIONS*/
div#content div.SiteWidth{width:920px; margin:0px auto; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 1.6em;}
div#Submission ul {margin: 10px auto; padding: 0px 0px 5px 0px; list-style-position: inside; border-bottom: 1px solid #cccccc;}
div#Submission ul li {margin: 0px 10px 5px 0px;}
div#Submission div.title{font: bold 16px Arial, Helvetica, sans-serif;}
div.MT textarea {width: 800px; padding: 5px; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 1.6em;}
label#lblSubmit{vertical-align: top; font: bold 12px Arial, Helvetica, sans-serif; margin:0px; padding: 0px; color: #333333;}

p#category-add{margin:0px; padding:0px;}

/*#page {background-attachment: fixed;background-image: url(images/header_bg.png);background-repeat: no-repeat;background-position: left top;}*/

#wrapper{width: 980px;margin: 0px auto;position: relative;background: url(images/cnYellowMid.jpg) repeat-y; }

/* ------------------------------------- header area  */
#header {background: #fffaf0; margin:0px; padding:0px;}
#innerHead{ width:965px; margin:0px auto; padding:0px;}


#cnMid{width:920px; margin:0px auto; height: auto !important;}

/**For Content Background - YELLOW*/
#cnTop{	background:url(images/cnYellowHead.jpg) no-repeat; 	width:980px; 	width:980px; 	height: 56px; padding:0px; margin:0px; clear: both;}
#cnBot{	background: url(images/cnYellowFoot.jpg) no-repeat;	width: 980px;	height: 38px; margin:0px auto;}

/*MainNavigation*/
#mainNavigation{background: #fffaf0 repeat; width:100%; margin:0px auto; padding: 0px; clear:both;}
#menuContainer{	height: 22px; width: 800px; margin: 0px auto; padding:0px; background: #fffaf0;}
#mainNav{ list-style-image: none;list-style-position:outside;list-style-type:none; width:796px; height:22px; padding:0px; margin:0px;}
#mainNav li{float:left;}
#mainNav li a{
	background-position:center top;
	display:block;
	height:22px;
	overflow:hidden;
	text-indent:-5000px;
}

#m1{background: url(images/navAll.jpg) no-repeat; width: 40px;}
#m2{background: url(images/navEntertainment.jpg) no-repeat; width: 131px; }
#m3{background: url(images/navGaming.jpg) no-repeat; width: 67px; }
#m4{background: url(images/navLifestyle.jpg) no-repeat; width: 83px; }
#m5{background: url(images/navOffbeat.jpg) no-repeat; width: 75px; }
#m6{background: url(images/navScience.jpg) no-repeat; width: 71px; }
#m7{background: url(images/navTechnology.jpg) no-repeat; width: 103px; }
#m8{background: url(images/navSports.jpg) no-repeat; width: 71px;}
#m9{background: url(images/navWorld.jpg) no-repeat; width: 155px; }

#mainNav li a:hover{
	background-position: center bottom;
}

#headNav{
	margin:0px; padding:11px;
	width:400px;
	height:20px;	
	float: left;
}

#headNav a{
	font: 16px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color: #000000;
	text-decoration:none;
	font-weight: bold;
	padding:5px;
	margin:0px;
}

#headNav a:hover{
	background: #FFB200;
	padding:5px;
	color:#ffffff;
}

#logo{
	width: 140px;
	height: auto;
	float: left;
	margin:0px;
	padding:0px;
}
#logoContainer{list-style-image: none;list-style-position:outside;list-style-type:none; height:47px;margin:0px; padding:0px; float:left}
#logoContainer a{
	background-position:center top;
	display:block;
	height:47px;
	overflow:hidden;
	text-indent:-5000px;
}

#mainLogo{ background: url(images/logoYellow.png)  no-repeat; width: 142px;}

/* site title */
h1 {position: absolute;top: 40px;left: 25px;color: #FFFFFF;margin: 0px;padding: 0px;font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;}
h1 a, h1 a:visited {color: #FFFFFF;text-decoration: none;}
h1 a:hover {color: #000000;text-decoration: none;}
.description {color: #000000;font: 12px Arial, Helvetica, sans-serif;}

/* search form */
#searchform {float:right; height:24px;margin:10px 0px; padding:0px; width:212px;}
#searchform #s{background:#FFFFFF; border:1px solid #999999; color:#999999; font: 12px Arial, Helvetica, sans-serif; padding:5px; }
#searchform #searchsubmit, #commentform #searchsubmit, #emailSub #searchsubmit { background:#FFB200; color:#FFFFFF; border:none; padding: 5px; margin:0px; font-weight: bold;}
#searchform #searchsubmit:hover, #commentform #searchsubmit:hover, #emailSub #searchsubmit:hover { background:#FF0066;}

/* ------------------------------------- main content area  */
/* This is the left column style */
#left-colhome { margin: 0px auto; padding: 0px; float: left;}
#left-colhome #content { width: 100%; }

#left-col { width: 418px; margin: 0px auto; padding: 0px 15px 0px 15px; float: left; border-right: 1px solid #CCCCCC; border-left: 1px solid #cccccc; }
#left-col #content {width:auto;}
#inner { margin: 0px auto; width: 100%; font: 12px Arial, Helvetica, sans-serif;}
#inner .summary { font-size: 2.0em; }
#left-col .main { }

/* search results page */
/*#left-col .entry2 { padding: 10px 20px 10px 20px !important; background-color: #e9e9e9; }*/
#left-col .entry2 p { padding: 0px; }
#left-col .entry2 h2 { padding: 0px; margin: 0px;}
#left-col .entry2 h2 a { color: #777; }
#left-col .entry2 .meta { padding: 0; margin: 0; font-size: 0.8em;}

/* SPONSORED RESULTS STYLES */
#floatsponsor { text-align: right; color: #BCBCBC; font-size: 0.8em;}
div#paid, #paid table, #results { width: 494px !important; margin-bottom: 15px; }
div#paid td { text-align: left; margin: 0; padding: 5px 5px; color: #fff; background-color: #efefef; border-bottom: 5px solid #e9e9e9;}
div#paid td:hover { margin: 0; padding: 5px 5px; color: #fff; background-color: #E4E4E4; border-bottom: 5px solid #e9e9e9;}
div#paid td a{ margin: 0; padding: 0; color: #00AEEF;}
div#paid td a:hover{ margin: 0; padding: 0; color: #00AEEF; }
div#paid .results_full_width_link a{color: #00AEEF; text-decoration: none; font-size: 1.5em;}
div#paid .results_full_width_link a:hover{color: #00AEEF; text-decoration: underline; font-size: 1.5em;}
div#paid .result_href a, div#paid .result_href a:hover{color: #333333; font-size: 1em; text-decoration: none; }

#floatsponsor { text-align: right; color: #BCBCBC; font-size: 0.8em;}
#ads div#paid, #ads #paid table,#ads #results { width: 534px !important; margin-bottom: 15px; }
#ads div#paid td { text-align: left; margin: 0; padding: 5px 5px; color: #fff; background-color: #efefef; border-bottom: 5px solid #e9e9e9;}
#ads div#paid td:hover { margin: 0; padding: 5px 5px; color: #fff; background-color: #E4E4E4; border-bottom: 5px solid #e9e9e9;}
#ads div#paid .results_full_width_link a{color: #00AEEF; text-decoration: none; font-size: 1.5em;}
#ads div#paid .results_full_width_link a:hover{color: #00AEEF; text-decoration: underline; font-size: 1.5em;}
#ads div#paid .result_href a, div#paid .result_href a:hover{color: #333333; font-size: 1em; text-decoration: none; }

#content .termfeed h2.pagetitle { margin: 0 0 10px 0; padding: 0; }
#content h2.pagetitle { margin: 5px 0 10px 0; padding: 0; }



/*-------------------------------------------------------------*/

#nav {background: url(images/center_header.png) no-repeat center top;height: 38px;}
#nav ul{list-style: none;margin: 0px 0px 0px 28px;padding: 0px 0px 0px 0px;font: bold 15px/100% serif;}
#nav ul li{margin: 0px 0px 0px 0px;padding: 0px;float: left;}
#nav ul li a{padding: 9px 0px 13px 0px;text-decoration: none;color: #444;display: block;background: url() bottom left no-repeat;margin-top: 1px;width: 110px;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;}
#nav li a:visited {text-decoration: none; color: color: #444;}
#nav .current_page_item a:visited {text-decoration: none; /*background:  url(images/center_header-o.gif) bottom left repeat-x;*/ color: #fff;width: 110px;}
#nav .current_page_item a {text-decoration: none;background:  url(images/center_header-o.gif) bottom left repeat-x;color: #fff;width: 110px;}
#nav li a:hover {text-decoration: none;/*background:  url(images/center_header-o.gif) bottom left repeat-x;*/color: #fff;width: 110px;}

/* sub menu */
#subnav {background: #FF3300; display: none; }
#subnav ul {margin: 0px;padding: 3px 5px 5px 5px;list-style: none;font: 11px/100% Arial, Helvetica, sans-serif;}
#subnav li {border-right: 1px solid #D8D8D8;padding: 0px 7px;margin: 0 0 5px;display:inline;line-height: 18px;}
#subnav li a, #subnav li a:visited, #subnav .page_item {text-decoration: none;color: #333333;}
#subnav .current_page_item a, #subnav .current_page_item a:visited {color: #3b9acc;}
#subnav li a:hover {text-decoration: none;color: #3b9acc;}

/* content */
#content { padding: 0px; width: 534px; clear: both; margin: 0px; background: /*#e9e9e9*/ url(images/*block-bg.png*/) repeat; color: #333333; font-size: 0.8em; font-family: Trebuchet MS, Arial, sans-serif; line-height: 1.8em; }
/*
#content strong { font-size: 1.3em;  display: block; background-color: #DEDEDE; }
#content p strong{ padding: 3px; display: block; text-align: left; margin: 15px 0px 15px 0px; font: bold 14px Arial, Helvetica, sans-serif; background-color: #DEDEDE;  }
*/
#content h3{ 
	padding: 3px; 
	display: block; 
	text-align: left; 
	margin: 15px 0px 15px 0px; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	background-color: #DEDEDE;  
	}

#content .entry2 { margin: 0 0 25px 0; padding: 0; border-bottom: 1px dashed #222;}
#content .entry2 h2 { margin: 0; padding: 0; font-size: 1.5em;}

#inner .post-link-home { margin-bottom: 20px; float: right; width: 370px;}
#inner .post-link .article_link {font-size: 1.5em; background: url(images/title-bg.png) top left repeat-y; padding: 10px; display: block;}
#inner .post-link a.article_link { color: #fff; }
#inner .post-link-home a.article_link { color: #555; font-size: 1.5em; margin: 0 0 5px 0; display: block; border-bottom: 1px dotted #777; text-decoration: none;}
#inner .post-link-home p {margin: 0;}

#inner .post-link .read-more { display: block; margin: 0 0 10px 0; background: url(images/read-btn.gif) no-repeat; width: 77px; height: 35px; text-indent: -1200px;}
#inner .post-link .read-more:hover { display: block; margin: 0 0 10px 0; background: url(images/read-btn-o.png) no-repeat; width: 77px; height: 35px; text-indent: -1200px;}


/* IMAGE ALIGN */
.main .right { float: right; margin: 5px 0px 2px 10px; }
.main .right img { margin: 0 auto; padding: 0; text-align: center;}
.main .left { float: left; margin: 5px 10px 2px 0px; }
.main .left img { margin: 0 auto; padding: 0; text-align: center;}
.main .none {  margin: 10px 10px 10px 0px; text-align: center;}
.main .none img { margin: 0 auto; padding: 0; text-align: center;}
.main td { padding: 0; margin: 0; text-align: center; vertical-align: bottom;}
.main .citation {font-size: 10px; border: 1px solid #e2e2e2; text-align: center; padding: 0px 3px 10px 3px; margin: 0 !important; font-family:arial;}
.main .article_images {text-align: center; margin: 0 auto;}


/* CATEGORY LIST STYLE */

div#catContainer {margin:10px 0px 0px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #CCCCCC;}
div#catContainer ul{margin:0px; padding:0px; list-style: none outside none;} 
div#catContainer ul li{margin:0px; padding:0px; font: 12px Arial, Helvetica, sans-serif; text-align: justify; line-height: 1.6em;} 


div#catContainer div#leftCat{margin:0px; padding: 0px; width:74%; float: left;}
div#catContainer div#rightCat{margin:0px; padding:0px; width: 25%; float: right;}
div#catContainer div#rightCat img {float: right;}

div#catContainer h2.catlisttitle, div#catContainer h2.catlisttitle a{font:bold 16px Arial, Helvetica, sans-serif; padding:0px; margin:0px; color: #333333;}
div#catContainer h2.catlisttitle a:hover{color:#ff0066;}






/* Latest Post Styles */
#inner .latest-post {margin:0px; padding:0px; width:600px; float: left; border-right: 1px solid #CCCCCC;}
#inner div#lp_popinner{margin:0px; padding:0px; width: 585px;}
#inner .latest-post p { margin:0px; letter-spacing:0px}

#inner .right-post { font: normal 12px Arial, Helvetica, sans-serif; margin:0px; padding: 0px;	text-align: justify; width: 305px; float: right;}
#inner .right-post li {list-style: none outside none; margin:10px 0px; padding:0px; border-bottom: 1px solid #CCCCCC;}


.post {padding: 0px; width: 100%; clear: both; overflow: hidden; margin: 0px;font: 12px Arial, Helvetica, sans-serif;}
.post img {margin:0px auto; width: auto;}
.post h2{margin:0px; padding:0px; font: bold 18px Arial, Helvetica, sans-serif;}
/* can add in a bullet or calendar image to go beside post details - style of number of date */
.post .date {height: 50px;width: 45px;background: url(images/post-calendar.gif) no-repeat; /**/font: normal 22px Arial, Helvetica, sans-serif;color: #444;text-align: center;padding: 0px 2px 0 0;line-height: 100%;float: left;margin: 4px 0 0 0;}

/* style of month */
.post .date span {height: 16px;display: block;font: normal 11px Arial, Helvetica, sans-serif;color: #ffffff;text-align: center;padding-top: 5px;}
.post .title {float: right;margin-left: 0px;width: 400px;}

/*
.postdata {font-size: 90%;color: #999999;}
.postdata a, .postdata a:visited {color: #999999;text-decoration: none;}
.postdata a:hover {color: #44a1d0;text-decoration: none;}
*/

/* Style for image beside author, posted by information */
.postdata .category{ background: url(images/mini-category.gif) left 3px  no-repeat; padding-left: 18px;float: left;}

/*adds in the image bullet for comments*/
.postdata .comments{background: url(images/mini-comment.gif) no-repeat; /**/padding-left: 18px;float: right;}

/*Adds in the image to comments*/
.mini-add-comment {background: url(images/) no-repeat left center; /*mini-down-arrow.gif*/padding-left: 12px;float: right;}
.entry {padding: 10px 0px 5px;clear: both;}
.entry p.submeta{font-size: 11px;}

/* post title 
h2 {color: #333333;margin: 3px 0 10px 0;padding-bottom: 10px; font: bold 18pt Arial, Helvetica,sans-serif;}
h2 a, h2 a:visited {text-decoration: none; margin: 0 0 10px 0;}
h2 a:hover {color: #D7EBF4;text-decoration: none;}
h3 {color: #666666;margin: 5px 0px 5px;font:bold 18pt Arial, Helvetica,sans-serif;}
*/

.latest_firstpost h2, .latest_firstpost h2 a:link, .latest_firstpost h2 a:visited {font: bold 24px Arial, Helvetica, sans-serif; color:#333333; letter-spacing: -2px;}
.latest_firstpost h2 a:hover{color:#FF0066;}



/* next & previous page navigation */
/*Image bb for mpage nav when it shows.*/
.page-nav {clear: both;background: url(images/) no-repeat left center; /*navigation-bg.gif*/height: 21px;}
.page-nav a, .page-nav a:visited {color: #ffffff;text-decoration: none;}
.page-nav a:hover {color: #000000;text-decoration: none;}
.previous-entries a {float: left;padding: 10px 0 0 10px;margin-left: 10px;margin-top: 10px;background: url(images/navigation-left.gif) no-repeat left center;}
.next-entries a {float: right;padding-right: 10px;margin-right: 10px;background: url(images/navigation-right.gif) no-repeat right center;
}

/* next & previous post navigation */
.post-nav {clear: both;padding-bottom: 35px;margin-top: -15px;font-size: 95%;}
.post-nav a, .post-nav a:visited {color: #999999;text-decoration: none;}
.post-nav a:hover {color: #ccc;text-decoration: underline;}
.post-nav .previous a {float: left;padding-left: 20px;background: url(images/post-nav-previous.gif) no-repeat left center;margin-top: 18px;margin-bottom: 5px;}
.post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url(images/post-nav-next.gif) no-repeat right center;margin-top: 18px;margin-bottom: 5px;}
#postbottom {background: url(images/center_footer.gif) top left no-repeat;height: 20px;margin-bottom: 20px;}


/* RELATED LINKS */
#rlink { display: block; clear: both; }
#rlink h2 { color: #ffffff; padding: 5px; background-color: #333333; font:bold 20px Arial, Helvetica, sans-serif; letter-spacing: -1px;}
#rlink {color: #666666;}
#rlink a { display: block; padding: 0 20px 10px 20px;}

/* COMMENT AREA  ===============================================================*/
h3#comments {background: url(images/comments.gif) no-repeat;padding-left: 22px;font: normal 140%/120% Arial, Helvetica, sans-serif;clear: both;}
h3#respond { background: url(images/respond.gif) no-repeat;padding-left: 22px;font: normal 140%/120% Arial, Helvetica, sans-serif;margin: 20px 0px 0px;clear: both;}

/* COMMENT FORM */
#commentform {margin-top: 10px;}
.comments #reply{ padding: 5px; font: bold 20px Arial, Helvetica, sans-serif; color: #ffffff; background-color: #333333; letter-spacing: -1px;}
#commentform label {font-weight: bold;color:#777;font-size: 100%;padding: 0px; margin:0px;}
#commentform small {color: #999999;font-size: 90%;}
#commentform input {font: bold 110% Arial, Helvetica, sans-serif; }

#commentform textarea {font: 90% Arial, Helvetica, sans-serif; width: 97%; height: 140px;background:#ffffff; border: solid 1px #ccc;padding: 5px 3px 3px 7px;color:#666666;font-weight: normal;}

#commentform #submit:hover {background: url(images/submit_btn.gif) no-repeat top left;}
/*#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #777777;}*/

/* COMMENT LIST */
.commentlist { margin: 10px 0px; padding-left: 0px; line-height: normal; list-style-type:none;}
.commentlist li{padding: 5px 10px; font-size: 12px; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.commentlist .alt {background-color: #EEEEEE; color: #777;}
.commentlist cite {font-weight: bold; font-style: normal; font-size: 110%;color: #669900;}
.commentlist cite a, .commentlist cite a:visited {color: #669900;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 87%;}
.commentlist small a, .commentlist small a:visited{color: #999999;}
/*=====================================================================================*/

/* FOOTER AREA  */
#footer { clear:both; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin: 10px auto 30px auto; width: 980px;color: #999999; text-align:center;}
#footer a, #footer a:visited {text-decoration: none;color: #666666; font: normal 10px Arial, Helvetica, sans-serif;}
#footer a:hover {text-decoration: underline;}

/* SIDEBAR STYLES  */
/* structure */
#sidebar-right{ float:right; margin:0px; padding: 0px 0px 0px 15px; width:300px; }
#sidebar-left { float: left; margin: 0px; padding:0px; width:130px; padding:0px 15px 0px 0px;}
*html #sidebar-left { float: left; margin: 0px; padding:0px; width:130px; padding:0px 10px 0px 0px;}
#sidebar-right, #sidebar-left {line-height: normal;}

/* This style removes the bullets from the li. */
#sidebar-right ul, #sidebar-left ul {list-style: none; margin: 0px; padding: 0px;} 
/* Top level menu style */

#sidebar-right ul li a{ color:#333333; display:block; font:12px Arial,Helvetica,sans-serif; margin:15px 0px 0px 0px; padding:0px; width:100%; border-bottom:1px solid #CCCCCC;}
#sidebar-left ul.cats li.home a{ font: 12px Arial, Helvetica, sans-serif;  padding:0px; margin: 0px;}
#sidebar-left ul.cats li {margin:10px 0px;}
ul.cats li.categories { margin: 0px 0px 20px 0px; padding:0px; font: 12px Arial, Helvetica, sans-serif;}
ul.cats li.categories li { padding: 0px; border-bottom:1px solid #CCCCCC; margin: 0px auto; }
/*#sidebar-left ul.cats li.categories a{ display: block; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; color: #00AEEF; background: url(images/article-bullet.gif) left 9px no-repeat;}*/

/*The hover state style for left sidebar */
#sidebar-left ul li.categories a:hover{ background: url(images/article-bullet.gif) left 9px no-repeat;padding: 5px 10px;display: block; color: #666666 !important;}
/*The hover state style for right sidebar */



/*====SIDEBAR TITLE====*/
#sidebar-right h2, #sidebar-left h2 {background: #FFB200; color: #FFFFFF; margin:0px 0px 10px 0px; padding:5px 0px 5px 5px; font: bold 12pt Arial, sans-serif;}



/* The style for the links in categories */
#sidebar-left div#categories a { margin:0px 0p 0p 0px; color: #333333; font: normal 8pt Arial, Helvetica, sans-serif; display:block;}
#sidebar-left div#categories li a { border-bottom:1px solid #CCCCCC;}
#sidebar-left div#categories a:hover, #sidebar-right ul li a:hover {color: #ff0066;}


/* The Child styles */
#sidebar-left .children { background: url(images/*block-bg.png*/) repeat; padding: 0px; border-top: 1px dotted #888; border-bottom: 1px dotted #888;}
#sidebar-left .children ul li a{ color: #999999 !important; padding: 5px 20px !important; background-image: none !important; }
#sidebar-left .children ul li a:hover{ color: #333333 !important; padding: 5px 20px !important; background-image: none;}

.catpager { text-align: right; background-image: none !important;}

/* ----------------------------------------------------------------*/

.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.hidden {clear: both;visibility: hidden;}


/*====================STYLES FOR MENU.HTML======================*/
/*++++++++++++++++++++++++ Mathew Wong++++++++++++++++++++++++++*/

/* SITE SIMULATION */
#siteSim{font: 12px Arial, Helvetica, sans-serif;}
#giant{	margin:0px auto;padding:0px;}
#giantRedHead{width:896px; margin: 10px auto;}
#headerContainer{width:auto;}
#logoContainer{width: 142px; height:47px; float: left;}
#simMenu{clear: right; float:none; padding:13px 0px; }

#sampRedContainer{
	width: 980px;
	height: auto;
	height:100%;
	margin: 0px auto;
}


/*IE HACK FOR SAMP CONTAINER*/
* html #sampRedContainer{margin:-15px auto;}

#sampRedTop{
	background: url(images/cnRedHead.jpg) no-repeat center;
	width: 980px;
	height: 48px;
}

#sampRedMid{
	background: url(images/cnRedMid.jpg) repeat-y center;
	width: 980px;
	height: auto;
	height: 100%;
}

#sampRedContent{ width: 93%; margin-bottom: 10px; margin:0px auto; padding:10px 0px;}
#leftMenu{
	float:left;
	width: 180px;
	border-right: 1px solid #999999;	
	position: relative;
	clear:none;
}

#contents {
	padding:0px 10px;
	margin: 0px 180px;
	position:relative;
}

/*
div#contents { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }
*/

#rightMenu{
	float:right;
	width:180px;
	border-left: 1px solid #999999;
	position:relative;
	padding: 0px 10px;
}

#sampRedBot{
	background: url(images/cnRedFoot.jpg) no-repeat center;
	width: 980px;
	height: 29px;
}

.menu, .menu a, .menu a:visited{ color: #FFFFFF; font-size:12px; font-weight:bold; padding:3px;}

.menu a:hover{
	background: #1a1a1a;
	text-decoration:none;
	font-weight:bold;
}

.sbTitles{
	background: #aa0000;
	color:#FFFFFF;
	padding: 3px;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;	
}


.mainTitle{
	color: #aa0000;
}

.smallText{
	font-size:10px;
}

.sampPost{
	padding-right:15px;
	padding-left:10px;
	text-align:justify;
	text-indent:50px;
}

#subMenu{
	width:80%;
	margin:0px auto;
	padding-top:15px;		
}

#left{
	float: left;
	width:180px;
	border-right:1pt solid #999999;
}

#right{
	padding:0px;
	margin-left:180px;
	margin-right:180px;
	padding: 0px 5px 0px 5px;
}

#center{	
	float:right;
	width:180px;
	margin:0px;
	border-left:1pt solid #999999;
	padding-left:8px;
}

.sideSamp{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-top:0px;
	width:90%;
	margin-left: -20px;
}

.sideSamp li{
	padding-top:10px;
	border-bottom:1px solid #999999;
	
}

.addsocial{
	width: 100% !important;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-size: 95%;
	line-height: 10px;
}

.addsocial img{padding:0px; margin: 0px; border:none;}

input:focus, textarea:focus, select:focus {
    background-color: #fde;
}
input, checkbox {
border:1px solid #CCCCCC;
font: 12px Arial, Helvetica, sans-serif;
color: #666666;
padding: 5px;
}
select{padding:0px; margin:0px;}

.captcha{
	font: 12px Arial, Helvetica, san-serif !important;
}

textarea {
border: 1px solid #CCCCCC;
background: #ffffff; 
color: #000000; 
}

label {
font-family: verdana;
color: #083964;
}

/* PHPLIST CSS Document */
.phplist fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}
.phplist label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 40px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
.phplist {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
/*  min-width: 500px;
  max-width: 700px;
  width: 660px; */
}
/* Use to style multiple lists */
.phplist .list {
	list-style-type: none;
}
/* Caption for multiple lists */
.phplist .caption {

}
.phplist fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
.phplist input, .phplist textarea, .phplist select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.phplist input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.phplist textarea{ overflow: auto; }

.phplist small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
.phplist .required{
	font-weight:bold; 
	color:red;
} 
.phplist .requiredOutline {
	border: 1px solid #ff0000;
}

/* uses class instead of div, more efficient */
.phplist br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

div#feedBurner h2{ margin:0px 0px 5px 0px; padding:0px; background: url(images/subscribeYellow.png) no-repeat; height: 28px; width: 300px;}