/*
Theme Name: Chakras

*/
* {margin:0px; padding:0px;}
body {background:#444444 url(images/bg.gif) left top repeat-x; font-size:11px; color:#cfcece; font-family: Arial, Verdana, sans-serif; text-align:center; padding:10px 0px; }

td {font-size:11px; color:#2f3031; font-family: Arial;}

img {border: none;}
blockquote {position:relative; margin: 0px; padding:0px 10px;}

a {text-decoration:none; color:#00c0ff; border: 0px;}
a:hover {text-decoration:underline; color:#00c0ff; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
.n a, a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none;}

p {padding:7px 0px;  line-height:120%;}
h1, h2, h3, h4 { font-family: Trebuchet MS;}
.hr {border-top:1px solid #5c5c5c; margin-top:10px; height: 10px;}
ul { list-style: circle; padding-left: 20px; }
ol { padding: 4px 4px 4px 34px; }

input {font-family: Verdana; color: #2f3031; font-size: 11px;}
textarea {font-family: Verdana; color: #2f3031; font-size: 11px;}
select {font-family: Verdana; color: #2f3031; font-size: 11px;}

.site {width:964px; margin:0 auto; text-align:left;}

#header {position:relative; width:100%; height:134px;}
	.logo { position: absolute; left: 6px; top: 24px; }
	.player { position: absolute; right: 5px; top: 33px; }
	.menu { position: absolute; left: 0; bottom: 0; overflow: hidden; width: 100%; background: url(images/menu-bg.gif) 0 0 repeat-x; }
	.menu .menu-r { background: url(images/menu-r.gif) 100% 0 no-repeat; }
	.menu .menu-l { background: url(images/menu-l.gif) 0 0 no-repeat; height: 50px; width: 100%; }
	.menu .centered { position: absolute; left: 50%; top: 1px; height: 47px; margin-right: -50%; }
	* html .menu .centered { position: relative; left: 0; top: 1px; height: 47px; float:left; margin-right: 0; width:100%; overflow:hidden; }
	.menu #menu { position: relative; left: -50%; top: 0px; height: 47px; list-style: none; white-space: nowrap; padding: 0; }
	* html .menu #menu { position: relative; left: 50%; top: 0px; height: 47px; list-style: none; white-space: nowrap; padding: 0; margin:0 auto; float:left; }
	.menu #menu li { float: left; display: inline; padding: 0; height: 47px; background: none; }
	* html .menu #menu li { float: left; position:relative; right:50%; padding: 0; height: 47px; background: none; }
	.menu #menu li a { display: block; font-family: Verdana; float: left; position: relative; overflow: hidden; width: auto; height: 47px; background: none; line-height: 46px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #adadad; padding: 0 10px; height: 100%; background: url(images/menu-dev.gif) 0 50% no-repeat; }
	.menu #menu li.home a { background: none; }
	.menu #menu li a:hover, .menu #menu li.current_page_item a { color: #494848; text-decoration: none; }
	.menu #menu li a span { position: absolute; display: none; left: 1px; right: 0; bottom: 0; height: 0px; overflow: hidden; width: 100%; background-color: #00c0ff; }
	* html .menu #menu li a span { left: -20px; width: 400px; }
	#menu a:hover span, #menu li.current_page_item a span { height: 5px; background-color: #00c0ff; display: block; }

#content { position: relative; background: url(images/site-bg.gif) center top repeat-y; width: 100%; }
#content .wraper { background: url(images/site-bot.gif) center bottom no-repeat; padding: 24px; }
h1 { font: bold 36px Arial; margin-left: auto; color: #ffffff; width: 660px; text-transform: uppercase; padding: 10px 0 5px; }
h1 a { color: #ffffff; text-decoration: none; }
h1 a:hover { text-decoration: none; }
.content { float: right; width: 660px; }
.post { position: relative; }
.post .Image { float: left; padding:0 10px 5px 0; background-color: #111111; }
.post .Image img { border: 5px solid #ffffff; max-width: 288px; height: auto; }
.posts .Image { float: left; width: 96px; }
.posts .Image img { border: 3px solid #ffffff; max-width: 83px; height: auto; margin-right: 7px; }
* html .posts .Image img { width: 83px; }
.date { font-size: 12px; position: relative; padding-bottom: 2px; line-height: 20px; overflow: hidden; }
* html .date { overflow: visible; height: 1%; }
.rss { position: absolute; right: 0; top:0; width: 16px; height: 16px; display: block; background-image: url(images/rss.gif); }
.post h2 { font: bold 18px Arial; border-bottom: 1px solid #5c5c5c; border-top: 1px solid #5c5c5c; color: #ffffff; padding: 4px 0 5px 0; }
.post h2 a { text-decoration: none; color: #ffffff; }
.post h2 a:hover { text-decoration: none; }
.post-meta { padding: 5px 0; font-weight: bold; color: #ffffff; }
.commentsnumber { float: right; }
.posts { margin-top: 10px; border-bottom: 1px solid #5c5c5c; border-top: 1px solid #5c5c5c; color: #ffffff; padding: 4px 0 5px 0; }
.posts ul { list-style: none; padding: 0; }
.posts ul li { background: none; padding: 5px 0; margin-right: 10px; }
.posts h2 { font: bold 12px Verdana; color: #ffffff; }
.posts p { padding: 4px 0; }
.posts h2 a { color: #ffffff; }
.posts h2 a:hover { text-decoration: none; }
.navigation { padding: 10px 0; }
.navigation .nav { font-family: Verdana; font-weight: bold; color: #ffffff; font-size: 10px; }
.navigation .nav a { color: #cfcece; }
.socials { float: right; }
.socials img { margin-left: 5px; }
.more-link { font-weight: bold; padding: 5px 0; }

.sidebar { float: left; width: 240px; }
.banner { text-align: center; }

#footer { padding: 7px 0 5px 0; color: #6b6a6a; }
#footer .nav { text-transform: uppercase; font-weight: bold; }
#footer .nav a { color: #6b6a6a; margin: 0 5px; }
#footer .nav a:hover, #footer .nav a.current_page_item { color: #ffffff; }

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	margin: 0 auto;
	width: auto;
	}
#login { width: 40%; margin: 0 auto; }
#login .input { width: 100% }

select {
	width: 130px;
	}

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

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	padding: 7px 5px 7px 0;
}
.children { padding: 0; }

#commentform p {
	padding: 5px 0;
}
.avatar { float: right; }
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


.hidebit, .floatholder {overflow:hidden;}
* html .floatholder {overflow:visible; height:1%;}
.m0 {margin:0 !important;}
.block {display:block !important;}
.border {border:1px solid red;}
.nobord {border:none !important;}
.white {color:#ffffff;}
.red {color:red;}
.b {font-weight:bold;}
.font12 {font-size:12px;}
.up {text-transform:uppercase;}
.center {text-align:center; padding-left:0px !important; padding-right:0px !important;}
.c, .aligncenter {margin:0 auto;}
.blockright {margin-left: auto;}
.l, .left, .alignleft {float:left;}
.r, .right, .alignright {float:right;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}
.alignnone {float:none;}
.textleft {text-align:left !important;}
.textright {text-align:right !important;}
.clear {clear:both;}

/* for phplist*/
.required {color:#ffffff;}
.attributename {color:#ffffff;}
select {width: 80px;}