/*
Name: Snipe
Theme URI: http://snipe.at
Description: The newspaper for London
Version: 1.0
Author: Darren Atwater
Author URI: htttp://www.reverendmooonbeam.co.uk/
*/

/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.

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

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
     font-family: Georgia, Garamond, Times, "Times New Roman", serif;
}


code {
	margin:0; padding:0;
	width:80%; height:auto;
	font:1.17em Georgia, "Times New Roman", Times, serif; color:#0f8eb3;
}

	pre {
		margin:0 auto; padding:5px 20px;
		background:#f4f1ec url(images/code.gif) repeat;
		border:1px solid #bbced7;
		font:0.92em Georgia, "Times New Roman", Times, serif; color:#3e3e3e;
		line-height:200%;
	}

blockquote {
	margin:0 auto; padding:5px 20px;
	width:80%; height:auto;
	background:#f8fbfc url(images/blockquote.gif) no-repeat top left; border:1px solid #edeff0;
}

img {
	margin:0; padding:0;
	border:0;
}

ins {
	color:#009999;
}

del {
	color:#990000;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/


p {

   line-height:1.5;

}

p+p {
   text-indent:0;
   margin:0 0 1em 0;
}

.caps {
   text-decoration:none;
   font-weight:normal;
   letter-spacing:0;
}

 
    .roll p {
     font-size:1.2em;
     line-height:1.2em;
    }

    .roll p a {
    text-decoration:none;
    border-bottom:1px dotted #800080;
    color:#000000;
    }


     .roll p a:hover {
    border-bottom:1px solid #800080;
     }      


a {
   color:#000000;
   text-decoration:none;
}  

a:hover {
   text-decoration:underline;
}         
         
   .topNav a {
     color:#ffffff;
    } 
  
h1 a, h2 a {
   color:#000000;
   text-decoration:none;
}  

h1 a:hover, h2 a:hover {
   text-decoration:underline;
} 

h2 {}

   .roll h2 {
    margin:0 0 5px  0;
    padding:0;
    line-height:1.2em;
    }

h3 {}

     .roll h3 {
     font-size:1 em;
     padding:0 0 0em 0;
     margin:0 0 1em 0;
     text-transform:uppercase;
     }

    .sidebar h3 {
     background:#696969;
     color:#ffffff;
     padding:.5em;
     text-transform:uppercase;
     margin:0;
     }

h4 {}

     .roll h4 {
     font-style:italic;
     padding:0;
     margin:0 0 1em 0;
}

     .roll h4 a {
     color:#000000;
     }

.calendar_box {
     margin:0 0 1em 0;  
     padding:0;
      font-family: Georgia, Garamond, Times, "Times New Roman", serif;
}

.calendar_box p {
     font-size:1.2em;
     line-height:2em;
     margin:0;
     padding:0;
}

.calendar_box h4 {
     font-size:1.2em;
     line-height:1.5em;
     font-weight:normal;
}

.calendar_box img {
    float:right;
}
   

.contact {
    font-size:1.2em;
    display:block;
    width:80px;
    border-bottom:1pt dotted #000000;
    margin:0 0 1em 0;
}

.section {}
   
    .section  a {
    font-family: Gill Sans, helvetica, Verdana, sans-serif;
    color: #ffffff;
    margin: 0;
    padding: 2px;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: bold;
    background:#800080;
    }


.question {
   font-family: Georgia, "Times New Roman", Times, serif;"
}

.question p {
    font-size:1.2em;
    line-height:1.5em;
}

.question h1 {
     
}

.question h2 {
   
   color:#ffffff;
}

.question h3, .question h4 {
font-weight:bold;
   margin:0 0 1em 0;
   padding:0;
}




.vertical_list {

    margin:0;
    padding:0;
    line-height:11px;
    
}

.vertical_list li:before { 

    content:"\00BB \0020";
    font-size:12px;
    color:#000000; 
    
}
    
.vertical_list li { 

    list-style-type:none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -.6em;
    padding-top:5px;

}

.vertical_list li a { 

    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#15120d;
    text-decoration:none; 
    
}

.vertical_list li a:hover { 

    text-decoration:underline;
}

.vert_list
{
margin:0 10px;
padding:0;
width: 328px;
border-top: 1px solid #d1d1d1;
}

.vert_list ul
{
padding: 0;
margin:1em 0 1em 0;
}
.vert_list li
{
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #d1d1d1;
}

.vert_list li a:visited,.vert_list li a:link, .vert_list li a:hover  {font-size:1.2em;text-decoration:none;color:#000000;padding:5px 0;display:block;line-height:1em; }
.vert_list li a:hover  { text-decoration:none;color:#ffffff;background:#000000; }


.quest_list
{
margin:0 10px;
padding:0;
width: 220px;
border-top: 1px solid #d1d1d1;
}

.quest_list ul
{
padding: 0;
margin:1em 0 1em 0;
}
.quest_list li
{
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #d1d1d1;
}

.quest_list li a:visited,.quest_list li a:link, .quest_list li a:hover  {font-size:1.2em;text-decoration:none;color:#000000;padding:5px 0;display:block;line-height:1.2em; }
.quest_list li a:hover  { text-decoration:none;color:#ffffff;background:#000000; }


/* 03 - HEADER
/* ----------------------------------------------*/

.topNav {
    background:#000000;
    width:98%;
    padding:.25em 1em .25em 1em;
    margin:0 0 1em 0;
    font-family:helvetica, verdana, arial, sans-serif;
    font-size:1em;
    height:15px;
    color:#ffffff;
}

.topNavLeft {
    float:left;
    }

.topNavRight {
    float:right;
    }

.topNavLogo {
    float:left;
    }

.topNavSearch {
    float:right;
    }

#search {
    float:right;
    margin:0;
    padding:0;
}

/* NAV */

ul#menu
{
	margin:.5em 0 1em 0;
	padding:0;
	list-style-type:none;
	width:100%;
	display:block;
	height:auto;
	font-size:1.2em;
        height:1.5em;
	text-transform:uppercase;
        letter-spacing:-2;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:0px .5em 0 .5em;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:1.5em;
        background:#000000;
	
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
        color:#ffffff;
        background:#000000;
}

ul#menu li a.first
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
        padding:0px .5em 0 0;
}

ul#menu li a.special
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
	padding:0px .5em 0 .5em;
        color:#800080;
}

ul#menu li a.special:hover
{	
	color:#FFFFFF;
	height:1.5em;
        background:#000000;
	
}

/* NAV */

.grayFill {
        background:#f0f0f0;
        padding:2px 0 2px 0;
}

ul#menuGray
{
	margin:.5em 0 0em 0;
	padding:0;
	list-style-type:none;
	width:100%;
	display:block;
	height:auto;
	font-size:1.2em;
        height:1.5em;
	text-transform:uppercase;
        letter-spacing:-2;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menuGray li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menuGray li a
{
	display:block;
	float:left;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:0px .5em 0 .5em;
}
	
ul#menuGray li a:hover
{	
	color:#FFFFFF;
	height:1.5em;
        background:#000000;
	
}
	

ul#menuGray li a.current
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
        color:#ffffff;
        background:#000000;
}

ul#menuGray li a.first
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
        padding:0px .5em 0 0;
}

ul#menuGray li a.special
{
	display:inline;
	height:22px;
	float:left;
	margin:0;
	padding:0px .5em 0 .5em;
        color:#800080;
}

ul#menuGray li a.special:hover
{	
	color:#FFFFFF;
	height:1.5em;
        background:#000000;
	
}



 .sidebar dl {
        float: left;
	width: 340px;
       margin: 1em 0 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
        font-family:helvetica, verdana, arial, sans-serif;
}

.sidebar dd {
    float: left;
	width: 160px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

.sidebar dt {
       clear: left;
       float: left;
       width: 160px;
       margin: 0;
       padding: 5px;
       border-top: 1px solid #999;
       font-weight: bold;
}
   

.whatson a {
     background:#800080;
     font-size:1em;
     padding:3px;
     color:#ffffff;
     margin-right:3px;
}
   


/* 05 MAIN CONTENT */
/*-----------------------------------------*/


.comments_invite {
   float:left;
   margin-right:1em;
   padding-top:3px;
}

.comments_invite a {
   background:#637F00;
   color:#ffffff
}

.roll {
    margin:0 0 0em 0;
    padding:0 0 1em 0;
}

.rollFooter {
   border-top:1pt dotted #000000;
   border-bottom:1pt solid #000000;
   padding:.5em 0 0em 0;
   height:2em;
   }

.rollFooter a {
  color:#000000;
  margin-top:-3px;
}

.rollFooterButton {
    margin:0;
    padding:3px 1em 1px 0;
    float:left;
}

.section {
   margin:0 0 .5em 0;
   padding:0;
}



.video, .roll img {
   margin:0;
   padding:0 2em 2em 0;
   float:left;
}

.long {
  width:530px;
  height:30px;
  font-size:1.5em;
  margin:0 0 0 0;
  padding:0;
}

.txtarea_big {
  width:530px;
  height:100px;
}

form {
margin:0;
padding:0;
}

.memText, .memEmail {
  width:530px;
}

.calendar_box img {
   float:left;
   padding:0 1em 1em 0;
}