/*   
Theme Name: TWC
Theme URI: 
Description: 
Author: PlusPlusMinus
Author URI: http://www.plusplusminus.co.za
Version: 1.0
Tags: Comma-separated tags that describe your theme.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
/* Reset default browser styles */
@import url('css/reset.css');
/* Import a basic layout */
@import url('css/960.css');
/* Rebuild default browser styles */
@import url('css/rebuild.css');
/* Basic WordPress Styles */
@import url('css/wp.css');

/* ++-++-++-++-++-++-++-++-++-++-
   ++-       WRAPPER          ++-
   ++-++-++-++-++-++-++-++-++-++- */
   
 body {
	margin-bottom: 50px;
}

#wrapper {
	margin-top: 20px;
}
#wrapper_foot {	margin-top: 0;}

.left{
	float: left;
}
.right{
	float: right;
}

/* ++-++-++-++-++-++-++-++-++-++-
   ++-       HEADER          ++-
   ++-++-++-++-++-++-++-++-++-++- */

#header {
	background: #000000;
	margin-bottom: 20px;
	position: relative;
}



#branding {
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat;
	height: 77px;
}

#event {
	text-transform: uppercase;
	position: relative;
	bottom: 0;
}

#event h5 {
	font-size: .8em;
	color: #929090;
}

span.events a {
	color: #7B8A47;
	display: block;
	font-size: 13px;
}

span.events a:hover {
	color: #929090;
	text-decoration: none;
}

span.event_date {
	
}

#nav {
	background: url(images/bg_nav_primary.jpg) repeat-x;
	height: 41px;
	width: 100%;
}

ul#dropmenu {
	list-style-image: url(images/img_menu.jpg);
	z-index: 10;
}

ul#dropmenu li:first-child {
	list-style-image: none;
}

ul#dropmenu li {
	text-transform: uppercase; 
	color: #000000;
	padding: 0.7em 1.6em 0.7em .4em;
}

ul#dropmenu li a {
	text-transform: uppercase;
	color: #000000;
	font-weight: normal;
}

ul#dropmenu ul li {
	background: #FFFFFF;
	width: 160px;
	padding-left: 5px;
	border-bottom: 1px solid #7B8A47;
}

ul#dropmenu li a:hover {
	color: #7B8A47;
}


ul#dropmenu li.categories {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	font-weight: normal;
	background: url(images/img_menu.jpg) no-repeat 0 17px;	margin-left: -5px;	text-indent: 10px;}

/* ++-++-++-++-++-++-++-++-++-++-
   ++-  CONTENT_CONTAINER     ++-
   ++-++-++-++-++-++-++-++-++-++- */

#content_container.home {
	background: url(images/bg_home.jpg) repeat-x;
	padding-bottom: 20px;
	width: 100%;
	margin: 0 auto;
	height: 510px;
}

#content_container.pages {
	padding-bottom: 20px;
	width: 100%;
	margin: 0 auto;
	height: 510px;
}

#content_container_cat #primary h2 {
	margin: 20px 0px 20px;
	border-top: 1px solid #929090;

}

#primary {
	width: 600px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

#content_container.pages #primary {
	width: 620px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

.video {
	border: 5px solid #000000;
}

#primary h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 15px;
	
}

#primary h2 a {
	color: #FFFFFF;
}

 span.view_more a:hover, span.read_more a:hover,  input#submit:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #7B8A47;	
}

#primary h2 a:hover, #secondary h2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}



.center {
	width: 960px;
	margin: 0 auto;
}

span.view_more a, span.read_more a, span.full_entry, input#submit, input#button {
	background: #4B4B4B;
	padding: 8px;
	text-transform: uppercase;
	color: #FFFFFF;
	border: none;
}



#secondary {
	background: url(images/overlay_sidebar.png) repeat left;
	width: 320px;
	float: left;
	padding-top: 30px;
}

#secondary.pages {
	width: 300px;
	float: left;
	padding-top: 0px;
	background: url(images/bg_sidebar_repeat.jpg) repeat-y bottom left;
}

#sidebar_bg {
		background: url(images/bg_sidebar.jpg) no-repeat top left;
		height: 100%;
		padding-top: 30px;		
		float: left;
		width: 300px;
}

#secondary h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 20px;
	margin-bottom: 5px;
}

#secondary h2 a {
	color: #FFFFFF;
}

#secondary img {
	border: 5px solid #000000;
}

#secondary.home {
	height: 500px;
}

.sidebox{
	position: relative;
	z-index: 1;
	width: 270px;
	height: 180px;
		margin: 5px 20px 20px;
	
}

span.sidebar_read_more {
	background: url(images/overlay_sidebar.png);
	bottom:-5px;
	height:20px;
	left:5px;
	padding:5px 10px;
	position:absolute;
	text-align:right;
	width:250px;
	z-index:2;
	font-family: arial;
	font-size: 13px;
}

#secondary ul {
	border-top: 1px solid #7B8A47;
	width: 260px;
margin:0 0 30px 20px;

}

#secondary.home ul {
	margin: 0;
}

#secondary.pages ul {
	width: 260px;

}

#secondary.pages ul li.cat-item {
		list-style-image: url(images/icon_raq.png);
		list-style-position: inside;
}

#secondary.home ul, #secondary.home ul li {
	border: none;
	
}

#secondary ul li {
	border-bottom: 1px solid #7B8A47;
	padding: 5px 0;
	list-style: none;	
}



#secondary ul li a {
	color: #FFFFFF;
}


#secondary #gform_1 ul li {
	border: 0;
	padding: 0;
}

#secondary #gform_1  {
	border-bottom: 1px solid #7B8A47;
}

#secondary #gform_1 input.button {
	margin-left: 20px;
	background: #7B8A47;
	margin-bottom: 15px;
	color: #FFFFFF;
	
}


/* ++-++-++-++-++-++-++-++-++-++-
   ++-      FOOTER            ++-
   ++-++-++-++-++-++-++-++-++-++- */

#footer1 {
	margin-top: 15px;
}

span.footer, span.footer1 {
	border-top: 1px solid #929090;
	padding-top: 10px;
	font-size: 10px;
}

#foot_header {
	background: url(images/bg_nav_bottom.jpg) repeat-x;
	height: 40px;
	margin-bottom: 20px;
	width: 100%;
}

.footer_box h4 {
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 0;
}

.foot_right {
	float: right;
	width: 140px;
	text-align: right;
}

.box_img {
	float: left;
	width: 146px;
	margin-right: 20px;
}

.box_txt {
	float: left;
	width: 205px;
}

.box_img img{
	border: 3px solid #929090;
	padding: 0;
}

.vendor {
	width: 385px ;
	float: left;
}

.connect {
	width: 230px;
	float: left;
}

.signup {
	width: 300px;
	float: left;
}

span.black {
	color: #000000;
}

#footer ul {
	margin: 0;
}

span.footer a {
	color: #FFFFFF;
}

span.footer a:hover {
		color: #7B8A47;

}

#footer h5 {
	color: #7B8A47;
}

.footer_box ul {
	list-style: none;
}

.footer_box ul li a {
	color: #FFFFFF;
}

.footer_box ul li {
	padding-left: 35px;
	margin: 10px 0;	
	line-height: 26px;
}

#secondary li.twitter, #secondary li.facebook, #secondary li.rss {
	margin-top: 5px;
	padding: 0 0 5px 35px;
	line-height: 26px;
}

li.twitter {
	background: url(images/twitter.png) no-repeat;

	
}

li.facebook {
	background: url(images/facebook.png) no-repeat;

}

li.rss {
	background: url(images/feed.png) no-repeat;
	
}

.post {
	border-bottom: 1px solid #929090;
	padding-bottom: 20px;
	margin-bottom: 0px;
	margin-top: 20px;}
	
#primary.post:last-child {	border:none;}

.post h3 {
	color: #7B8A47;
	font-size: 20px;
}

.post h3 a {
	color: #7B8A47;
}

.post a, .entry-content a {
	color: #7B8A47;
}

#primary .post_img img {
	border: 3px solid #7B8A47;
}

.post p {
	margin-bottom: 1em;
}

.post_img {
	width: 166px;
	float: left;
	margin-right: 20px;
}

.post_txt {
	float: left;
	width: 430px;
}

.post_wide_txt {
	float: left;
	width:620px;
}

span.full_entry {
	padding: 5px;
	background: #929090;
}

span.full_entry a {
	color: #FFFFFF;

}

span.meta {
	color: #7B8A47;
}

.the_meta {
	margin-bottom: 20px;
	
}

span.breadcrumbs {
	margin: 20px 0;

}

#gform_1 input { 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: #929090;
	border: 1px solid #929090;
	padding: 4px;
	width: 220px;
	margin: 0;
}

#gform_1 li {
	padding: 0;
	margin: 5px 0;
}

#gform_1 input.button {
	width: auto;
	color: #FFFFFF;
	text-transform: uppercase;
	background: #4B4B4B;
	border: none;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}

.validation_error{
	padding: 20px;
}

#searchbox {
	margin-top: 22px;
}

#search {
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
background:#FFFFFF;
border:1px solid #5B5B5B;
height:27px;
width:170px;
position: absolute;
bottom: 8px;
}
#primary #search {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF;border:1px solid #5B5B5B;height:27px;width:170px;position: relative;margin-top: 10px;}
.grid_2 label {
	margin-bottom: -10px;
}
#primary #s {color: #929090;border: none;padding: 4px;width: 140px;margin: 0;float: left;}#primary #searchsubmit {background:#FFFFFF url(images/search.gif) no-repeat scroll 0 0;border:0 none;cursor:pointer;padding:0;float: left;width:20px;margin-top: 4px;}
#s {
color: #929090;
border: none;
padding: 4px;
width: 140px;
margin: 0;
float: left;

}
#searchsubmit {
background:#FFFFFF url(images/search.gif) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
padding:0;
float: left;
width:20px;
margin-top: 4px;
}


p#breadcrumbs {
	border-bottom: 1px solid #929090;
	padding-bottom: 10px;
}

#homeslide, #homeslide2{
	width: 310px;
	height: 227px;
	overflow: hidden;
}

#homeslide3 {
	
width: 380px;
overflow: hidden;
}
body.js #homeslide { display: none; }

ul#homeslide, ul#homeslide2 {
	margin: 0;
	width: 310px;
}

ul#homeslide3 {
	margin: 0;
	width: 380px;
}

#homeslide ul li,#homeslide2 ul li,#homeslide3 ul li {
	height:227px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	
}

#comments {
	margin-top: 20px;
}

span.comments-link {
	background: url(images/comments.jpg) no-repeat right;
	padding-right: 20px;
	width: 120px;
	float: right;	
	text-align: right;
}

span.comments-link a {
	color: #7B8A47;
	
}

.comment-author {
	color: #7B8A47;
	font-size: 14px;
	text-transform: uppercase;
}

.comment-meta {
	color: #929090;
}


.form-submit {
	margin-top: 10px;
}

.gform_wrapper input {
	color: #33333;
}

#primary .gform_wrapper .gfield_error {
background-color:#7B8A47 !important;
border:1px dotted #929090;
margin-bottom:6px;
margin-top:4px !important;
padding:6px 6px 4px !important;
}

#primary .gform_wrapper .validation_error {
color:#7B8A47;

}

#primary .gform_wrapper .validation_message {
color:#FFFFFF !important;

}#primary  li h3 a{	color: #7B8A47;}#primary  ul li {list-style-image:url(images/icon_raq.png);}.nav-previous {float: left; width: 270px;	}.nav-next {float: right;width: 270px;text-align: right;}

.home p {
	font-size: 1.1em;
}

#comment textarea {
	width
}