/*
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.
08 - Speech Bubbles

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

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

body {
     font-family: Georgia, 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;
}

.roll img {
      float:right;
      padding:5px;
      margin-top:1em;
}



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


p {
   font-size:12px;
   line-height:16px;

}

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.6em;
    }

    .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;
    font-size:1.4em;
    line-height:1.4em;
    font-weight:bold;
    }

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-size:1em;
     padding:0;
     margin:0 0 1em 0;
     font-family:sans-serif;
}

     .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: sans-serif;
    color: #ffffff;
    margin: 0;
    padding: 2px;
    font-size: 1em;
    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; }


.newVert_list ol
{
margin:0 0 0 -1.5em;
background:#ffffff;
font-family:sans-serif;
font-size:1.3em;
line-height:1.1em;
font-weight:bold;
width:290px;
}

.newVert_list li
{
margin:0 0 .5em 0;
padding: 3px;
background:#CCCCCC;

}



.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 */

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

.solidFill {
        background:#000000;
        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;
	
}


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

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

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

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

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

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


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}



 .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;
}
   

/*04 COMMENTS ETC. */
/*-----------------------------------------*/

.comment_web_input, .comment_email_input, .comment_name_input, .zemText {
     width:350px;
}
.zemTextarea, .txpCommentInputMessage {
     width:520px;
}



.zemContactForm fieldset {
   border: none;
   }



/* 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 {
   padding:1em 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 {
   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;
}



/**** Speech Bubble Icons *****/
.spch-bub-inside,
.spch-bub-outside {
  position: relative;
}
a.spch-bub-inside,
a.spch-bub-outside {
  color: #00F;
  text-decoration: none;
}
.spch-bub-inside em,
.spch-bub-outside em {
  font-style: normal;
}
.spch-bub-inside em {
  background: #00F;
  color: #FFF;
  padding: 0 0.4em;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  position: relative;
}
.spch-bub-inside .point,
.spch-bub-outside .point {
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1em;
  left: 0.4em;
  display: block;
  border-left: 0.45em solid #00F; 
  border-bottom: 0.45em solid #FFF; /* IE fix */
  border-bottom: 0.45em solid rgba(0,0,0,0); 
  overflow: hidden; /* IE fix */
}
.spch-bub-outside {
 padding-left: 2.0em;
}
.spch-bub-outside .bubble {
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  height: 1.1em;
  width: 1.8em;
  background: #00F;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
}
a.spch-bub-inside:hover,
a.spch-bub-outside:hover {
  color: #F00;
}
a.spch-bub-inside:hover em,
a.spch-bub-outside:hover .bubble  {
  cursor: pointer;
  background: #F00;
  color: #FF0;
}
a.spch-bub-inside:hover .point,
a.spch-bub-outside:hover .point {
  border-left: 0.5em solid #F00; 
}
div.spch-bub-outside {
  height: 1.5em;
  width: 0;
}