/*  
Theme Name: SmokeFree
Theme URI: http://www.viv-id.co.uk
Description: SmokeFree theme.
Version: 1.0
Author: Matt Heyes

*/

/***
* Menu stylings
***/

#main_menu {
	clear:both;
	float:left
}

#main_menu ul{
	margin:0 auto;
	padding:0;
	list-style:none;
	text-transform:uppercase;
}

#main_menu li {
	margin:0 2px;
	padding:0;
	float:left;
	background:url(images/menu.png) no-repeat;
	background-position:100% -86px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	max-width:130px;
	text-align:center;
}

#main_menu li.thiner { max-width:77px; }

#main_menu li a {
	height:26px;	
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding:7px 0px 10px 10px;
	background:url(images/menu.png) bottom left no-repeat;
	margin-right:10px;
}

#main_menu li:hover {
	background-position:100% 0;
}

#main_menu li:hover a {
	background-position:0px -43px;
}

#main_menu li.current {
	margin:0 2px;
	padding:0;
	float:left;
	background:url(images/menu-current.png) right top no-repeat;
}

#main_menu li a.current {
	height:28px;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding:35px 0px 10px 10px;
	background:url(images/menu-current.png) left bottom no-repeat;
	margin-right:10px;
}

#login_menu {
	position:absolute;
	float:right;
	top:0;
	right:0;
	background:url(images/bg-login-menu.png) no-repeat bottom;
	height:11px;
	width:154px;
	text-align:center;	
	color:#ffffff;
	font-size:10px;	
	text-transform:uppercase;
	padding:10px 0 10px 0;
}

#login_menu a:active, #login_menu a:visited, #login_menu a:link {
	text-decoration:none;
	color:#ffffff;
}

#login_menu a:hover {
	text-decoration:underline;
	color:#ffffff;
}

a:active, a:focus, .Buttons {
outline: 0
}

a:active, a:visited, a:link {
	color:#8cc63f;
	text-decoration:underline;
}

a:hover {
	color:#8cc63f;
	text-decoration:none;
}

hr {
color: #474545;
background-color: #474545;
height:1px;	
}

/***
* Layout stylings
***/

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background:#1a1a1a;
	text-align:center;
}

#wrapper {
	margin:0 auto;
	text-align:left;
	width:985px;
	position:relative;
}

#header {
	width:985px;
	height:110px;
}

#footer {
	width:818px;
	height:107px;
	padding:0px 0 15px 170px;
	background:url(images/bg-footer.png) left top no-repeat;
	font-size:11px;  
	color:#a7a9ac;
	border-top:1px dashed #ffffff;
}

#footer p {
	width:480px;
	margin:0;
	padding:0;
}

img.logo {
	border:none;
}

#left {
	width:240px;
	float:left;
	line-height:20px;	
}

#right {
	width:220px;
	float:left;
	line-height:16px;		
	text-align:center;
	padding-top:60px;	
}

#right_box {
	margin:0 auto;
	text-align:left;
	background:url(images/bg-right-box.png) repeat-y;
	width:197px;
	padding:0 10px 10px 10px;
}

#right_box_top {width:217px; height:16px; background:url(images/right-curved.png) bottom no-repeat; margin:0 auto;}
#right_box_bottom {width:217px; height:16px; background:url(images/right-curved.png) top no-repeat; margin:0 auto;margin-bottom:20px;}

#left_box {
	margin:0 auto;
	text-align:left;
	background:url(images/bg-left-box.png) repeat-y;
	width:220px;
	padding:0 10px 10px 10px;
}

#left_box_top {width:240px; height:16px; background:url(images/left-curved.png) bottom no-repeat; margin:0 auto;}
#left_box_bottom {width:240px; height:16px; background:url(images/left-curved.png) top no-repeat; margin:0 auto;margin-bottom:20px;}

#main {
	width:473px;
	margin:0 23px;
	float:left;
	padding-top:60px;
}

#main, #main td {
	line-height:20px;	
}

.register {
	position:absolute;
	top:55px;
	right:10px;
	float:right;
	border:none;
}

#content_item {
	border-top:1px solid #595758;
}

h1 {
	padding:0;
	margin:0 0 10px 0;
	color:#8cc542;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	padding:0;
	margin:0 0 10px 0;
	color:#00aeef;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

h3{
	padding:0;
	margin:0 0 10px 0;	
	color:#8cc542;;
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
}

p {margin:0; padding:0 0 8px 0}

.post h2 a, #join h2  {
	color:#ffffff;
}

#join {margin-bottom:20px;}
#join ul {margin:0;padding:0; list-style:none}
#join li {margin:0;padding:0;border-bottom:1px dashed #26ace2;}
#join li a:active, #join li a:visited, #join li a:link {padding:3px 0;text-decoration:none;display:block;color:#26ace2;}
#join li a:hover {padding:3px 0;text-decoration:underline;display:block;color:#26ace2;}
#join ul.left_links {border-top:3px solid #818285; margin:5px 0 7px 0; padding:5px 0 0 0}

#share h2 {text-align:left;margin:0 0 10px 10px;}

.addthis_toolbox {
	height:26px;
	width:185px;
	text-align:left;
	padding:10px 0 0 32px;
	background:url(images/bg-share.gif) #ffffff no-repeat;
	margin:0 auto;
}

.addthis_toolbox a {color:#252424;}

.date_tag {
	float:right;
}

a.quizlink {color:#ed177a; text-transform:uppercase; font-size:16px; font-weight:600; text-decoration:none;}
a:hover.quizlink {color:#ed177a; text-transform:uppercase; font-size:16px; font-weight:600; text-decoration:underline;}

#footer_links { padding:10px 0;}
#footer_links ul {margin:0;padding:0; list-style:none; position:relative; top:15px; }
#footer_links li {margin:0; padding:0; display:inline; padding-right:4px;}
#footer_links a {color:#a7a9ac; text-transform:uppercase; font-size:14px; font-weight:600; text-decoration:none }
#footer_links a:hover {color:#a7a9ac; text-transform:uppercase; font-size:14px; font-weight:600; text-decoration:underline }

.videos {padding:15px 0 }

.blue {margin:10px 0; padding:10px 0; border-top:1px dashed #2aabe2; border-bottom:1px dashed #2aabe2; }
.blue h2, .blue h3, .blue a { color:#2aabe2; }

.green {margin:0; padding:10px 0; }
.green h2, .green h3, .green a { color:#8cc542; }

.blueline { border-bottom:1px dashed #2aabe2; padding-bottom:5px; margin-bottom:5px;}

.greenline { border-bottom:1px dashed #8cc542; padding-bottom:5px; margin-bottom:5px;}


p.message { color:#ED177A; font-weight:600; }

/** 
 Form Builder
**/
.formBuilderError {color:#e32089; font-weight:600;}
.formBuilderSuccess {color:#2aabe2; font-weight:600;}


/** 
 Latest News
**/

.lpbcWidget, .lpbcWidget ul {margin:0; padding:0; list-style:none }

li.lpbcWidgetPost {border-bottom:1px dashed #00AEEF; padding:0 0 10px 0; margin:0 0 10px 0;}
/** 
 Comments styling
**/

.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #474545;
}



.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	width:473px;
}

a.top_left_links {
	display:block;
	height:38px;
	width:241px;
	text-indent:-987px;
}

a.create_film { background:url(images/create-a-film.gif) top left no-repeat; }
a.create_film:hover { background:url(images/create-a-film.gif) top right no-repeat; }

a.express { background:url(images/express.gif) top left no-repeat; }
a.express:hover { background:url(images/express.gif) top right no-repeat; }

a.campaign { background:url(images/campaign.gif) top left no-repeat; }
a.campaign:hover { background:url(images/campaign.gif) top right no-repeat; }

a.pollarchive { display:block; height:29px; width:166px; background:url(images/viewmorepolls.png) no-repeat; text-indent:-99999px }
/************************************************

	forms

************************************************/

form {
  width: 100%; 
}

form fieldset {
  border: 1px solid #c9c9c9;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 10px;
  text-align:center;
  color:#1a1a1a;
}

form fieldset label {
	display: block;
	float: left; 
	width: 100px; 
	margin: 8px 0px 0px 0px;
	text-align: right;
}

form fieldset input, form fieldset textarea {
	width: 250px;
	background: #FFFFFF;
	margin: 5px 0px 0px 10px;
	border: 1px solid #838383;
	padding: 3px;
}

	form fieldset input:hover, form fieldset textarea:hover {
		border: 1px solid #202020;
	}
	
	form fieldset input:focus, form fieldset textarea:focus {
		border: 1px solid #ff7e00;
	}

form fieldset textarea {
	overflow: auto;
}

form fieldset select {
	width: 250px;
	background: #FFFFFF;
	height: 25px;
	margin: 5px 0px 0px 10px;
	border: 1px solid #838383;
}

	form fieldset select:hover {
		border: 1px solid #202020;
	}
	
	form fieldset select:focus {
		border: 1px solid #00aec8;
	}

form fieldset br {
	clear:left;
}

form fieldset .right {
	margin: 5px 0px 0px 180px;
}

form fieldset .error_message {
	font: 10px;
	color: #b34040;
	text-transform: uppercase;
	margin: 5px 0px 10px 180px;
}

form fieldset .button {
	width: 258px;
	font: bold 12px Arial;
	color: #ffffff;
	background: #202020;
	border: 1px solid #474545;
	margin: 0px;
	cursor: pointer;
}

	form fieldset .button:hover {
		background: #000000;
		border: 1px solid #000000;
	}

form.formBuilderForm, form.loginform {
	border:2px solid #bcbdc0;
	background:#ffffff;
	color:#333;
	width:453px;
}

form.loginform { padding:10px; width:433px }

form.formBuilderForm .formBuilderSubmit { text-align:center; margin:0 auto; }

form.formBuilderForm .formBuilderSubmit input, #wp-submit {
	background:url(images/blank-button.png) no-repeat;
	width:84px;
	height:34px;
	border:none;
	border-collapse:collapse;
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
	margin: 0 auto;
}