/**
 * ParentVoice.info - Template 1.0
 *
 * This file is Copyright (C)2009 ParentVoice.info.  All rights reserved.
 * Site by Richard gomer <www.richardgomer.co.uk>
 *
 **/
 
html
{
padding: 0;
margin: 0;
}

body
{
padding: 0;
margin: 0;
color: #fff;
font-family: verdana, sans-serif;
font-size: 14px;
background: #b2c0c4;
min-width: 1000px;
}

	#top
	{
	background: url(bg_dark.png);
	padding: 20px 50px 0 50px;
	}

	#header
	{
	/*margin-left: 50px;
	margin-right: 50px;
	IE7 Ignores this margin :-|   Hence the padding in #top
	*/
	}

		#header
		{
		background: url(top_bg.png);
		overflow: auto;
		}

			#toplogo
			{
			position: static;
			float: left;
			}

			#topboxes
			{
			position: static;
			float: right;
			}
			
			#logintab
			{
			position: absolute; 
			right: 100px; 
			top: 155px; 
			height: 25px; 
			width: 250px; 
			border: 1px solid #fff;  
			border-bottom: 0; 
			text-align: center; 
			font-weight: bold; 
			padding-top: 5px;
			}
			
				#logintab a
				{
				text-decoration: none;
				}

	#bodycontainer
	{
	background: url(bg_vlight.png);
	color: #000;
	margin-left: 51px;
	margin-right: 51px;
	}

		#body
		{
		margin-left: 10px;
		margin-right: 11px;
		background: #fff;
		overflow: visible;
		}
		
			#menucontainer
			{
			float: left;
			width: 20%;
			background: url(bg_vlight.png);
			margin-left: -40px;
			margin-top: 20px;
			}				
					#menu
					{
					background: url(menu_corner_top.png);
					background-position: top right;
					background-repeat: no-repeat;
					}
					
					#menu_bottom
					{
					position: relative;top: 0;left: 0; /* Needs to be positioned to use z-index */
					z-index: 1000;
					height: 20px;
					margin-top: -20px;
					background: url(menu_corner_bottom.png);
					background-position: right;
					background-repeat: no-repeat;
					}
				
				#menu
				{
				padding: 10px 10px 10px 10px;
				position: relative;
				top: 0px;
				left: 0;
				z-index: 1100;
				}
				
				#menu ul
				{
				display: block;
				margin: 0;
				list-style-type: none;
				padding: 0;
				}
				
					#menu li
					{
					/*height: 30px;*/
					padding: 3px 10px 3px 2px;
					margin: 1px 17px 3px 0;
					}
					
						#menu li.selected, #menu li:hover
						{
						margin: 1px 0px 3px 0;
						}
					
					#menu li a
					{
					display: block;
					margin: 0;
					padding: 5px 3px 3px 3px;
					height: 22px;
					color: #000;
					background: #fff;
					font-weight: bold;
					text-decoration: none;
					}
					
						#menu ul ul
						{
						padding-left: 6px;
						}
						
						#menu ul ul li, #menu ul ul li.selected, #menu ul ul li:hover
						{
						padding: 0;
						margin: 0 0 0 10px;
						}
						
						#menu ul ul li a
						{
						margin-top: 3px;
						}
		
			#contentcontainer
			{
			overflow: auto;
			}
				
				#content
				{
				padding: 20px 0.5% 20px 1.5%;
				margin-bottom: 5px;
				}
				
				#content_spacer
				{
				float: right;
				width: 3px;
				height: 400px;
				}
			
			#bar
			{
			margin-top: 7px;
			background: url(bar_bg.png);
			padding: 13px 10px 5px 10px;
			clear: both;
			}
			
		#footer
		{
		background: url(bg_vlight.png);
		font-size: 10px;
		color: #5b99f6;
		height: 23px;
		padding-top: 16px;
		margin-left: 51px;
		margin-right: 51px;
		margin-bottom: 30px;
		}
		
			#footer a
			{
			color: #297af5;
			}
			
			#corner_left
			{
			float: left;
			}
			
			#corner_right
			{
			float: right;
			}

h1, .signpost h2
{
padding: 3px;
margin: 0 0 5px 0;
padding: 35px 20px 10px 20px;
font-weight: bold;
font-size: 26px;
}

	h1 img
	{
	position: static;
	float: right;
	margin-top: -20px;
	}
	
h2
{
font-weight: bold;
font-size: 20px;
padding: 2px 2px 2px 7px;
margin: 0px 0 0 0;
display: block;
}

a
{
color: #000;
}

p, form
{
padding: 3px 7px 6px 7px;
margin: 0;
}

ul
{
margin: 2px;
padding: 3px 3px 3px 23px;
list-style-type: square;
}

.center
{
text-align: center;
}

input, textarea
{
width: 95%;
}

input[type=submit]
{
width: auto;
}

textarea
{
height: 110px;
}

label, .label
{
display: block;
color: #666;
margin: 10px 0 4px 0;
border-bottom: 1px solid #ccc;
}

img
{
border: 0;
}

/**
 * Various classes for page objects
 */
 .banner, #topbanner
 {
 width: 100%;
 height: 175px;
 margin: 0 0 5px 0;
 text-align: center;
 margin-right: 0;
 }
 
 	#topbanner h1
 	{
 	padding: 0;
 	margin: 0;
 	font-weight: normal;
 	}
 	
 	#topbanner h1 img
 	{
 	position: static;
 	margin: 0;
 	float: none;
 	}
 	
 	.bannerimg
 	{
 	margin: 15px 40px 40px 40px;
 	float: left;
 	}
 	
 	.textbanner
 	{
 	padding-top: 20px;
 	margin-left: 10%;
 	width: 80%;
 	text-align: left;
 	}
 
 .col30
 {
 float: left;
 width: 30%;
 }
 
 .col70
 {
 float: left;
 width: 70%;
 }
 
  .col60
 {
 float: left;
 width: 60%;
 }
 
 .col40
 {
 float: left;
 width: 40%;
 }
 
 .col50
 {
 float: left;
 width: 49%;
 margin: 0.5%;
 }

	.col50 div
	{
	margin-bottom: 7px;
	padding-bottom: 7px;
	}
	
	.col50 h3, .col50 h4
	{
	font-size: 16px;
	padding: 3px 7px 3px 7px;
	margin: 12px 0 0 0;
	}

 .padded, .padding
 {
 padding: 2%;
 }
 
 .selector
 {
 display: block;
 float: left;
 width: 22%;
 padding: 1%;
 margin-right: 1%;
 margin-bottom: 7px;
 margin-left: -1px;
 text-align: center;
 height: 95px;
 overflow: hidden;
 }
 
.signpost
{
padding: 6px;
margin: 4px;
overflow: hidden;
height: 90px;
}
 	
 	.signpost h2
 	{
 	display: block;
 	padding: 7px 0 0 0;
 	margin: 0 0 0;
 	}
 	
 	.signpost p
 	{
 	padding-top: 10px;
 	}
 	
 	
 .feature
 {
 padding: 15px;
 text-align: right;
 color: #fff;
 font-size: 18px;
 margin: 20px 0 20px 0;
 overflow: auto;
 }
 
 	.feature img
 	{
 	float: right;
 	margin: 0;
 	margin: 0 10px 0 10px;
 	}
 	
 .image
 {
 float: right;
 padding: 22px 7px 22px 7px;
 margin: 7px;
 }
 
 .darkblue a, .blue a, .red a, .green a, .purple a, .orange a
 {
 color: #fff;
 }
 
 .darkblue
 {
 background: url(grad/darkblue.png) #2c5aa0;
 background-repeat: repeat-x;
 color: #fff;
 }
 
 .blue
 {
 background: url(grad/blue.png) #0061f4;
 background-repeat: repeat-x;
 color: #fff;
 }
 
 .red
 {
 background: url(grad/red.png) #d50707;
 background-repeat: repeat-x;
 color: #fff;
 }
 
 .green
 {
 background: url(grad/green.png) #447821;
 background-repeat: repeat-x;
 color: #fff;
 }
 
 .purple
 {
 background: url(grad/purple.png) #8b07ac;
 background-repeat: repeat-x;
 color: #fff;
 }
 
 .orange
 {
 background: url(grad/orange.png) #ff6601;
 background-repeat: repeat-x;
 color: #fff;
 }


.message
{
 padding: 6px;
 font-size: 14px;
 background: url(grad/orange.png) #ff6601;
 background-repeat: repeat-x;
 color: #fff;
}

.warning
{
 padding: 6px;
 font-size: 14px;
 background: url(grad/red.png) #d50707;
 background-repeat: repeat-x;
 color: #fff;
}

.question
{
 background: url(grad/purple.png) #8b07ac;
 background-repeat: repeat-x;
 color: #fff;
text-align: center;
}

#content .question a
{
color: #fff;
}

.success
{
 padding: 6px;
 font-size: 14px;
 background: url(grad/green.png) #447821;
 background-repeat: repeat-x;
 color: #fff;
}

/** LOG IN **/

#login
{
width: 40%;
margin-left: 30%;
border: 1px solid #ccc;
}


/** FORUM **/
.new_topic_link
{
 display: block;
 margin: 6px 6px;
 width: 100px;
 text-align: center;
 padding: 6px;
 font-size: 14px;
 font-weight: bold;
 background: url(grad/blue.png) #0061f4;
 background-repeat: repeat-x;
 color: #fff;
}

	div.new_topic_link a
	{
	color: #fff;
	}
	
.post_list
{
list-style-type: none;
margin: 0;
padding: 0;
}

.post_list li
{
border: 1px solid #ccc;
margin-bottom: 7px;
overflow: auto;

 background: url(grad/green.png) #447821;
 background-repeat: repeat-x;
 color: #fff;
}

.post_list_date
{
display: block;
width: 26%;
float: left;
padding: 2%;
font-size: 12px;

background: url(grad/darkblue.png) #2c5aa0;
background-repeat: repeat-x;
color: #fff;
}

.post_list_title
{
display: block;
width: 63%;
float: left;
padding: 2%;
font-size: 12px;

}

  #content .post_list_title a
  {
  color: #fff;
  }
  
 .post, .post_status_active, .post_status_flagged, .post_status_deleted
 {
 overflow: auto;
 margin-top: 12px;
 }

 .post, .post_status_active
 {
 background: url(grad/darkblue.png) #2c5aa0;
 background-repeat: repeat-x;
 color: #fff;
 }

.post_status_flagged
{
 background: url(grad/orange.png) #ff6601;
 background-repeat: repeat-x;
 color: #fff;
}

.post_status_deleted
{
 background: url(grad/red.png) #d50707;
 background-repeat: repeat-x;
 color: #fff;
}
 
      .post h1, .post h2
      {
      margin: 7px 7px 20px 4px;
      padding: 0;
      font-weight: bold;
      }

      .post h1
      {
      font-size: 20px;
      height: 20px;
      }

      .post h2
      {
      font-size: 14px;
      height: 14px;
      }
      
 .post_details
 {
 width: 15.6%;
 padding: 0 1% 0 0;
 margin: 0 0.2% 3px 0.2%;
 float: left;
 }
 
	.post_name
	{
	display: block;
	font-weight: bold;
	}
	
	.post_username
	{
	display: block;
	font-size: 12px;
	}
	
	.post_message
	{
	float: right;
	width: 77.6%;
	background: #fff;
	color: #000;
	padding: 2%;
	margin: 0 3px 3px 0;
	}

	.flag_post a
	{
	display: block;
	width: 40px;
	background: url(grad/red.png) #d50707;
	background-repeat: repeat-x;
	color: #fff;
	padding: 2px;
	text-align: center;
	margin-top: 7px;
	font-size: 10px;
	text-decoration: none;
	margin-top: 10px;
	}
 
.post_reply
{
margin-top: 25px;
}

.post_history
{
display: block;
font-size: 10px;
clear: both;
}