/*
Theme Name: Concise
Theme URI: http://diggingintowordpress.com/
Description: A new customised theme built with HTML 5.
Version: 1.0
Author: RvL


*/


/* == /* MAIN STYLES - CONCISE CREATIVE - March 2010 */

* {
	margin: 0;
	padding: 0;
}

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}
nav+section {
	overflow: hidden;
	width: 600px;
	float: left;
	clear: none;
	}

body {font: 0.8em  'Trebuchet MS', Tahoma, arial, helvetica, sans, verdana, sans-serif; 
padding:0; margin:0 auto; color:#fff; background:#000; text-align:center;}

ul {margin:0; padding:0;}
ol {margin:0; padding:0;}
ol li {margin-left:17px; padding:2px 0 2px 0;}
a {color:#ccff00; text-decoration:none;}
a:hover {color:#ccc; text-decoration:none;}
a img {
	border: none;
}
td {font-size:14px;}

h1 {color:#fff; font-size:2em; font-weight:400; margin:0;}
h1 span {color:#ccff00; font-weight:bold;}
h2 {color:#ccff00; font-size:1.5em; font-weight:400; }
h2 span {color:#fff; font-size:0.65em;}
h3 {color:#ccc; font-size:1.3em;}
h4 {color:#fff; font-size:1.2em;}

p {margin:0.9em 0 0.9em 0;}
em {color:#ccc;}

/* MAIN CONTENT */
#wrapper {position:relative; margin:0 auto; padding:0; text-align:left; background:url('i/topbanner.jpg') repeat-x top center; height:520px;}

/* TOP SECTION */
#topsec {width:980px; height:175px;}
#logo {position:absolute; top:56px; left:15px;}

/* == SEARCH == */
.search-submit {line-height:25px; height:25px; background:none; border:none; color:#ccc; margin-left:-70px;}
.search-submit:hover {color:#fff; cursor: pointer;}
#searchsec {right:-12px; width:363px; top:71px; padding:0; position:absolute;  z-index:1999;}
form input {background:#000; margin-top:0; color:#ccc;}
.s-box {width:240px; border:1px #ccff00 solid; padding-left:3px; line-height:25px; height:25px;}


/* MIDDLE 1 SECTION */
#thold {position:relative; margin:0 auto; width:980px; min-width:980px; padding-top:25px;}
#wrap_top {margin:0 auto; text-align:left; width:980px; min-width:980px;}
#1level {width:980px;}

#survey {float:right; width:260px; padding:25px; min-height:252px; background:url('i/surv_bg.png') no-repeat top left;}
#survey h1 {font-size:18px; background:url('i/tr_tab.gif') repeat-x bottom left; padding:0 0 15px 0;}
#survey p {font-weight:bold;}
#survey ul {list-style-type:none; margin-left:-5px; margin-top:20px; padding:0;}
#survey li {list-style-type:none; margin:0; padding:2px 0 2px 0;}
#survey li a {display:block; color:#fff; width:228px; height:47px; line-height:47px; padding:0 0 0 45px; text-transform:uppercase; font-weight:bold;}
#survey li a:hover {color:#fff; text-decoration:none;}
.takesurv a {background:url('i/survey_normal-1.png') no-repeat top left;}
.takesurv a:hover { background:url('i/survey_hover-1.png') no-repeat top left; color:#ccff00!important;}
.takesurv h2 {height:0; overflow:hidden; padding-top:20px;}
.chat a {background:url('i/livechat_normal.png') no-repeat top left;}
.chat a:hover {background:url('i/livechat_hover.png') no-repeat top left; color:#ccff00!important;}
.chat h2 {height:0; overflow:hidden; padding-top:20px;}
.newsletter a {background:url('i/news_normal.png') no-repeat top left; position:absolute; z-index:1;}
.newsletter a:hover {background:url('i/news_hover.png') no-repeat top left; color:#ccff00!important;}
.newsletter h2 {height:0; overflow:hidden; padding-top:20px;}

#colorchanger {display:none; position:absolute; right:15px; top:120px;}
#colorchanger table tr td {padding:0 5px 0 0;}
#flashbanner {float:left; width:663px; background:transparent;}
#chathome {position:absolute; margin-left:-5px; *margin-left:27px; top:0; margin-top:0; background:none}
#chathome ul {list-style-type:none;}
#chathome ul li{list-style-type:none;}
.chatmib {margin-left:-50px; margin-top:50px;}

/* MIDDLE 2 - 3 SECTION */

#wrap_mid {position:relative; margin:0 auto; text-align:left;}
#wrap_mid #midhold {position:relative; margin:0 auto; width:980px; min-width:980px; padding:0;}
#wrap_bot {position:relative; margin:0 auto; text-align:left; width:980px; min-width:980px; }
#flash_mid {background:url('i/cc-midbg.jpg') repeat-x top left; width:100%; height:371px;}
#client {position:absolute; top:0; right:0; z-index:2000;}
#2level {float:left; width:980px;}
#blog {float:left; width:618px; min-height:355px; background:url('i/blogbg.png') repeat top left; padding:16px; border:1px #48433e solid; margin:40px 0 0 5px; *margin:37px 0 0 5px; position:relative;}
#showcase {float:right; width:265px; min-height:356px; background:url('i/tag.png') repeat top left; padding:15px; margin:20px 8px 0 0; *margin:18px 8px 0 0; border:1px #575757 solid;}
#showcase h1 {color:#ccc;}
.showcase-pad {padding-top:20px;}
.question {float:right;}
.blist {background:url('i/tr_tab.gif') repeat-x top left; padding:10px 0 0 0; margin-top:12px;}
.blist .floatl {float:left; padding:0 15px 15px 0;}
.blist .floatl img {border:10px #484242 solid;}
.clist {background:url('i/tr_tab.png') repeat-x top left; padding:10px 0 0 0; margin-top:17px;}
.clist a {color:#fff;}
.clist em {color:#ccc;}
.clist a:hover {color:#ccc; text-decoration:none;}
#tr {position:absolute; right:0; top:0; background:url('i/tr.png') no-repeat top right; width:170px; height:100px; z-index:-1;}
#3rd_level {width:980px;}
#whyus {float:left; width:618px; min-height:294px; height:294px; overflow:hidden; background:url('i/blogbg.png') repeat top left; padding:16px; border:1px #48433e solid; margin:25px 0 0 5px;}
#whyus h1 a {color:#fff;}
#whyus h1 a:hover, a:hover span {color:#ccc;}
#whyus h2 em {font-size:13px!important; vertical-align:bottom;}
#whyus h2 {padding-bottom:0px;}
#views {position:absolute; right:0; width:265px; min-height:295px; height:295px; overflow:hidden; background:url('i/tag.png') repeat top left; padding:15px; margin:25px 8px 0 0; border:1px #575757 solid; font-size:0.95em;}
#whyus h2 a:hover {background:#000; color:#fff; text-decoration:none;}
.viewsreadmore a{font-size:1.1em!important; color:#ccff00!important;}
.viewsreadmore a:hover{font-size:1.1em!important; color:#ccc!important;}
#views h1 {color:#ccc;}
#blog ul {list-style-image:url(i/navli.png); padding-top:1px; padding-bottom:5px;}
#blog ul li {list-style-type:none; margin-left:18px; padding:4px 0 4px 0;}
#blog h2 {
color:#ccff00; border-right:5px #ccff00 solid; text-indent:5px; font-size:1.5em; margin:0.5em 0 0.8em 0; background:#3B3B3B; padding:3px 3px;}

.v1 {padding:4px 0 10px 0; background:url('i/tr_tab.gif') repeat-x top left;}
.grey {color:#000;}


/* INNER STYLES */
#thold-inner {position:relative; margin:0 auto; width:980px; min-width:980px; padding-top:0; z-index:2;}
#site-inner {float:left; width:618px; min-height:631px; height:auto!important; background:url('i/blogbg.png') repeat top left; padding:16px; border:1px #48433e solid; margin:35px 0 0 5px; *margin:37px 0 0 5px; position:relative; z-index:1;}

#site-inner h2 {color:#ccc; font-size:1.3em; margin:0.8em 0 0.8em 0; font-style:italic;}
#site-inner h3 {color:#ccff00; border-right:7px #ccff00 solid; padding-left:12px; display:block; font-size:1.5em; margin:0.6em 0 0.8em 0; background:#3B3B3B; padding:3px 3px;}
#site-inner h4 {color:#ccff00; font-size:1.2em; margin:0.8em 0 0.8em 0;}

#site-inner section ul {list-style-image:url(i/navli.png);}
#site-inner section ul li {list-style-type:none; margin-left:18px; padding:4px 0 4px 0;}
#site-inner section ol {margin:0; padding:0;}
#site-inner section ol li {margin-left:23px; padding:4px 0 4px 0;}
#site-inner section a {text-decoration:none;}
#site-inner section a:hover {text-decoration:none; background:#fff; color:#000;}
.h1-inner {padding-top:13px; color:#ccff00; font-weight:bold;}
.h1-inner-page {padding-top:13px; color:#ccff00; font-weight:bold; text-transform:uppercase;}
.breadcrumb a {color:#ccc;}
.breadcrumb a:hover {color:#ccff00; text-decoration:underline;}
#rightspacer {float:right; width:265px; margin-top:15px;}
#rightspacer2 {float:right; width:265px; margin-top:27px;}
#rightmenu {float:right; width:265px; min-height:121px; background:url('i/tag.png') repeat top left; padding:15px; margin:20px 8px 0 0; *margin:37px 8px 0 0; border:1px #575757 solid;}
#rightmenu h1  {color:#ccc;}
#rightchatmenu {float:right; width:265px; background:none; padding:0 15px 0 15px; margin-top:-10px; margin-right:9px; margin-bottom:-10px;}
#rightchatmenu ul {margin:0; padding:0; list-style-type:none;}
#rightchatmenu li {list-style-type:none; margin:0; padding:0;}
#chatinner {position:absolute; margin-left:690px; *margin-left:27px; margin-top:237px; background:none}
#chatinner ul {list-style-type:none;}
#chatinner ul li{list-style-type:none;}

#sidebar1 {float:right; width:265px; background:#000; background:url('i/tag.png') repeat top left; padding:15px; margin:36px 8px 0 0; *margin:17px 8px 0 0;}
#sidebar1 h1  {color:#ccc;}

#sidebar2 {float:right; width:265px; min-height:156px; background:url('i/tag.png') repeat top left; padding:15px; margin:20px 8px 0 0; *margin:37px 8px 0 0; border:1px #575757 solid;}
#sidebar2 h1 {color:#ccc;}
#sidebar2 a {color:#ccff00!important; text-decoration:none; padding:2px 2px;}
#sidebar2 a:hover {color:#fff!important; text-decoration:none; background:#000; padding:2px 2px;}

.float-l {float:left; clear:left;}
.float-r {float:right; clear:left;}


/* FORMS */
#comments-bkg {background:none;}
#comments-bkg article, #comments-bkg article section {background:#333;}
.button, .submit, .reset {
	width: 155px; color:#ccff00!important; border:1px #333 solid; text-transform:uppercase; font-weight:bold;
	margin-right: 1px;
	padding: 9px 15px 9px 15px;
	background:#000 url(i/sub_bg.png) repeat-x!important;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer; border:1px #333 solid;
	background:#000 url(i/sub_bg2.png) repeat-x!important;
	}
textarea {background:#000; border:1px #464646 solid; color:#fff;}
input {background:#333; border:1px #464646 solid; color:#fff; padding:2px 2px;}
.comments-style textarea, .comments-style input {background:#000; border:1px #464646 solid; color:#fff;}
/* == COMMENTS == */

article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
	}
	article[id*=comment-] h4 {
		margin: 0;
		}
	.alt {
		border: 1px solid #464646;
		}
form[method=post] label {
	display: block;
	}
form[method=post] input {
	margin: 2px 0 12px 0;
	display: block;
	}
#mailchimpformdisplay .form-table{padding-left:50px;}
#mailchimpformdisplay form[method=post] label {
	display: inline-block;
	}
#mailchimpformdisplay form[method=post] input {
	margin: 2px 0 12px 0;
	display: inline-block;
	}
	
	
/* == SIDEBAR == */

aside {position:relative; margin-left:20px; background:url('../i/tag.png') repeat top left;
	overflow: hidden;
	float: left;
	clear: none;
	}
	aside li {
		list-style: none;
		}
		aside li ul li {
			list-style: disc outside;
			}	
/* FOOTER */

#footer {position:relative; top:1px; margin:15px 0 0 0; text-align:left; background:url('i/footbg.png') repeat-x top left; height:42px; padding:5px 20px 20px 20px; *padding:10px 20px 20px 20px;}
#foothold {position:relative; margin:0 auto; width:950px; min-width:950px; line-height:35px; font-size:0.9em; }
#foothold ul {list-style-type:none; margin:0; padding:0; }
#foothold li {float:left; list-style-type:none; margin:0; padding:0; color:#ccc;}
#foothold li a {color:#fff; text-decoration:none;}
#foothold li a:hover {color:#fff; text-decoration:underline;}
.bdr {border:1px #181878 solid;}
.clearleft {clear:left; height:0; line-height:0; width:821px;}
.clearends {clear:both; height:0; line-height:0;}

col {width:160px;}
.footer-tbl {padding-bottom:20px; padding-top:5px; padding-left:10px;}
.footer-tbl tr td {line-height:25px; height:25px;}
.footer-tbl tr td a{padding-left:12px; color:#ccc; font-size:12px;}
.footer-tbl tr td a:hover{color:#fff; text-decoration:underline;}
.arr-header {margin-left:5px; font-size:14px!important; text-transform:uppercase;
 color:#CBFF00; padding-bottom:5px;}
.arr {background: url('i/navlist_arrow.png') no-repeat 1px 10px;}
.fbox1 {float:left; padding-left:10px; vertical-align:top;}
.fbox1 ul li a:hover {color:#ccc!important;}
.fbox2 {float:right; vertical-align:top; padding-right:20px;}
.fbox2 ul li {padding-right:30px;}

/*  WP sidebar and defaults */

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px; color:#000;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */


	
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#righthold {float:right; width:396px; padding:45px 0 0 0;}
#livechat {float:right; width:340px;}
#livechat a h1 {display:block; color:#9cc204; font-weight:400; background:url('i/live_chat.png') no-repeat center left; font-size:2.5em; padding:0 0 0 55px;}
#livechat a:hover h1 {color:#fff; background:url('i/live_chat2.png') no-repeat center left; text-decoration:none;}
#wrap_mid {position:relative; margin:0 auto; text-align:left;}
#wrap_mid #midhold {position:relative; margin:19px auto; width:980px; min-width:980px; background:url('i/bgin.jpg') repeat-x top left; z-index:1;}
#innercontent {float:left; width:980px; margin:0 0 15px 0;}
#options {float:left; width:944px;}
#optionstop {float:left; background:url('i/mtop.png') no-repeat top left; height:85px; width:925px; padding:30px 20px 0 20px;}
#optionstext {float:left; background:url('i/mmid.png') repeat-y top left; width:925px; padding:0 20px 0 20px;}
#optionsfoot {float:left; background:url('i/mfoot.png') no-repeat top left; height:40px; width:965px;}

#tlinks {position:absolute; right:38px; top:130px; z-index:2000; color:#999999;}
#tlinks a {color:#999999; text-decoration:none;}
#tlinks a:hover {color:#fff; text-decoration:none;}

#tlinks ul {margin:0; padding:0; display:inline!important; list-style-type:none;}
#tlinks li {display:inline!important; list-style-type:none; margin:0; padding:0; color:#626161; font-size:1.4em; padding:0 8px 0 0;}


#site-wide {float:left; width:918px; min-height:500px; height:auto!important; background:url('i/blogbg.png') repeat top left; padding:16px; border:1px #48433e solid; margin:35px 0 0 5px; *margin:37px 0 0 5px; position:relative; z-index:1;}