/*  
Theme Name: MakeITPolicy
Theme URI: http://www.makeitpolicy.org.uk/
Description: A theme based on the original MakeITPolicy website.
Version: 1.0
Author: Martin Tod
Author URI: http://www.martintod.org.uk/

	MakeITPolicy v1.0
	 http://www.makeitpolicy.org.uk/

	This theme was designed and built by Martin Tod,
	whose blog you will find at http://www.martintod.org.uk/blog/


*/

/* Layout */
h1  {
	padding : 0.5em;
	padding-left: 100px;
	margin-bottom: 0px;
}
.BigHead {
	padding-bottom: 0.10em;
	margin-bottom: 0px;
}
.LittleHead {
	padding-top: 0.10em;
	margin-top: 0px;
	margin-bottom: 0px;
}
.headerimg,.headernav,div.headernav li,div.headernav ul,div.headernav a  {
	margin-top: 0px;
	padding: 0.6em;
	margin-left: 0px;
}
div.headernav li,div.headernav ul,div.headernav a  {
	margin-right: 2px;
}
div.headernav ul li a:visited,div.headernav ul li a:link {
	padding: 0.6em;
	margin-top: 0px;
	margin-right: 2px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ffd300;
	border-right-color: #ffd300;
	border-bottom-color: #ffd300;
	border-left-color: #ffd300;	
}
div.headernav ul li a:hover {
	padding: 0.6em;
	margin-top: 0px;
	margin-right: 2px;
	text-decoration: none;	
}
dd { 
	margin-left: 2em;
	margin-bottom: 1em;
 }
.narrowcolumn {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 210px 200px 210px;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
.narrowcolumn ol li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.frontnarrowcolumn {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 260px 200px 210px;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
#sidebar {
	position:absolute;
	width:190px;
	top:13em;
	left:20px;
	padding:0px 10px 10px;
	border-right : 0.1em dashed Gray;
	margin-right: 0.5em;
	z-index:2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#sidebar {width:168px;}

#rightbar {
	position:absolute;
	width:168px;
	top:13em;
	right:20px;
	padding:10px;
	z-index:1;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* Again, "be nice to Opera 5". */
body>#rightbar {width:168px;}

#frontrightbar {
	position:absolute;
	width:208px;
	top:15em;
	right:20px;
	padding:10px;
	z-index:1;
	font-size: 0.8em;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:208px;
	}
/* Again, "be nice to Opera 5". */
body>#frontrightbar {width:208px;}

#frontrightbar ul,#frontrightbar ul ol,#rightbar ul, #rightbar ul ol,#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#frontrightbar ul li,#rightbar ul li,#sidebar ul li {
	margin-bottom: 15px;
	}

#frontrightbar ul p,#frontrightbar ul select,,#rightbar ul p, #rightbar ul select,#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#frontrightbar ul ul,#frontrightbar ul ol,#rightbar ul ul, #rightbar ul ol,#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#frontrightbar ul ul ul,#frontrightbar ul ol,#rightbar ul ul ul, #rightbar ul ol,#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}
#frontrightbar ul ul li,#frontrightbar ul ol li,#rightbar ul ul li, #rightbar ul ol li ,#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0 25px;
	padding: 0;
	}
#frontrightbar h2,#rightbar h2,#sidebar h2 {
	margin-bottom: 1em;
}
#frontrightbar p,#rightbar p,#sidebar p {
	margin-top: 0.75em;
	margin-bottom: 0;
}
#frontrightbar li,#frontrightbar ul,,#rightbar li,#sidebar li,#rightbar ul,#sidebar ul {
	margin-top: 0;
	margin-bottom: 0;
}
#content Form {
	padding-left: 1em;
}

.netpicture { 
display: none;
}
.emailinputmessage {
	color: #777777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
}
.emailerrormessage {
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:10px;
	font-weight: bold;
	background-color: #CCFF33;
}
.emailinput {
	color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:roman;
	font-size:10px;
}
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	clear: both;
	}
#footer p {
	margin: 0;
	padding: 20px 0;
	}
.navigation {
	display: block;
	height: 1em;
}
.casestudy {
	color: #666666;
	padding: 1em;
	border: thin solid #666666;
}
/* Fonts & colour */
body  {
	font-family : Verdana, Helvetica, Arial, Sans-serif;
	background :  White;
	font-size: 12px;
}
h1  {
	background-color : #ffd300;
	color : black;
	font-weight : 800;
	background-repeat :  no-repeat;
	background-position :  left;
	background-image : url("http://www.makeITpolicy.org.uk/images/blackbird3.png");
	text-align : left;
	font-size: 24px;
}
.BigHead,div.BigHead A {
	text-decoration:none;
	color: black;
}
div.BigHead A:Hover {
	text-decoration:underline;
	color: black;
}
.LittleHead {
	font-size : 12px;
	font-style : italic;
}
.headernav {
	background-color: #000000;
	color: #ffd300;
	list-style-image: none;
	list-style-type: none;
	font-size: 9px;
}
.headernav li,.headernav ul {
	color: #ffd300;
	display: inline;
	list-style-image: none;
	list-style-type: none;
	font-size: 9px;
	text-decoration: none;	
}
.headernav li a:visited,.headernav li a:link {
	color: #ffd300;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ffd300;
	border-right-color: #ffd300;
	border-bottom-color: #ffd300;
	border-left-color: #ffd300;	
	text-decoration: none;	
}
.headernav li a:hover,.headernav li.current_page_item ,.headernav li.current_page_item a {
	background-color: #ffd300;
	color: #000000;
	text-decoration: none;	
}
.headernav li.current_page_item a:visited {
	color: #000000;
	text-decoration: none;
	padding: 0;
}

h2,h3, #rightbar h3,#frontrightbar h3  {
	font-weight : bold;
	color : #ff6600;
}

h2 a,h3 a, #rightbar h3 a, #frontrightbar h3 a{ 
	color : #ff6600;
	text-decoration: none;
	 }

h3 a:hover,#rightbar h3 a:hover,#frontrightbar h3 a:hover,h2 a:hover { 
	color : red;
	text-decoration: underline; }

a  {
	text-decoration : underline;
	color : blue;
}

.postmetadata {
	text-align:center;
	color: #999999;
}
A:Hover  {
	color: #ff6600;
}

.Survey {
	font-size: 0.65em;
}
 
thead { 
	background-color :  #ffd300;
	color :  White;
	text-align :  left;
 }
	
dt { 
	font-weight : bold;
	}
dd { 
	font-size: 0.8em;
	margin-left: 2em;
	margin-bottom: 1em;
 }
caption { 
	font-weight: bold;
	 }
address { 
	font-size: 0.5em;
	font-style: italic;
 }	

#frontrightbar,#rightbar {
	background-color:#FFFFCC; border:1px solid #FFCC33;
	font-size: 0.8em;
	}

#sidebar {  
	color: #999999;
	background-color: white;
	font-size: 0.8em;
	border-right : 0.1em dashed Gray;
	margin-right: 0.5em;
	}

#frontrightbar ul li,#rightbar ul li,#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

#frontrightbar li.current_page_item,#rightbar li.current_page_item,#sidebar li.current_page_item,#rightbar li.current_page_item,#sidebar li.current_page_item,#sidebar li.current_page_item a,#sidebar li.current_page_item a:visited {
	font-weight: bold;
	color: #666666;
	background-color:white;
	text-decoration:none;
}
#sidebar li.current_page_item li,#sidebar li.current_page_item li a,#sidebar li.current_page_item li a:visited {
	color: #999999;
	background-color: white;
	text-decoration: underline;
	font-weight: normal;
}

#frontrightbar li.current_page_item,#rightbar li.current_page_item,#sidebar li.current_page_item
{
	border-right-color: #999999;
	border-right-width:medium;
	border-right-style: single;
	padding-right: 3px;
}

#rightbar ul ol li,#frontrightbar ul ol li,#sidebar ul ol li {
	list-style: decimal outside;
	}

#frontrightbar a,#rightbar a,#sidebar a {
	color: gray;
}
#frontrightbar a:hover,#rightbar a:hover,#sidebar a:hover {
	color: black;
	text-decoration: underline;
}

#frontrightbar h2,#rightbar h2,#sidebar h2 {
	margin-bottom: 1em;
	color: gray;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
}
#frontrightbar ul li,#rightbar ul li,#sidebar ul li {
	list-style-image: none;
	list-style-type: none;
}
#frontrightbar ul ul li,#rightbar ul ul li,#sidebar ul ul li {
	list-style-image: none;
	list-style-type: disc;
}
#frontrightbar h2,#sidebar h2,#rightbar h2
{
	font-size:14px;
}
#sidebar h3,#rightbar h3,#frontrightbar h3
{
	font-size:12px;
}
#sidebar h4,#rightbar h4,#frontrightbar h4
{
	font-size:10px;
}
#content Form {
	background-color: #FFFFE0;
	border-top : 1em solid White;
	}

.netpicture { 
display: none;
 }
 #footer {
	color: #999999;
	}

#footer p {
	text-align: center;
	}

.postmetadata {
 font-size: smaller;
}
.adhesive_post {
	border-bottom: medium solid #ffd300;
}
.entrytext {
	text-align: justify;	
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

embed.alignright,img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.leftblock {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: block;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
hr,p.nocomments {display:none;}


@media screen{
form li {
	border : none;
	background-color : #FFEBCD;
	padding : 1em 1em 1em 1em;
	margin : 1em 1em 1em 0;
}
.hidescreen {
	display: none}
}
 
@media print {
	#sidebar,.hideprint,#rightbar,.headernav {
	display: none;}
	.Main,.narrowcolumn {
	width: 100%;
	margin: 0;
	float: none;}
	.hidescreen {
	font-size : 2em;
	display: block;
}
}

ol.lower-roman {
  list-style-type: lower-roman; 
}