/*
Theme Name: Mental Health reform
Theme URI: Your Theme's URI
Description: A brief description.
Version: 1.0
Author: Andy
Author URI: http://andrewharkness.me
*/

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F7F6F6;
width:960px; margin:0 auto; 
   text-align:left;  
   }

#wrapper {
	width: 960px;
	background-color:#FFF;
	padding:0px 10px 0px 10px;
}

/* General Elements */

h1 {
	color:#494848;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding: 5px 0 12px 0;
}

h3 {
	color:#069;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin:1em 0 0 0;
	text-align:left;
	padding: 0 0 0 0;
}	

#tweetmeme
{
	float:right;
	margin-right:10px;
	}

/* images */
	
	.alignright
	{
		float:right;
		padding:5px;}
		
			.alignleft
	{
		float:left;
		padding:5px;}

/* HEADER */
#header {
	}
.logo {float:left;
padding: 10px 10px 20px 10px;

}
	
#socialmediabuttons{
	vertical-align:top;
	position:relative;
	padding: 20px 10px 0px 0;
	height: 70px;
	float:right;
	width:350px;
	
}

#socialmediabuttons li{
	list-style-type: none;
list-style-image: none;
list-style-position: outside;
float: left;
padding: 0 0px 0 20px;
}

/* navigation redone properly */
#navmenu {
	clear:both;
	background-color:#252525;
	margin: 0px 5px 14px 14px;
	padding:1px 0px 1px 0px;
	text-align: left;
	text-transform:uppercase;
font-weight:bold;
position:relative;
height:1.5em;
font-size: 12px;
z-index:10;
		}


#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#navmenu ul li {
     float: left;
     position: relative;}
#navmenu ul li a {text-decoration:none;  margin: 1px;
	padding: 1px 14px 1px 14px; color: #fff;
	background: #252525;}
#navmenu ul li a:hover {color: #fff;
	background-color: #EE4272; padding:4px 14px 4px 14px; }
	
	#navmenu .current_page_item a, #menu .current_page_item a:visited{
  background-color:#EE4272;
   border:0px;
   padding:5px 15px 5px 15px;
   color:#FFF;
}

#navmenu ul li ul {display: none;}
#navmenu ul li:hover ul {
	 display: block;
position:absolute;
top:105%;
}
	
	#navmenu ul li:hover ul li a {
     display:block;
     background:#6dc7ec;
     color:#ffffff;
     width: 135px;
     text-align: center;
     border-bottom: 1px solid #f2f2f2;
     border-right: none;
	 margin: 2px 3px 0 3px; padding: 2px; 
}
 
#navmenu ul li:hover ul li a:hover {
     background:#A9E2FA;
     color:#fff;
}

/************* Green Donate Button ****************/
	
	
	
	#navmenu ul li.green a {text-decoration:none;  margin: 4px;
	padding: 6px 14px 5px 14px; color: #fff;
	background: #339933;}

	
/******************** Home Page ********************/

#slideshow {
	height: 360px;
	width:600px;
	float: left;
	padding: 0 0 0 15px;
}


#takeactionbox {
	position:relative;
	top:40px;
	background-color: #EE4272;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	max-width: 280px;
	height: 193px;
	float:right;
	margin: -60px 7px 0 10px; 
	padding: 30px 15px 126px 24px;
	z-index:5;
}

.take{
	font-size:30px;
	line-height: 40px;
	text-align: left;
		color:#FFF;
}
.action{font-size:45px; line-height:50px; 	color:#FFF;
}
.restoftakeactiontext {
	display:inline;
	font-size:25px;
	line-height: 30px;
background-color: #FA9D1C;
color:#EE4272;
padding: 0 5px 0 5px;
font-weight:bold;
}

.restoftakeactiontext  a:link {color:#EE4272; text-decoration: none;}      /* unvisited link */
.restoftakeactiontext  a:visited {color:#EE4272; text-decoration: none;}      /* unvisited link */


/******************** Main Content ********************/
#content {
	margin: 0 0px 0 0;
	overflow: hidden;
	padding: 0 0 0 15px;
}

#content a:link{color:#069;text-decoration:none; }
#content a:visited{text-decoration:none;color:#069;
	}
	
#leftcolumn {
	width: 650px;
float:left;
}

#fullwidth {
	width: 935px;
}



#breadcrumbs {
font-size: 0.84em;
margin:0;
padding:0;
}

#breadcrumbs a:link{color:#069; }
#breadcrumbs a:visited{color:#069;}

/******************** Sidebar ********************/

#sidebar {
width: 270px;
float:right;
list-style-type: none;
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
z-index:14;
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
}

#sidebar h5.takeaction {
	font-size:1.2em;
	margin: 0 0 0 0px;	
	background-color: #EE4272;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;
	margin-bottom: 10px;
}

#sidebar h5.takeaction a:link {color:#FFF; text-decoration: none;}     
#sidebar h5.takeaction a:visited {color:#FFF; text-decoration: none;}  

#sidebar h5.blog {
	font-size:1.2em;
	margin: 0 0 0 0px;	
	background-color: #949599;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;
	margin-bottom: 10px;
}

#sidebar h5.blog a:link {color:#FFF; text-decoration: none;}     
#sidebar h5.blog a:visited {color:#FFF; text-decoration: none;}  


#sidebar h5.donate {
	font-size:1.2em;
	margin: 0 0 0 0px;	
	background-color: #6ECFF0;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;
	margin-bottom: 10px;
}

#sidebar h5.donate a:link {color:#FFF; text-decoration: none;}     
#sidebar h5.donate a:visited {color:#FFF; text-decoration: none;}  

#sidebar h5.newsletter {
	font-size:1.2em;
	margin:0;
	background-color: #FD9C5F;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;	
}

#newsletter {
	font-size: 0.8em;
	margin: 0;	
	background-color: #FD9C5F;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px 5px 10px 5px;
	width:250px;
	margin-bottom: 10px;
	font-weight:bold;
}

#sponsor {
	font-size: 11px;
	margin: 0;
	background-color:#EAEAEA;
	color:#666;
	display:block;
	text-align:left;
	padding: 5px;
	width:250px;
	margin-bottom: 10px;
	}

	#sponsor a:link {	color:#666; 	text-decoration: none;}     
#sponsor a:visited {color:#666; text-decoration: none;} 

#sidebar ul {
	margin: -5px 0 0 17px;	
	padding: 0 0 0 0;
	list-style-type: circle;
	color:white;
}

#sidebar h5.posts {
	font-size:1.2em;
	margin:0;
	background-color: #475E7D;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;	
}
#sidebarelementsrecentposts{
	font-size: 0.8em;
	padding: 5px;
	width:250px;
	margin: 0;
	background-color:#475E7D;
	margin-bottom: 10px;
	}
		#sidebarelementsrecentposts ul {
margin: 0;
	}
#sidebarelementsrecentposts a:link {color:#FFF; text-decoration: none;}     
#sidebarelementsrecentposts a:visited {color:#FFF; text-decoration: none;} 

#sidebar h5.popposts {
	font-size:1.2em;
	margin:0;
	background-color: #47797D;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:250px;	
}
	#sidebarelementspopposts{
	font-size: 0.8em;
	padding: 5px;
	width:250px;
	margin: 0;
	background-color:#47797D;
	margin-bottom: 10px;
	}
	
	#sidebarelementspopposts ul {
margin: 0;
	}
	
#sidebarelementspopposts a:link {color:#FFF; text-decoration: none;}     
#sidebarelementspopposts a:visited {color:#FFF; text-decoration: none;} 
	
	#sidebarelementslinks {
	margin:0;
	background-color:#47797D;
	display:block;
	text-align:left;
	color:#494848;
	padding: 5px;
	width:250px;	
}

#sidebarelementslinks a:link {color:#FFF; text-decoration: none;font-weight:bold;font-size:1.2em;}     
#sidebarelementslinks a:visited {color:#FFF; text-decoration: none;font-weight:bold;font-size:1.2em;}

/******************** Sidebar_poll ********************/
#sidebar_poll {
width: 310px;
float:right;
padding-left:10px;
min-height:700px;
}


/******************** Home Page Content ********************/

.homepagecontent {
	margin: 0;
	padding:0; 
	overflow:hidden;
	clear:both;
	}
	
	.homepagecontent h2 {
	color:#EE0872;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	margin:0;
	padding:0;
	text-align:left;
	padding: 0 0 0px 0;
}	
.homepagecontent h4 {
	color:#069;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	margin:1em 0 0 0;
	text-align:left;
	padding: 0 0 0 0;
}	
	
	.homepagecontent a:link{color:#069;text-decoration:none; }
	.homepagecontent a:visited{text-decoration:none;color:#069;
	}
	
	

.homepagecontent p {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	.homepagecontent ul
{
margin-left: 0pt;
padding-left: 0pt;
text-align: left;

}

.homepagecontent li
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
float: left;
width: 290px;
margin-top: 0pt;
margin-right: 7px;
margin-bottom: 0pt;
margin-left: 7px;
padding-top: 0pt;
padding-left: 7px;
padding-bottom: 20px;
padding-right: 7px;
}

#date {
	font-size: 0.8em;
	font-style: italic;	
	
}

/******************** take-action pages ********************/

#actiontabs{
	padding-bottom:25px;
}

#emailtd  {
float:left;
}

#emailtd h2 {
	font-size:1.1em;
	margin: 0 10px 0 0px;	
	background-color: #EE4272;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
width:190px;
	margin-bottom: 10px;
	clear:all;
	
}

#emailtd a:link {color:#FFF; text-decoration: none;}     
#emailtd  a:visited {color:#FFF; text-decoration: none;}  

#newsletterpage {
	float:left;
}

#newsletterpage h2 {
	font-size:1.1em;
	margin: 0 10px 0 0px;	
	background-color: #FD9C5F;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:190px;
	margin-bottom: 10px;
	clear:all;
	
}

#newsletterpage a:link {color:#FFF; text-decoration: none;}     
#newsletterpage  a:visited {color:#FFF; text-decoration: none;}  

#tools {
	float:left;
}

#tools h2 {
	font-size:1.1em;
	margin: 0 10px 0 0px;	
	background-color: #949599;
	display:block;
	text-align:left;
	color:#FFF;
	padding: 5px;
	width:190px;
	margin-bottom: 10px;
	clear:all;
	}

#tools a:link {color:#FFF; text-decoration: none;}     
#tools  a:visited {color:#FFF; text-decoration: none;}  


/******************** Resources Page ********************/

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;	line-height: 46px;
	width: 650px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 650px;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.acc_container .block {
	padding: 20px;
}

/******************** Contact Page ********************/

#contactdetails {
	width: 400px;
	float: left;
}

#googlemap	{
	min-width:300px;
	float: left;
	padding: 0px 0 20px 20px;
	margin: -33px 0 0 0;

}
/* Comments */

textarea#comment{width: 550px; height: 100px;}

#commentlist {  

}

 ul#commentlist{ 
	list-style-type: none; list-style-image: none; margin:0; padding: 0; }
	


.alt{
	background-color:#CCC;
}
 
 .spacedcomments{
	border-bottom:1px solid #252525;  padding:0 0 0 10px;
}

.numbercomments{
	font-size:1.2em;
	font-weight:bold;
	margin: 0 10px 0 0px;	
	background-color: #CCC;
	display:block;
	text-align:left;
	color:#069;
	width:200px;
	padding: 5px;
	margin-bottom: 10px;
	clear:all;
}

/* FOOTER */
/******************** ? ********************/

.footercontent {
	margin: 0;
	padding:0; 
	overflow:hidden;
	clear:both;
	}
		
.footercontent p {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	.footercontent ul
{
margin-left: 0pt;
padding-left: 0pt;
text-align: left;

}

.footercontent li
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
float: left;
width: 290px;
margin-top: 0pt;
margin-right: 7px;
margin-bottom: 0pt;
margin-left: 7px;
padding-top: 0pt;
padding-left: 7px;
padding-bottom: 0px;
padding-right: 7px;
}

.footercontent h4
{
	padding:0;
	margin:0;
}

#footer	{
	border: 0;
	font-size: 0.9em;
	border-top: 1px solid #CCC;
	background: #FFF;
	color: #ababab;
	max-width: 980px;
	background-color: #252525;
	margin: 0px 0 0 -10px;
	z-index:15;
	}
	
	#footer .copyright
	{
		background-color: #252525;
		font-size: 0.8em;
			color: #FFF;
			padding: 0 25px 0 0;
			float:right;
	}
		
	#footer h5 {
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	margin:0;
	padding:0 0 15px 0;
	text-align:left;
}	

	
	#footer a:link{color:#6BCEF0;text-decoration:none;
	font-weight:bold;}
	#footer a:visited{text-decoration:none;color:#6BCEF0;font-weight:bold;}	
	
	
	
/* TWITTER FEED */

#twitterbird
{
position: relative;
left:780px;
bottom: -37px;
width:154px;
height:72px;

}
	#twitter_update_list {
	font-size: 0.9em;
	line-height: 21px;
	list-style: none;
	}
#twitter_update_list li {
	padding-bottom: 7px;
	margin-bottom: 9px;
	margin-left:-7px;
	}
	
#twitter_update_list span, #twitter_update_list span a {
	text-decoration: none;
	}
#twitter_update_list a {
	color: #6f7276;
	}
	
	/*Resizes G+ button on posts*/
#___plusone_0{ width:66px !important; }

/*RESPONSIVE WEBSITE CSS/*
/*Tablet sized screens*/

@media only screen and (max-width: 959px) {

textarea {
	width: 90%;
}

input {
	width: 90%;
	max-width:400px;
}

input[type=checkbox] {
	width: 10px !important; 
}

#click-menu {
margin-top:30px;
}

#contactdetails {
	width: 100%;
	float:none;
}

body{
width: 100%;
   }

#wrapper {
width: 100%;
}

#content {
	min-width:90%;
	padding-right:20px;
	float:none;
}

.logo {max-width: 100%;
height: auto !important;
padding: 10px 20px 20px 10px;
float:none;
}

#slideshow  {
width:93%;
padding-right:20px;
}

#navmenu {
display:none;
}

#takeactionbox  {
display:none;
}


.homepagecontent li
{
width: 93%;
}
#twitterbird {
display:none;
}

#socialmediabuttons  {
display:none;
}
#footer{
width: 100%;
padding-right:20px;
}
.footercontent li
{
width: 93%;
padding-bottom:20px;
}
#sidebar{
display:none;
}

#leftcolumn {
	width: 100%;
	float:none;
}
#googlemap	{
	float: none;
	margin:0;
	padding-top:25px;
	}
	
	#twitter-widget-0{
   width: 100% !important;  
}
	

	
}

/*Tablet - Portrait and Mobile*/

@media only screen and (max-width: 628px) {

#click-menu {
margin-top:15px;
}

.logo {max-width: 100%;
height: auto !important;
width:280px;
padding: 10px 20px 20px 10px;
}
}

/*Tablet - Mobile*/
@media only screen and (max-width: 400px) {

#click-menu {
margin-top:5px;
}

.logo {max-width: 100%;
height: auto !important;
width:190px;
padding: 10px 20px 20px 10px;

}

#slideshow{
display:none;
}

}
/*Small Phone*/
@media only screen and (max-width: 280px) {

#click-menu {
margin-top:0px;
}

.logo {max-width: 100%;
height: auto !important;
width:110px;
padding: 10px 20px 20px 10px;

}
}