/*  
Theme Name: CBT-dark
Description: Dark theme for CBT.
Version: 1.1
Author: Eightpetals
Author URI: http://www.eightpetals.com/

*/

/*----MAIN----*/

*
{
	margin: 0;
	padding: 0;
}

body
{
	padding: 0px;
	background: #999999 url(images/background-new.jpg) no-repeat fixed center ;
	margin: 0px;
	font-size: 62.5%;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Verdana, sans-serif;
	color: #333;
}

html>body { /* Every browser other than IE will understand this, but every other browser other than IE can scale absolute font sizes, so it will work. */
  font-size : 10px;
}

#wrapper{
	margin: 0px auto 0px auto;
	width: 760px;
	height: auto;
	text-align: left;
	overflow: hidden;
	padding: 0px;
}

/*---TYPOGRAPHY----*/

h1,h2,h3,h4 { font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Verdana, sans-serif; font-weight: normal;}

h1 { font-size: 3.6em; color: #333; margin: 0 0 0.3em 0; }
h2 { font-size: 2.8em; color: #333; }
h3 { font-size: 2.2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.6em; line-height: 1; margin-bottom: 0.8em; }
h5 { font-size: 1em; font-family: Helvetica, Arial, san-serif; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-family: Helvetica, Arial, san-serif; font-weight: bold; }

h1 a {color: #222;}
h3 a {color: #336600;}
h3 a:hover {text-decoration: underline;}

p           { font-size: 1.1em; margin-bottom: 1.0em;}
p.last      { margin: 0 0 0.0em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; border: 0px;}
p a			{ text-decoration: underline; }

ul, ol      { margin:0 1.5em 1.5em 1.0em; padding-left: 20px;}
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dashed #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a           { color: #336600; font-weight: normal; text-decoration: none;}
a:focus, 
a:hover     { color: #000; text-decoration: underline;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; font-size: 1.4em;}
strong, b,  { font-family: Helvetica, san-serif; font-weight: bold; color: #000; }
strong      { font-weight: normal; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.small      { font-size: .8em; line-height: 1.875em; }
.large      { font-size: 1.4em; }
.lastword	{ font-size: .95em; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, san-serif;}
.quiet      { font-size: 1.5em; color: #333; line-height: 1.3em; }
.loud		{ font-size: 2.0em; color: #333; line-height: 1.0em; margin-bottom: 1.0em; padding: 0px;}

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*----tables----*/

table   { margin-bottom: 1.4em; border-spacing: 0px; border: 0px; border-collapse: collapse;}
th      { font-weight: bold; }
td      { vertical-align: top; }
th,td   { padding: 0px;}
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

/*----bubbles----*/

#bubble-middle
{
	width: 718px;
	height: 80px;
	float: left;
	margin-top: 20px;
	padding: 20px 20px 0px 20px;
	background: #fff;
	border: 0px;
}

.bubble-left-inside
{
	width: 400px;
	float: left;
	padding: 0;
	vertical-align: bottom;
}

.bubble-right-inside
{
	width: 318px;
	float: left;
	padding: 0px;
}

/*----logo----*/

.logo
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img
{
	padding: 0px;
	margin: 0;
}

img a
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/*----navigation bar----*/

.menu
{
	float: left;
	width: 755px;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 15px 3px;
	background: #fff;
	border: 0px;
	font-family: "Helvetica Neue", "HelveticaNeue", Arial, Verdana, sans-serif;
}

.menu ul
{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	border: none;
	list-style-type: none;
}

.menu li { display: inline; }

.menu li a
{
	padding: 5px 5px 0px 5px;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	border: 0px;
}

.menu li a:hover
{
	color: #000;
	border-bottom: 1px #336600 solid;
}


/*----post----*/

.post
{
	width: 718px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	background: #fff;
	border: 0px;
}

.post ul
{
	font-size: 1.3em;
	padding: 10px 0 10px 20px; 
}

.postmetadata
{
	font-size: 1.2em;
}

.outer
{
	width: 718px;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
	background: #fff;
	border: 0px;
}

.single
{
	width: 448px;
	padding: 0 20px 0 0;
	margin: 0px;
	float: left;
}

.article h3
{
	font-size: 1.8em;
}

.post h1
{
	line-height: 1;
	padding-top: 0px;
}


.post h1 a
{
	text-decoration: none;
}

.article
{
	width: 448px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 20px 20px 0;
}

.entry
{
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
}

.entry img
{
	padding-top: 10px;
}

.tags
{
	font-size: 1.3em;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.cf-sb {font-size: 1.3em;}

.title-extra
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 49%;
	float: right;
}

.title-extra img
{
	float: right;
	padding: 15px 20px 0px 0px;
}

.frontpage-news 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.frontpage-news table
{
	width: 733px;
	border-collapse: separate;
	border-spacing: 0px;
	border: 0px;
	margin: 10px 0px 10px 14px;
}

.td-top { width: 231px; background: url(images/td-top-grey-70-trans.png);}
.td-middle { padding: 0px 10px 0px 10px; width: 209px; height: 160px; background: url(images/grey-70-trans.png); border-left: 1px solid #666; border-right: 1px solid #666;}
.td-bottom { width: 231px; height: 20px; background: url(images/td-bottom-grey-70-trans.png);}

.td-middle h1
{
	font-size: 2.6em;
	padding: 0px 0px 5px 0px;
}

.empty
{
	width: 20px;
	float: left;
}

/*----Search Form----*/

.search
{
	margin: 5px 0px 0px 0px;
	float: right;
}

.search p
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 12px 0px 0px;
	padding-top: 0px;
	text-align: right;
}

/* form */
input.text
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	background: #fff;
	margin: 0px;
	border-left: #ccc 1px solid;
	width: 130px;
	color: #777;
	border-bottom: #ccc 1px solid;
}

input.text:hover
{
	border-right: #666 1px solid;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
	border-bottom: #666 1px solid;
}

input.form-submit
{
	padding: 3px;
	border: #5b5b5b 1px solid;
	background: #000;
	color: #ccc;
	font: 10px;
}

fieldset
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

textarea.text
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	background: #fff;
	border-left: #ccc 1px solid;
	width: 90%;
	color: #444;
	border-bottom: #ccc 1px solid;
	height: 150px;
}

textarea.text:hover
{
	border-right: #bbb 1px solid;
	border-top: #bbb 1px solid;
	background: #fffff4;
	border-left: #bbb 1px solid;
	color: #000;
	border-bottom: #bbb 1px solid;
}

input.field
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	width: 200px;
	color: #444;
	border-bottom: #ccc 1px solid;
	background-color: #fff;
}

input.field:hover
{
	border-right: #bbb 1px solid;
	border-top: #bbb 1px solid;
	background: #fff;
	border-left: #bbb 1px solid;
	color: #444;
	border-bottom: #bbb 1px solid;
}

input.button
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	font-weight: bold;
	font-size: 0.8em;
	background: #f4f4f4;
	border-left: #ccc 1px solid;
	color: #555;
	border-bottom: #ccc 1px solid;
	margin-left: 5px;
}

.form-text, .form-textarea, .form-file, .form-select
{
	padding: 3px;
	color: #000;
	background-color: #fff;
	border: #5b5b5b 1px solid;
}

.legend
{
	padding-left: 7px;
	padding-right: 7px;
	font-style: italic;
	font-size: 1.3em;
	color: #333333;
}

.fieldset
{
	margin-bottom: 15px;
	padding: 14px;
	padding-left: 25px;
	border: 1px solid #c0beb3;
}

#searchform { padding: 0 0 0 1em; }

.select
{
	background: #000;
	color: #ccc;
	margin-bottom: 15px;
}


/*----entry----*/

.left { 
	margin: 0.5em 15px 0.5em 0;
	float: left; 	
	clear: left; 
}

.left-thumb { 
	margin: 5px 15px 15px 0px;
	float: left; 	
	clear: left; 
}
		
.right { 
	margin: 0.5em 0 0.5em 15px; 
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: 1px solid #ccc;
	background: #fff;
	float: none; 
	clear: both; 
}
	
.entry img.off { 
	padding: 0 !important; 
	border: none !important; 
}
		
.entry img.stack { 
	clear: none !important; 
}

.navigation {
	padding: 0px 20px 0px 0px;
	font-weight: normal;
	font-size: 1.2em;
	color: #666;
}

.navigation a:hover
{
	color: #000;
	text-decoration: underline;
}

/*----sidebar----*/

.sidebar
{
	padding: 10px;
	margin: 0px;
	float: right;
	width: 208px;
	background: #ccc;
	border: 1px dashed #fff;
}

.sidebar-post
{
	padding: 0px 0px 0px 20px;
	float: left;
	width: 200px;
}

.sidebar ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.sidebar ul a:hover
{
	text-decoration: underline;
}

.sidebar li
{
	display: block;
	padding: 4px 7px 4px 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right: solid 4px #151515;
}

.sidebar li a
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	padding-bottom: 4px;
	margin: 0px;
	color: #336600;
	padding-top: 2px;
	text-decoration: none;
}

.sidebar li a:hover
{ 
	color: #ccc;
	text-decoration: underline;
}

.sidebar p
{
	font-size: 1.2em;
	padding-top: 2px;
	margin-bottom: 20px; 
}

.sidebar p a
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
	margin: 0px;
	color: #336600;
	padding-top: 4px;
	text-decoration: underline;
}

.sidebar p a:hover
{
	color: #000;
}

/*--sidebar for contact page--*/

.sidebar2
{
	padding: 10px 20px 10px 10px;
	margin: 0px;
	float: right;
	width: 208px;
	text-align: right;
}

.sidebar2-post
{
	padding: 0px 0px 0px 10px;
	float: left;
	width: 200px;
}

.sidebar2 ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.sidebar2 li
{
	display: block;
	padding: 4px 7px 4px 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right: solid 4px #151515;
}

.sidebar2 li a
{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	padding-bottom: 4px;
	margin: 0px;
	color: #336600;
	padding-top: 2px;
	text-decoration: none;
}

.sidebar2 li:hover a
{ 
	color: #ccc;
	text-decoration: underline;
}

.sidebar2 p
{
	font-size: 1.2em;
	padding-top: 2px;
	margin-bottom: 20px; 
}

.sidebar2 p a
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 8px;
	margin: 0px;
	color: #336600;
	padding-top: 4px;
	text-decoration: none;
}

.sidebar2 p a:hover
{
	color: #000;
	text-decoration: underline;
}


table#wp-calendar{
	width: 100%;
}

/*----footer----*/

#footer{
	clear: none;
	float: left;
	width: 718px;
	margin: 1px 0px 10px 0px;
	padding: 7px 20px 8px 20px;
	color: #333;
	font-size: 1.2em;
	background: #ffffff;
}


#footer a
{
color: #336600;
text-decoration: none;}


#footer a:hover
{
color: #000;text-decoration: underline;
}

.footer-left
{
	float: left;
	text-align: left;
	width: 300px;
}

.footer-right
{
	float: right;
	text-align: right;
}