/*
Theme Name: WP Max
Theme URI:
Description:
Version:
Author:
Author URI:
*/

/* Imports */
/* @import url("/templates/subZero/css/rounded.corners.css");
@import url("/templates/subZero/css/header.css"); 
@import url("/templates/subZero/css/menu.css"); 
@import url("/templates/subZero/css/featured.story.css");
@import url("/templates/subZero/css/more.features.css");
@import url("/templates/subZero/css/latest.css");
@import url("/templates/subZero/css/more.latest.css");
@import url("/templates/subZero/css/searchform.css");
@import url("/templates/subZero/css/mediaplayer.css");
@import url("/templates/subZero/css/300x250.css");
@import url("/templates/subZero/css/subscription.css");
@import url("/templates/subZero/css/carousel.css");
@import url("/templates/subZero/css/gallery.css");
@import url("/templates/subZero/css/sidebar.css");
@import url("/templates/subZero/css/ajax.tabs.css");
@import url("/templates/subZero/css/front.categories.css");
@import url("/templates/subZero/css/footer.css");
@import url("/templates/subZero/css/single.post.template.css");
@import url("/templates/subZero/css/archive.css");
@import url("/templates/subZero/css/table-style.css");
@import url("/templates/subZero/css/web.css");*/

/* Reset */
* {
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma;
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;

}

html, body {line-height: 1;	}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
ol {margin: 0 0 0 20px}
.clear {clear:both}
a {color: #366799}
a:hover {color: #333}

/* Page Layout */
body {
	width: 100%;
	background: #e5ecf1;
	text-align: center;
	cursor: default;
}

#pagei {
	width: 1000px;
	height: auto;
	padding: 7px 0 7px 0;
	margin: 25px auto 0 auto;
	text-align: left;
	font-size: 0.75em;
	color: #555;
}

#page {
	height: auto;
	background: #fff;
	padding: 10px;
}
/* ======================================= START HEADER ============== */
#header {
	width: 1000px;
	height: auto;
	background: #C7DFA8;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 0.75em;
	color: #666;
}

#top {
	height: 22px;
	border-bottom: 2px solid #aaa;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
	font-weight: bold;
}

#date {
	float: left;
	padding: 3px 0 3px 10px;
	height: 16px;
	line-height: 16px;
}

#pagenav {
	float: right;
	padding: 3px 10px 3px 0;
}

#pagenav li {
	float: left;
	display: block;
	border-right: 1px solid #999;
	padding: 0 4px 0 4px;
}

#pagenav li a {
	float: left;
	display: block;
	height: 16px;
	line-height: 16px;
}

#pagenav li a:hover {
	border-bottom: 1px dotted #bbb;
}

#pagenav li.rss a {
	background: url(../img/rss.gif) no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#logo {
	float: left;
	padding: 0px 0 0px 0px;
}

#logo a {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../img/mye.jpg) no-repeat;
}

#ad {
	float: right;
	padding: 15px 10px 10px 0;

	font-weight: bold;
	color: #000000;

}

#ad a, #ad img {
	display: block;
	overflow: hidden;
}

#headerc {
	height: 2px;
	background: #fff;
}
/* ======================================= END HEADER ============== */

/* ======================================= START MENU ============== */

#menu {
	height: 25px;
	width: 100%;
	background: #b2d487;
	border-top: 1px solid #fff;
	position: fixed;
	border-bottom: 1px solid #330000;
}

#menu li {
	float: left;
	display: block;
	border-right: 1px solid #93b666;
	border-bottom: 1px solid #93b666;
	position: relative;
}

#menu li a {
	float: left;
	display: block;
	font-weight: bold;
	color: #444;
	padding: 0 10px 0 10px;
	height: 24px;
	line-height: 24px;
	position: relative;
}

.arrow {
	position: absolute;
	top: -1px;
	left: 42%;
	background: url(../img/arrow.png) no-repeat;
	display: block;
	width: 10px;
	height: 5px;
}

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover {
	background: #cae9a3;
	color: #222;
}

/* Sub Menu Stylesheet */
#menu ul {
	display: none; 
	position: absolute;
	z-index: 999;
	top: 24px;
	left: -1px;
	background: #fff;
	padding: 10px 5px 10px 5px;
	border: 1px solid #cdd8e0;
	border-top: 0;
	height: auto;
	width: 190px;
}

#menu ul li {
	float: none;
	display: block;
	border-right: 0;
	position: static;
}

#menu ul li a {
	float: none;
	display: block;
	font-weight: bold;
	color: #366799;
	padding: 0 5px 0 5px;
	height: 22px;
	line-height: 22px;
	position: static;
	border-top: 1px solid #eee;
}

/*
#menu ul li a:hover, #menu ul li a.selected, #menu ul li a.selected:hover {
	background: #f6f6f6;
	color: #222;
}
*/
/* ======================================= END MENU ============== */


/* ======================================= START LATEST ============== */
#mid-latest li {
	padding: 10px;
	border: 1px solid #f1f1f1;

}

#mid-latest h2 a {
	font-size: 1.1em;
	line-height: 1.3em;
}

#mid-latest h2 a:hover {
	border-bottom: 1px dotted #bbb;
}

#mid-latest .lpost {
	overflow: hidden;
}

#mid-latest img {
	float: left;
	/*display: inline;
	border: 1px solid #d9e2e5;
	padding: 2px;*/
	margin: 0 10px 0 0;
	overflow: hidden;
}

#shoutbox img {
	/*display: inline;
	border: 1px solid #d9e2e5;
	padding: 2px;*/
	margin: 0 10px 0 0;
	overflow: hidden;
}

#shoutbox .lpost {
	overflow: hidden;
}

#shoutbox li {
	padding: 5px;
	border-bottom: 1px solid #f1f1f1;

}

#mid-latest p {
	line-height: 1.5em;
	padding: 5px 0 0 0;
}

.sd {
	font-size: 0.85em;
	margin: 2px 0 0 0;
	color: #999;
	/* text-transform: uppercase; */
}

/* ======================================= END LATEST ============== */

/* ======================================= START MORE LATEST ============== */
#mid-latest-more li {
	display: block;
	padding: 5px 0 5px 0;
	background-position: left 7px;
	border-bottom: 1px dotted #ddd;
	line-height: 1.3em;
	font-size: 1.1em;
}

#mid-latest-more a:hover {
	border-bottom: 1px dotted #bbb;
}

/* ======================================= END MORE LATEST ============== */

/* ======================================= START SUBSCRIPTION ============== */
#subscribe {
	margin: 0 0 15px;
}

#subscribe p {
	margin: 5px 0 5px 0;
}

.feedlink {
	display: block;
	font-weight: bold;
	background: url(../img/rss.gif) no-repeat;
	background-position: left 3px;
	padding: 5px 0 5px 22px;
	border-bottom: 1px dotted #ccc;
}

.feedmail {
	display: block;
	font-weight: bold;
	background: url(../img/mail.gif) no-repeat;
	background-position: left 4px;
	padding-left: 22px;
	line-height: 1.5em;
	height: 1.5em;
}

#subscribe input {
	vertical-align: middle;
}

#feedinput {
	padding: 2px;
	border: 1px solid #ddd;
	color: #666;
}

.feedinput {
	padding: 2px;
	border: 1px solid #ddd;
	color: #666;
}

#feedbutton {
	width: 50px;
	height: 18px;
	background: url(../img/signup.gif) no-repeat top;
	cursor: pointer;
	margin: 0 0 0 3px;
}

#feedbutton:hover {
	background: url(../img/signup.gif) no-repeat bottom;
}
/* ======================================= END SUBSCRIPTION ============== */

/* ======================================= START GALLERY ============== */
#gallery {
	/* width: 980px; */
	/* height: 93px; */
	border-top: 1px solid #d9e2e5;
	margin: 0 0 0 0;
	background: #fff;
	overflow: hidden;
}

#gallery .container {
	float: left;
	/* width: 920px; */
	/* height: 73px; */
	position: relative;
	overflow: hidden;
	padding: 10px 0 10px 0;
	overflow: hidden;
}

#gallery ul {
	/* width: 1000px; */
	/* height: 73px; */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}

#gallery ul li {
	float: left;
	width: 115px;
	height: 73px;
	text-align: center;
	overflow: hidden;
}

#gallery ul li a {
	border: 3px solid #ddd;
	display: block;
	overflow: hiden;
	margin: 0 auto 0 auto;
	width: 100px;
	height: 67px;
	overflow: hidden;
}

#gallery ul li a:hover { border: 3px solid #aaa }

#gallery ul li a img {
	display: block;
	overflow: hidden;
	margin: 0 auto 0 auto;
	width: 100px;
	height: 67px;
	overflow: hidden;
}
/* ======================================= END GALLERY ============== */

/* ======================================= START AJAX TABS ============== */
.tabs {
	border-bottom: 1px solid #ddd;
	height: 20px;
}

.tabs li {
	float: left;
	display: inline;
	margin-right: 2px;
	height: 20px;
}

.tabs li a {
	float: left;
	display: block;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 5px 0 5px;
	background: #366799;
	color: #fff;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}

.tabs li a:hover {
	background: #498fd6;
	color: #fff;
}

.tabs li a.selected {
	background: #fff;
	color: #333;
	z-index: 9;
}

.tabs li a.selected:hover {
	background: #fff;
	color: #333;
	z-index: 9;
}

.tabcontent {
	display: none;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 5px 10px 10px 10px;
}

.tabcontent li {
	padding: 4px 0 4px 0;
	line-height: 1.4em;
	border-bottom: 1px dotted #ccc;
}

@media print {
	.tabcontent {
	display: block !important;
	}
}
/* ======================================= END AJAX TABS ============== */

/* ======================================= START FRONT CATEGORIES ============== */
.column1 {
	float: left;
	width: 319px;
	display: inline;
}

.column2 {
	float: left;
	width: 319px;
	border-left: 1px solid #d9e2e5;
	display: inline;
	padding-left: 10px;
	margin-left: 10px;
} /* Main columns should be equal */

.cat li {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #f1f1f1;
}

.cat h2 a {
	font-size: 1.3em;
	line-height: 1.3em;
}

.cat h2 a:hover {
	border-bottom: 1px dotted #bbb;
}

.cat .fpost {
	padding: 7px 0 0 0;
}

.cat img {
	float: left;
	display: inline;
	border: 1px solid #d9e2e5;
	padding: 2px;
	margin: 0 10px 0 0;
}

.cat p {
	line-height: 1.5em;
}

.feedrss {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/rss.gif) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
}

ul.more li {
	display: block;
	padding: 3px 0 3px 17px;
	background: url(../img/postbullet.gif) no-repeat;
	background-position: left 7px;
	border-bottom: 1px dotted #ddd;
	line-height: 1.3em;
	font-size: 1.1em;
}

ul.more li a:hover {
	border-bottom: 1px dotted #bbb;
}
/* ======================================= END FRONT CATEGORIES ============== */

/* ======================================= START FOOTER ============== */

#footer a {
	color: #fff;
}

#footer a:hover {
	border-bottom: 1px dotted #fff;
}

#footer h6 {
	color: #444;
	padding: 0 0 3px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px solid #4375a9;
}

#footer li {
	float: left;
	margin-right: 20px;
	line-height: 1.5em;
}

.footer-sec {
	float: left;
	width: 400px;
	margin-right: 10px;
	font-weight: bold;
	height: auto;
}

#footer-top a {
	float: left;
	display: inline;
	padding: 0 0 0 13px;
	background: url(../img/backtotop.gif) no-repeat left 3px;
	line-height: 1.3em;
}

/* ======================================= END FOOTER ============== */

/* ======================================= START SINGLE POST TEMPLATE ============== */
/* Share post - custom social bookmarks */
#social {
	border: 1px solid #d9e2e5;
	background: #fff;
	padding: 5px 10px 5px 10px;
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 99;
}
#social a {
	display: block;
	padding-left: 25px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding: 3px 0 3px 25px;
	width: 150px;
}
a#del {background: url(../img/bookmarks/delicious.png) no-repeat left center}
a#dig {background: url(../img/bookmarks/digg.png) no-repeat left center}
a#red {background: url(../img/bookmarks/reddit.gif) no-repeat left center}
a#stu {background: url(../img/bookmarks/stumbleupon.gif) no-repeat left center}
a#tec {background: url(../img/bookmarks/technorati.gif) no-repeat left center}
a#mix {background: url(../img/bookmarks/mixx.png) no-repeat left center}
a#des {background: url(../img/bookmarks/designfloat.png) no-repeat left center}

/* Aligning for Images */
.nav {padding:10px 0 0 0}
.alignleft {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	display: inline;
	margin: 0 0 0 10px;
}

.aligncenter {
	margin: 0 auto 0 auto;
	display: block;
	text-align: center;
}

.wp-caption img {
	margin: 0 0 5px 0;
	background-color: #FFFFFF;
}

.wp-caption-text {
	color: #fff;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	width: auto;
	font-weight: bold;
	text-transform: uppercase;
}

/* Major Styles */
.sitenav {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

.post h1 {
	font-size: 2em;
	font-weight: normal;
	font-family: georgia;
	line-height: 1.4em;
	color: #333;
	margin: 0 0 5px 0;
}

.post h2 {
	font-size: 1.8em;
	font-weight: normal;
	font-family: georgia;
	line-height: 1.4em;
	color: #333;
	margin: 0 0 5px 0;
}

.post h3 {
	font-size: 1.4em;
	font-weight: normal;
	font-family: georgia;
	line-height: 1.4em;
	color: #333;
	margin: 0 0 0 0;
}

.post h4 {
	line-height: 1.4em;
	color: #333;
	margin: 10px 0 5px 0;
}

.post h5 {
	line-height: 1.4em;
	color: #ff9600;
	margin: 10px 0 5px 0;
	font-size: 0.9em;
}

.post h6 {
	line-height: 1.4em;
	color: #333;
	margin: 10px 0 5px 0;
	font-size: 0.9em;
}

.post p {
	line-height: 1.6em;
	margin: 0 0 10px 0;
}

.post img {
	padding: 2px;
}

/* entry specific css */
.entry {
	display: block;
		padding: 10px;
}

.entry ul {margin: 0 0 20px 0}
.entry ol {margin: 0 0 20px 20px}
.entry ul ul {margin: 0 0 0 20px}
.entry ol ol {margin: 0 0 0 40px}

.entry ul li, .entry ol li {
	line-height: 1.5em;
	padding: 2px 0 2px 0;
	border-top: 1px solid #eee;
}

.entry ol li li {
	line-height: 1.5em;
	padding: 2px 0 2px 0;
	border: 0;
	color: #777;	
}

.entry ul li li {
	line-height: 1.5em;
	padding: 2px 0 2px 18px;
	border: 0;
	background: url(../img/postbullet.gif) no-repeat left;
	background-position: left 7px;
	color: #777;
}

.entry blockquote {
	background: #f7f7f1;
	border: 1px solid #e7e7e1;
	padding: 10px;
	display: block;
	overflow: hidden;
	color: #333;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.entry blockquote blockquote {
	background: #fff;
	font-weight: normal;
	color: #333;
}

.entry del {
	text-decoration: line-through;
	color: #999;
}

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

.entry code {
	color: #333;
	font-family: tahoma;
	font-size: 0.9em;
	line-height: 1.5em;
	display: block;
	overflow: hidden;
	padding: 10px;
	background: #eee;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}

/* Specific classes */
ul.postinfo {
	float: left;
	border-bottom: 1px dotted #ddd;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
ul.postinfoB {
	float: right;

	padding: 5px 0 5px 0;
}
ul.postinfo li, ul.postinfoB li {
	float: left;
}
li.ncomment {
	display: block;
	padding-left: 22px;
	background: url(../img/comment.png) no-repeat left center;
}
li.ncat {
	display: block;
	padding-left: 22px;
	background: url(../img/cat.png) no-repeat left center;
}
li.nview {
	display: block;
	padding-left: 22px;
	background: url(../img/view.png) no-repeat left center;
}
li.nprint {
	display: block;
	padding-left: 22px;
	background: url(../img/print.png) no-repeat left center;
}
li.nshare {
	display: block;
	padding-left: 22px;
	background: url(../img/share.png) no-repeat left center;
}

.tags {
	color: #999;
	line-height: 1.5em;
	border-top: 1px dotted #ddd;
	padding: 3px 0 0 0;
	margin: 0 0 15px 0;
}

.author {
	background:  #e5ecf1; /* #e5f3f9 */
	border-bottom: 1px solid #d4e2e8;
	padding: 10px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
}

.mstatus0 {
	background: #e5ecf1;
	border-bottom: 1px solid #d4e2e8;
	padding: 11px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
	overflow: hidden;
}

.mstatus1 {
	background: #FFFFFF;
	border-bottom: 1px solid #d4e2e8;
	padding: 11px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
	overflow: hidden;
}

.mstatusLike {
	background: #E8FFE1;
	border-bottom: 1px solid #d4e2e8;
	padding: 1px 12px 1px 12px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
	overflow: hidden;
}

.mstatusHate {
	background: #FFECEC;
	border-bottom: 1px solid #d4e2e8;
	padding: 1px 12px 1px 12px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
	overflow: hidden;
}

.mstatus0 img {

	display: inline;

	padding: 2px;
	margin: 0 0 0 0;
}

.mstatus0 p {
	margin: 0 0 7px 0;
}

.mstatus1 img {

	display: inline;

	padding: 2px;
	margin: 0 0 0 0;
}

.mstatus1 p {
	margin: 0 0 7px 0;
}



.postf {
	background: #EFEFEF;
	padding: 2px;
	line-height: 1.5em;
	font-size: 0.9em;
	margin: 0 0 0 0;
}

.author img {

	display: inline;

	padding: 2px;
	margin: 0 0 0 0;
}

.author p {
	margin: 0 0 7px 0;
}

/* Comments Stylesheet */
.commentlist {
	/* border-bottom: 1px solid #d9e2e5; */
	margin: 0 0 0 0;
}

.commentlist img {
	border: none;
	vertical-align: middle;
}

.commentlist li {

	margin: 0 0 5px 0;
}

.commentlist .avatar img {
	float: left;
	display: block;
	overflow: hidden;
	padding: 2px;
	width: 50px;
	height: 50px;
	border: 1px solid #d9e2e5;
}

.commentlist .avatarY img {
	float: left;
	display: block;
	overflow: hidden;
	padding: 2px;
	border: 1px solid #d9e2e5;
}

.commentlist .avatarX {
	float:right;
	display: block;
	overflow: hidden;
	padding: 2px;
}

.commentlist .avatarProfile {
	float: left;
	display: block;
	overflow: hidden;
	padding: 2px;
}

.commentlist .commentinfo {
	margin-left: 10px;
	display: block;
	padding-left: 60px;
}

.commentlist .statusinfo {
	margin-left: 20px;
	display: block;
	padding-left: 20px;
}

.commentlist .blogInfo {
	margin-left: 0px;
	display: block;
	padding-left: 0px;
}

.commentlist .cauthor {
	font-weight: bold;
}

.commentlist .cdate {
	font-size: 0.9em;
	color: #999;
}

.commentlist .ctext {
	display: block;
	padding: 0 0 0 0;
	line-height: 1.5em;
}

.commentlist .approve {
	padding: 15px 0 0 0;
	color: #999;
	font-style: italic;
	font-size: 0.9em;
}

ol.trackbacks {
	margin: 0 0 15px 20px;
}

ol.trackbacks li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #eee;
}

/* Reply Form CSS */
.replyform {
	padding: 20px;
	background: #f9f9f1;
	border-top: 1px solid #e9e9e1;
}

.replyform label {
	display: block;
	margin: 0 0 7px 0;
	font-weight: bold;
}

.replytext {
	display: block;
	width: 250px;
	border: 1px solid #d9e2e5;
	padding: 2px;
	background: #fff;
	color: #666;
	margin: 0 0 15px 0;
}
.replytext:hover { border: 1px solid #c3ced2; }

.replyarea {
	display: block;
	width: 100%;
	background: #fff;
	border: 1px solid #d9e2e5;
	height: 125px;
	padding: 2px;
	line-height: 1.5em;
	color: #666;
	margin: 0 0 0 0;
}
.replyarea:hover { border: 1px solid #c3ced2; }

.replybutton {
	display: block;
	background: #fff;
	font-weight: bold;
	color: #366799;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #ddd;
}

.button {
	background: #F2FFF2;
	font-weight: bold;
	color: #366799;
	padding: 1px;
	border: 1px solid #ddd;
}

.button:hover {
	color: #366799;
	background: #D2FFD2;
}

.replybutton:hover {
	color: #fff;
	background: #366799;
}

.flink {
	padding: 5px;
	background: #f0fbff;
	border: 1px solid #e8eef1;
	display: block;
	float: right;
	margin-left: 10px;
	font-weight: bold;
}

.blink {
	padding: 3px;
	background: #f0fbff;
	border: 1px solid #e8eef1;
	display: block;
	float: left;
	margin-left: 3px;
	font-weight: bold;
}

.clink {
	padding: 3px;
	background: #FFC9A5;
	border: 1px solid #e8eef1;
	display: block;
	float: left;
	margin-left: 3px;
	font-weight: bold;
}


.cmlink {
	padding: 5px;
	background: #f9feeb;
	border: 1px solid #eef3e1;
	display: block;
	float: left;

	font-weight: bold;
	color: #81964a;
}

ol.commentlist {
	margin: 0 25px 50px 25px;
	padding: 0;
	list-style: none;
	}
	
li.comment-item {
	margin: 0 0 20px 0;
	list-style: none;
	display: block;
	overflow: hidden;
	}
	
.comment-bubble {
	background: #ffffcc;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: 1px solid #ffcc00;
	padding: 10px 15px 0 15px;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	}
	
	
.comment-bubble p {
	margin: 0 0 10px 0;
	line-height: 16px;
	}
	
.comment-arrow {
	background: url(/img/comment-arrow.gif) no-repeat;
	padding: 8px 0 0 20px;
	margin: -1px 0 0 30px;
	display: block;
	position: relative;
	z-index: 2;
}


ol.whcommentlist {
	margin: 0 25px 50px 25px;
	padding: 0;
	list-style: none;
	}
	
li.whcomment-item {
	margin: 0 0 20px 0;
	list-style: none;
	display: block;
	overflow: hidden;
	}
	
.whcomment-bubble {
	background: #F7F7F7;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom: 1px solid #ffcc00;
	padding: 10px 15px 0 15px;
	font-size: 11px;
	margin: 0;
	overflow: hidden;
	}
	
	
.whcomment-bubble p {
	margin: 0 0 10px 0;
	line-height: 16px;
	}
	
.whcomment-arrow {
	background: url(/img/comment-arrow.gif) no-repeat;
	padding: 8px 0 0 20px;
	margin: -1px 0 0 30px;
	display: block;
	position: relative;
	z-index: 2;
}

/* ======================================= END SINGLE POST TEMPLATE ============== */


#main {
	width: 980px;
}


#main-left {
	float: left;
	width: 310px;
	display: inline;
	padding: 0 10px 0 0;
}

#main-center {
	float: left;
	width: 278px;
	display: inline;
	border-left: 1px solid #d9e2e5;
	border-right: 1px solid #d9e2e5;
	padding: 0 10px 0 10px;
}

#main-right {
	float: left;
	width: 350px;
	display: inline;
	margin-left: 10px;
}

/*
#musics-left {
	float: left;
	width: 150px;
	display: inline;
	padding: 0 10px 0 0;
}

#musics-center {
	float: left;
	width: 628px;
	display: inline;
	border-left: 1px solid #d9e2e5;
	border-right: 1px solid #d9e2e5;
	padding: 0 10px 0 10px;
}

#musics-right {
	float: left;
	width: 160px;
	display: inline;
	margin-left: 10px;
}

#web-left {
	float: left;
	width: 150px;
	display: inline;
	padding: 0 10px 0 0;
}

#web-center {
	float: left;
	width: 628px;
	display: inline;
	border-left: 1px solid #d9e2e5;
	padding: 0 10px 0 10px;
}

#web-right {
	float: left;
	width: 160px;
	display: inline;
	margin-left: 10px;
}
*/

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

#TwoCol {
	width: 900px;
}


#TwoCol-left {
	float: left;
	width: 392px;
	display: inline;
	padding: 0 5px 0 0;


}

#TwoCol-right {
	float: left;
	width: 394px;
	display: inlinez;
	padding: 0 5px 0 5px;
}

/* ----------------------------------------------------------- */
/*
#TwoColSmall {
	width: 700px;
}


#TwoColSmall-left {
	float: left;
	width: 255px;
	display: inline;
	padding: 0 10px 0 0;


}

#TwoColSmall-right {
	float: left;
	width: 353px;
	display: inline;
	padding: 0 10px 0 10px;
}
*/
/* ----------------------------------------------------------- */

/*
#TwoColProfile {
	width: 750px;
}


#TwoColProfile-left {
	float: left;
	width: 350px;
	display: inline;
	padding: 0 0 0 0;


}

#TwoColProfile-right {
	float: left;
	width: 348px;
	display: inline;
	padding: 0 0 0 10px;
}
*/
/* ----------------------------------------------------------- */

/*
#TwoColGame {
	width: 850px;
}


#TwoColGame-left {
	float: left;
	width: 450px;
	display: inline;
	padding: 0 0 0 0;


}

#TwoColGame-right {
	float: left;
	width: 335px;
	display: inline;
	padding: 0 0 0 10px;
}
*/
/* ----------------------------------------------------------- */

/*
#TwoAmNhac {
	width: 700px;
}


#TwoAmNhac-left {
	float: left;
	width: 350px;
	display: inline;
	padding: 0 0 0 0;


}

#TwoAmNhac-right {
	float: left;
	width: 267px;
	display: inline;
	padding: 0 0 0 10px;
}
*/
/* ----------------------------------------------------------- */


#TwoProfile {
	width: 720px;
}


#TwoProfile-left {
	float: left;
	width: 360px;
	display: inline;
	padding: 0 0 0 0;


}

#TwoProfile-right {
	float: left;
	width: 339px;
	display: inline;
	padding: 0 0 0 10px;
}

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

/*
#TwoColFull {
	width: 980px;
}


#TwoColFull-left {
	float: left;
	width: 495px;
	display: inline;
	padding: 0 0 0 0;


}

#TwoColFull-right {
	float: left;
	width: 475px;
	display: inline;
	padding: 0 0 0 10px;
}
*/
/* ----------------------------------------------------------- */

/*
#album {
	width: 980px;
}


#album-left {
	float: left;
	width: 310px;
	display: inline;
	padding: 0 10px 0 0;


}

#album-center {
	float: left;
	width: 278px;
	display: inline;
	border-left: 1px solid #d9e2e5;
	border-right: 1px solid #d9e2e5;
	padding: 0 10px 0 10px;
}

#album-right {
	float: left;
	width: 350px;
	display: inline;
	margin-left: 10px;
}
*/
/* ----------------------------------------------------------- */

#photo {
	width: 800px;
}


#photo-left {
	float: left;
	width: 250px;
	display: inline;
	padding: 0 10px 0 0;


}

#photo-center {
	float: left;
	width: 250px;
	display: inline;
	border-left: 1px solid #d9e2e5;
	border-right: 1px solid #d9e2e5;
	padding: 0 10px 0 10px;
}

#photo-right {
	float: left;
	width: 250px;
	display: inline;
	margin-left: 10px;
}

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


#contents {
	width: 980px;
	padding: 10px 0 10px 0;
}
#contents-b {
	width: 980px;
	padding: 0 0 0 0;
}

#content, #content-b {
	float: left;
	width: 799px;
	border-right: 1px solid #d9e2e5;
	margin-right: 10px;
	padding-right: 10px;
}

#content-b-profile {
	float: left;
	width: 709px;
	border-right: 1px solid #d9e2e5;
	margin-right: 10px;
	padding-right: 10px;
}

#sidebar {
	float: left;
	width: 160px;
	display: inline;
}

#sidebarProfile {
	float: left;
	width: 250px;
	display: inline;
}

#footeri {
	width: 1000px;
	height: auto;
	margin: 0 auto 7px auto;
	text-align: left;
	font-size: 0.7em;
	color: #fff;
	background: #C7DFA8;
}

#footer {
	padding: 10px;
}

#bottom {
	width: 1000px;
	height: auto;
	margin: 10px auto 30px auto;
	text-align: left;
	font-size: 0.7em;
	color: #888;
	line-height: 1.5em;
}

#bottom-left {
	float: left;
}

#bottom-right {
	float: right;
}

/* Global site Headers */
h2.front {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 4px 5px 3px 5px;
	margin: 0 0 5px 0;
	background: #e5ecf1;
	border-bottom: 1px solid #e3e8d4;
}

h2.control {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 4px 5px 3px 5px;
	margin: 0 0 5px 0;
	background: #FFDFEB;
	border-bottom: 1px solid #e3e8d4;
}

h2.front-gal {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 4px 5px 3px 30px;
	margin: 0 0 5px 0;
	background: #e5ecf1 url(img/photo.png) no-repeat;
	background-position: 7px center;
	border-bottom: 1px solid #e3e8d4;
	position: relative;
}

h2.front-online {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 4px 5px 3px 30px;
	margin: 0 0 5px 0;
	background: #f1f6e2 url(/img/icon_butterfly2.gif) no-repeat;
	background-position: 7px center;
	border-bottom: 1px solid #e3e8d4;
}

h3.front {
	margin: 10px 0 5px 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 7px 0;
	color: #e5ecf1;
	position: relative;
}

h4.front {
	display: block;
	line-height: 1.4em;
	font-weight: bold;
	color: #444;
	padding: 4px 5px 3px 5px;
	margin: 0 0 5px 0;
	background: #e5ecf1;
	border-bottom: 1px solid #e3e8d4;
}


/* Various Links CSS */
a.icomment {
	display: inline;
	font-size: 0.9em;
	color: #999;
	margin: 0 0 0 7px;
}

a.icomment:hover {color:#333}

.maintitle	{
	font-weight: bold; font-size: 18px;
	text-decoration: none; line-height : 120%; color : #000000;
}

/* Start add - Admins/mods color management MOD */
.admincolor         { color: #FF0000; }
.admincolor:link    { color: #FF0000; }
.admincolor:active  { color: #FF0000; }
.admincolor:visited { color: #FF0000; }
.modcolor           { color: #0033FF; }
.modcolor:link      { color: #0033FF; }
.modcolor:active    { color: #0033FF; }
.modcolor:visited   { color: #0033FF; }
.lessadmincolor           { color: #990033; }
.lessadmincolor:link      { color: #990033; }
.lessadmincolor:active    { color: #990033; }
.lessadmincolor:visited   { color: #990033; }
/* End add - Admins/mods color management MOD */

.quote-icon, .quote-icon a		{ background: none top left no-repeat; }

blockquote {
	background: #CCEBFF none 6px 4px no-repeat;
	border: 1px solid #000000;
	font-size: 0.95em;
	margin: 0.5em 25px 0 25px;
	overflow: hidden;
	padding: 5px;
	background-image: url("/templates/subZero/img/quote.gif");
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #D9F0FF;
	font-size: 1em;
	margin: 0.5em 15px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #E8F5FF;
}
blockquote blockquote blockquote blockquote{
	/* Nested quotes */
	background-color: #F2FAFF;
}
blockquote blockquote blockquote blockquote{
	/* Nested quotes */
	background-color: #FBFEFF;
}
blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Verdana, Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Code block */
dl.codebox {
	background-color: #FFFFFF;
	border-color: #C9D2D8;
}

dl.codebox dt {
	border-bottom-color:  #CCCCCC;
}

dl.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Code block */
dl.spoilbox {
	padding: 3px;
	background-color: #F2F2F2;
	border: 1px solid #d8d8d8;
	font-size: 1em;
}

dl.spoilbox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.spoilbox {
	margin-left: 0;
}

dl.spoilbox spoil {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Verdana, Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #F2F2F2;
	margin: 2px 0;
}



/* hide block */
dl.hidebox {
	padding: 3px;
	background-color: #E1F0E1;
	border: 1px solid #d8d8d8;
	font-size: 1em;
	margin: 0.5em 25px 0 25px;
}

dl.hidebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.hidebox {
	margin-left: 0;
}

dl.hidebox hide {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Verdana, Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #000000;
	margin: 2px 0;
}

.pagelink
{
	background-color: #B7EBA5;
	border: 1px solid #108900;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

.pagecurrent
{
	background-color: #FFC9A5;
	border: 1px solid #108900;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}
.minipagelink
{
	background-color: #B7EBA5;
	border: 1px solid #108900;
	padding:1px 1px 1px 1px;
	color: #000;
	font-size:9px;
	font-weight:normal;
	margin-right:1px;
}

br.blog
{
	border: 1px solid #108900; 
}

#profile-header {;
	height: auto;
	background: #C7DFA8;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 0.75em;
	color: #666;
}

#profile-footer {
	height: 20px;
	background: #C7DFA8;
	border-bottom: 1px solid #0482FF;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 0.75em;
	color: #666;
}