/*
Theme Name: Carbon Monoxide, Be Alarmed! COCAA
Theme URI: http://www.co-bealarmed.co.uk
Description: A private WP theme design for COCAA.
Version: v2.0
Author: thruSITES
Author URI: http://www.web-developers.net
*/

html
{
	padding: 0;
	margin: 0;
}

body
{
	font: normal 13px/normal Arial, Verdana, helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, blockquote, span, em, a, hr, form, fieldset, label
{
	border: 0;
	padding: 0;
	margin: 0;
}

ul 			{ list-style-type: none; }

a
{
	font: normal 13px/normal Arial, Verdana, helvetica, sans-serif; 
	color: #000; 
	outline: 0;
	padding: 2px 0px;
}
a img		{ border: none; }

a.icon		{ font-size: 15px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; }

br.cleaner	{ height: 0; line-height: 0; clear: both; }

form input.text,
form textarea
{
	font: normal 13px/normal Arial, Verdana, helvetica, sans-serif;
	color: #000;
	border: 1px solid #878787;
	border-right-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	background-color: #f8f8f8;
}
form textarea		{ line-height: 20px; overflow: auto; }
form input.submit
{
	width: 44px;
	height: 18px;
	background: transparent url('images/button.gif') no-repeat 0 0;
	cursor: pointer;
	border: none;
}
form input.send	{ width: 54px; height:22px; background-image: url('images/button_send.gif'); }
form input.submit:active	{ background-position: 1px 1px; }


/*
	------------------------------------------------------------------------------------------------
*/



.container
{
	width: 800px;
	overflow: hidden;
	margin: 0 auto;
}



/*
 *	.header
*/

.container .header
{
	height: 134px;
	background: transparent url('images/header.png') no-repeat 0 0;
	overflow: hidden;
	clear: both;
}

.header a
{
	width: 150px;
	height: 142px;
	display: block;
}

.header h1 { display: none; }



/*
 *	.header
*/

.container .content .content-inner
{
	width: 100%;
	overflow: hidden;
	padding: 0;
}


/*
 *	#extra-left
*/

/* Navigation */

#extra-left
{
	width: 158px;
	float: left;
}

#extra-left ul.nav li
{
	float:left;
	clear: both;
	text-align: right;
  padding-bottom: 2px;
  width: 158px;
}

#extra-left ul.nav li a
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	padding: 11px;
	text-align: right;
	background: #000;
	color: #fff;
	border-left: 8px solid #ffc82e; 
	text-decoration:none;
}

#extra-left ul.nav li a:hover{
  background:#ffc82e; 
	border-left: 8px solid #000; 
	color: #000;
}

/* Selected Item Top level*/
#extra-left ul.nav li.current_page_item a {
  background:#ffc82e; 
	border-left: 8px solid #000; 
	color: #000;
}

/* Children of selected item */
#extra-left ul.nav li.current_page_item li a {
  border-left: none;
  margin-top: 2px;
  font-size: 9px;
}

#extra-left ul.nav li.current_page_item li a:hover {
	border-left: 8px solid #000; 
}

/* When Child is selected style the parent */
#extra-left ul.nav li.current_page_parent a {
  background:#ffc82e; 
	border-left: 8px solid #000; 
	color: #000;
}

/* When Child is selected style the sisters */
#extra-left ul.nav li.current_page_parent li a {
  border-left: none;
  margin-top: 2px;
  font-size: 9px;
}

#extra-left ul.nav li.current_page_parent li a:hover {
	border-left: 8px solid #000; 
}

/* When Child is selected style it */
#extra-left ul.nav li.current_page_parent .current_page_item a{
	border-left: 8px solid #000; 
}


#extra-left ul.nav li ul
{
	float: left;
	display: none;
	width: 150px;
	margin-left: 8px;
	_margin-left: 4px;
}

#extra-left ul.nav li ul li
{
	float: left;
	clear: both;
	width: 150px;
	padding-bottom: 0px;
}


#extra-left ul.nav li.current_page_item ul,
#extra-left ul.nav li.current_page_parent ul { display: block; }

#extra-left form
{
	float: left;
	clear: both;
	overflow: hidden;
	margin: 20px 0 0 0;
}
#extra-left form input
{
	float: left;
	clear: both;
}
#extra-left form input.text
{
	width: 142px;
	font-size: 11px;
	text-align: right;
	padding: 3px 5px;
	border: 3px solid #000;
}
#extra-left form input.submit
{
	margin-top: 10px;
	margin-left: 117px;
	width: 41px;
	height: 22px;
}



/*
 *	#content
*/

#content
{
	width: 370px;
	float: left;
	padding: 10px 20px 0;
	background: url(images/bg_top_border.png) top right no-repeat;
	border-right: 1px solid #ddd; 
	min-height: 550px;
}

#content a:hover 	{ text-decoration: underline; background: #000; color:#ffc82e;}


#content #first_paragraph {
  font-weight: bold;
  padding-bottom: 10px;
}

#content h3#steps {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  background: url(images/bg_steps_top.png) 0 0 no-repeat;
  width: 357px;
  margin: 0px;
  padding: 16px 0 0px 16px
}

#content #steps_cover {
  background: url(images/bg_steps_middle.png) 0 0 repeat-y;
  width: 373px;
}

#content ul#steps_list {
  background: url(images/bg_steps_bottom.png) bottom left no-repeat;
  width: 373px;
  padding: 10px 0;
  margin: 0px;
}

#content ul#steps_list li {
  padding: 0 0 8px 30px;
  margin: 0 0 0 16px;
  width: 300px;
	background: transparent url('images/item.png') no-repeat 0 4px;
}

#content ul#steps_list li a {
  color:#000;
  display: block;
  padding-top:8px;
}

#content ul#steps_list li a:hover {
  background: #ffc82e;
  text-decoration: underline;
}

#content .flash-player
{
	width: 370px;
	height: 320px;
	margin: 40px 0;
}

#content a.icon
{
	background: transparent no-repeat 0 4px;
	padding: 0 0 0 30px;
}
#content a.icon-pdf { background-image: url('images/icon_pdf.gif'); }

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
	padding: 0 0 13px 0;
	margin: 0 0 15px;
  text-transform: uppercase;
}
#content h1,
#content h2
{
	padding: 0 0 7px 0;
	font-size: 17px;
}
#content h3,
#content h4,
#content h5,
#content h6
{
	font-weight: bold;
	background: none;
	padding: 0;
	font-size: 16px;
}
#content h4,
#content h5,
#content h6
{
	font-size: 16px;
}

#content p
{
	line-height: 23px;
	margin: 0 0 15px;
}

#content blockquote
{
	font-style: italic;
	text-align: justify;
	color: #555;
	background: transparent url('images/quotes.gif') no-repeat 0 0;
	padding: 0 0 0 65px;
	margin: 20px 0 25px 0;
}
#content blockquote * { margin: 0; }

#content ul,
#content ol
{
	margin: 20px 0;
}
#content ul li
{
	background: transparent url('images/item_yellow.png') no-repeat 0 4px;
	padding: 4px 0 0 32px;
}
#content ul li,
#content ol li
{
	line-height: 23px;
	margin: 0 0 15px;
}
#content ol li
{
	margin-left: 20px;
}

#content form
{
	margin: 30px 0;
}
#content form p.response
{
	text-align: center;
	color: #f08d00;
	display: none;
}
#content form .item
{
	margin: 0 0 20px;
}

#content form .item label
{
	font-weight: bold;
	display: block;
	margin: 0 0 10px;
}
#content form .item label * 	{ font-weight: normal; }
#content form .item label span
{
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#content form .item label sup		{ display: none; }
#content form .warning label sup	{ font-weight: bold; color: #c00; display: inline; }

#content form .item input.text,
#content form .item textarea	{ width: 340px; }

#content form .item input.text
{
	padding: 5px 10px;
}
#content form .item textarea
{
	height: 200px;
	padding: 10px;
}

#content img.alignleft	{ float: left; margin: 10px 20px 2px 0; }

#content .pagination
{
	width: 100%;
	overflow: hidden;
	padding: 10px 0 0;
}
#content .pagination p
{
	display: inline;
	margin: 0;
}
#content .pagination p.float-left	{ float: left; }
#content .pagination p.float-right	{ float: right; }


#content #supporters_wrapp {float:left; clear: both; width:370px;}
#content #supporters_wrapp .supporters_logo {float:left; width:148px; clear:left;}
#content #supporters_wrapp .supporters_logo img {float:left; width:90px; clear:left;}

#content #supporters_wrapp p {float:left; width:150px;}
#content #supporters_wrapp p a {float:left;}

#content #how_to_stay_safe li {background:url(images/item_yellow_cross.png) 0 4px no-repeat;}



/*
 *	#extra-right
*/

#extra-right
{
	width: 205px;
	float: left;
	padding: 10px 0 0 20px;
	border-top: 1px solid #ddd;
}

#extra-right h2
{
	font-size: 17px;
	color: #000;
	margin: 0 0 15px;
  text-transform: uppercase;
  float:left; 
  clear:both;
	width: 205px;
}
#extra-right h2 span
{
	font-size: 16px;
	word-spacing: 4px;
}

#extra-right p
{
  float:left; 
  clear:both;
	width: 205px;
  font-size: 11px;
  color: #999;
  padding-bottom: 10px;
}

#extra-right p.align-center 	{ text-align: center; }
#extra-right p.align-right 		{ text-align: right; }

#extra-right a.icon
{
	font-size: 13px;
	background: transparent no-repeat 0 2px;
	padding: 0 0 0 22px;
}
#extra-right a.icon-videos { 
  background-image: url('images/icon_videos.gif'); 
  font-weight: normal;
  line-height: 20px;
  color: #999;
}

#extra-right .flash-player
{
  float:left;
  clear:both;
	width: 205px;
	height: 160px;
	margin: 0 0 20px 0;
}
#extra-right .flash-player p
{
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	color: #777;
	border: 1px solid #eee;
	padding: 10px 0;
}



/*
 *	.footer
*/

.container .footer
{
	font-size: 10px;
	color: #999;
	padding-top: 10px;
	border-top: 1px solid #ddd; 
}
.container .footer p
{
  float:left;
  width: 400px;
	padding: 0 0 10px;
}

.container .footer p#footer_email {
  text-align: right;
}

.container .footer p a {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}

.container .footer p a:hover {
  background: #fff;
  color: #000;
}


/* Image carousel plugin */
#supporters {
  float: left;
  clear: both;
  width: 158px;
  height: 235px; 
  margin-top: 30px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; 
}
#supporters p {
  float: left; 
  width: 158px;
  clear:both;
  margin-top: 5px;
}

#supporters p a {
  float: left;
  clear: both;
  font-weight: normal;
  font-size: 11px;
  color: #999;
}

#supporters p a:hover {
  color: #000;
}

#supporters h3 {
  float: left;
  clear: both;
  width: 158px;
  padding-bottom: 10px;
  margin-top: 10px;
  font-weight: normal;
  font-size: 12px;
  color: #333;
}

#newsticker-demo { 
  float: left;
  clear: both;
  width:148px; 
  height:140px;
  background:#fff;  
   
  /*padding:5px 0px 0;
  padding-top:20px;
  _padding-top:5px;;*/
}  
   
.newsticker-jcarousellite { 
  width:158px; 
  height:140px !important;
  overflow: hidden;
}  

.newsticker-jcarousellite ul {
  width:158px; 
  height:140px;
  overflow: hidden;
}

.newsticker-jcarousellite ul li{ 
  list-style:none; 
  display:block;
  width:158px; 
  height:140px !important;
  margin-bottom: 140px;
}  

.newsticker-jcarousellite ul li .image{
  height: 10px;
} 

.newsticker-jcarousellite ul li img {
  display:block; 
  margin: 0 auto;
}

.clear { clear: both; }