/*  
Theme Name: Unlock Democracy

Theme URI: http://www.unlockdemocracy.org.uk/

Description: Design by Social Spider.

Version: 1.0

Author: Mustapha Kurtuldu

Author URI: http://www.socialspider.com /
*/

body {
margin:0;
padding:0;
background-image:url(images/logo_background.png);
background-repeat:repeat-x;
font-family:Helvetica, "Century Gothic", Arial;
font-size:0.8em;
color:#171717;
}

#searchbar {
position:absolute;
top:0px;
right:10px;
z-index:11;
}

#searchbar p {
padding: 0;
margin: 0;
vertical-align:top;
color:#FFFFFF;
}

#searchbar form {
color:#FFFFFF;
}

.button_search{
color:#573269;
}
 a:link {
color:#573269;
}

a:hover {
color:#808080;
}

a:visited {
color:#009893;
}

h1 {
font-size:1.2em;
}
#container {
position: relative;
margin: 0;
padding: 220px 0 0 0;;
width:100%;
display:block;
clear:both;
}

#top {
margin:2px 0 0 0;
padding:0;
width:100%;
clear: both;
}

#banner {
margin-top: 10px;
margin-bottom: -10px;
}

#banner img {
border: 1pt black solid;
}

/*
#logo{


	position:absolute; 


	top:0px;
	left:0px;
	/*visibility: hidden;
}*/
.table_back {background-color:#009893;
padding:4px 0 0 4px;

}
#search{
width:149px;
margin: 160px 0 0 400px ;
color:#FFFFFF;
font-weight:bold;
font-size:0.9em;
position:absolute;
top:-49px;
left:200px;
height:65px;
/*right:0.1em;*/
}

/* navigation bar */

#navibar {
	position:absolute;
	top:189px !important; 
	top:201px; 
	left:130px;
	/*padding:0 0 0 100px;*/
	padding:0;
	width:700px;
	clear: both;
	margin:0;
z-index:10;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
font-weight:bold;
font-size:1em !important;
font-size:1.1em;

}

#nav a {
	display: block;
	height: 20px;
	width: 90px;
	padding:0 0.2em;
	border: 0.5pt dotted black;
	background-color:#009893;
	background:url(images/menubutton.png) no-repeat center center;
	font-weight:bold;
	font-size:1em !important;
	font-size:1.1em;
	text-align:center;
	text-decoration:none;
	line-height:150%;
	color:white;
}

#nav a:hover {
background-color:#573168;
background:url(images/menubutton_s.png) no-repeat center center;
}

#nav li { /* all list items */
	float: left;
	width: 95px; /* width needed or else Opera goes nuts */
}

#nav li ul {
	position: absolute;
	width:13em;
	background-color:#009893;
	left: -999em;
}

#nav li ul a {
	width:13em;
	height:100%;
	background-color:#009893;
	background-image:none;
}

#nav li ul a:hover {
background-color:#573168;
background-image:none;
}

#nav li:hover ul, #nav ul li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* END navigation bar */

#body_content{
postion: relative;
float: left;
clear: left;
margin: 0 0 0 70px;
width:500px !important; 
width:400px;
display:block;
}

#body_content h1 {
font-size:1.8em;
color:#009893;
clear: none;
}

#body_content h2 {
font-size:1.2em;
color:#009893;
clear: none;
}

#body_content h3 {
font-size:1.2em;
color:#009893;
clear: none;
}


#body_content h1 a {
text-decoration:none;
}

#body_content h2 a {
text-decoration:none;
}

#body_content h3 a {
text-decoration:none;
}

#body_content h1 a:hover, #body_content h2 a:hover, #body_content h3 a:hover {
color:#808080;
}

#body_content ul li {
margin-top: 5px;
margin-bottom: 5px;
}

.postmetadata {
font-size:0.85em;
color:#009893;
clear:both;
}

#right_tab{
float: left;
margin: 5px 0 0 20px;
width:160px;
/*background-color:#666666;*/
}

#right_tab2{
float: left;
margin: 5px 0 0 20px;
width:160px;
/*background-color:#666666;*/
}

#right_tab3{
float: left;
margin: 5px 0 0 20px;
width:160px;
/*background-color:#666666;*/
}

.mods
{
background-image:url(images/padlock.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
font-size:0.85em;
}

.modsdonate
{
background-image:url(images/keysfadeback.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color: #ffffff;
height: auto;
}

.mods ul li, #fptable ul li {
list-style-image:url(images/plbullet.gif);
padding-left: -1em;
margin-left: -1em;
}

.mods ul ul li, #fptable ul ul li {
list-style-type:disc;
padding-left: -2em;
margin-left: -2em;
}

.mods ul ul ul li, #fptable ul ul ul li {
list-style-type:circle;
padding-left: -2em;
margin-left: -2em;
}




.mods-ccb

{
background-image:url(images/padlock.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
font-size:1.5em;
}

.mods-ccb ul li {
list-style-type:none;
background-color:#573269;
margin: 0.2em 0 0.2em -2em;

padding: 0.2em;


}

.mods-ccb ul li a {
color:white;
text-decoration:none;

}

.mods-ccb ul li a:hover {
color:white;
text-decoration:none;
background-color:#009893;

}

#right_tab h1, #right_tab2 h1, #right_tab3 h1, 
#right_tab h2, #right_tab2 h2, #right_tab3 h2 {
padding:1px 7px;
font-size:1.2em;
background-color:#009893;
color:#FFFFFF;
}
#right_tab p, #right_tab2 p, #right_tab3 p  {
padding:0 7px;

}

.unlock_text{
font-size:2em;

text-align:center;

font-weight:bold;
background-repeat:no-repeat;
}
.unlock_wrapper_text{
width:10px;}

.unlock_text a:link, .unlock_text a:visited{
display:block;
background:#573269;
color:#FFFFFF;
padding:5px 10px;
width:auto;
text-align:center;
text-decoration:none;
margin: 0 auto;
clear:both;
}
.unlock_text a:hover, .unlock_text a:active {
background:#009893;
color:#FFFFFF;
}

.alignleft {
float:left;
margin:0 5px 20px 0;
clear:left;
}

.alignright {
float:right;
margin:0 0 20px 5px;
clear:right;
}

#alignnone {
float:none;
margin:0 5px 20px 5px;
clear:none;
border:none;
}

#petitionbox {
width: 180px;
float: right;
border: 1px #573269 solid;
background-color:#dae8e8;
padding: 0px 5px 5px 5px;
margin:0 0 20px 5px;
clear:right;
}

#petitionbox h2 {
color:#573269;
}

.sideex img {
float:right;
width: 50px;
margin:5px;
border:2px solid;
}

.page {
margin-top: 10px;
}

.post {
margin-top: 10px;
clear:both;
}

.post img, .page img {
border:2px solid;
}

.archivebox {
border: 1pt solid #573269;
padding: 0 5px 5px 5px;
margin-top: 10px;
clear:both;
background-color: #dae8e8;
}

.sectionhead {
display:block;
background-color: #573269;
margin-top:10px;
padding: 5px;
color: #ffffff;
font-size: 1.3em;
font-weight: bold; 
}

#centre img{
float:none;
margin:0 auto 20px auto;
border:2px solid;
clear:both;
}


.post td, .page td {
vertical-align: top;
}

#clearing{
clear:both;

}

#strip{
position:relative;
top:5px;
clear:both;
background-image:url(images/background_pattern.jpg);
width:100%;
height:5px;
}

#footer{
font-size:0.85em;
padding:5px 0 0 5px;
}

input {
background-color: #e6e1e8;
}

textarea {
background-color: #e6e1e8;
width:90%;
}

a.pdf {
display: block;
	background: url(images/pdf.gif) no-repeat center left;
	padding: 10px 0 15px 45px;
	font-weight:bold;
	text-decoration: none;
}

a.html {
display: block;
	background: url(images/html.gif) no-repeat center left;
	padding: 10px 0 15px 45px;
	font-weight:bold;
	text-decoration: none;
}

a.word {
display: block;
	background: url(images/word.gif) no-repeat center left;
	padding: 10px 0 15px 45px;
	font-weight:bold;
	text-decoration: none;
}

#fptable {
border:none;
width:100%;
clear:both;
}

#fptable td {
border:1px solid black;
margin: 0;
padding: 0;
vertical-align: text-top;
}

#fptable a img {
border:none;
}

#fptable p, #fptable li, #fptable h1, #fptable h2, #fptable h3 {
margin: 5px;
}

.fptabletextl {
background-color: #e6e1e8;
}

.fptabletextr {
background-color: #dae8e8;
}

img.social_img {
float:none;
}

img.noborder {
border: none;
}

// MyTube settings

.yt_video_full {
  margin: 0px 6px 6px -6px;
  padding: 4px;
  text-align:center;
}
.yt_video_thumbs {
  height: 470px;
  overflow:scroll;
  border: 2px inset gray;
}
.yt_video_thumb {
  text-align:center;
}
.yt_video_thumb_meta {
  margin: 0px;
  padding: 4px 0px 4px 0px;
  text-align: left;
  overflow: hidden;
}

.yt_video_thumb_meta .yt_thumb_meta_label {
  font-weight: bold;
}
.yt_video_thumb_img {
  margin: 5px;
  padding: 4px;
  /*width: 220px;*/
  width: 45%;
  height: 220px;
  float:left;
  text-align:center;
}
.yt_video_thumb_img img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: 6px 6px 6px 6px;
  padding: 4px;
}
.yt_gallery_footer {
  clear:left;
}

// subscribe button

#header-button-wrap {
width:350px;
}


#header-button {
position: absolute;
top: 60px;
left: 380px;
max-width: 350px;

max-height: 100px;
overflow:auto;
border:solid black 2pt;
background-color:white;
padding:5px;
font-size: 1.5em;
color: #009893;
}

#youtube-small {
width: 225px;
height: 185px;
float: right;
margin: 4px;
}

#topnews {
background-color: #e6e1e8;
padding: 4px;
border: solid 2px #573269;
clear:both;

}