/*

Theme Name: LitPlus2008
Theme URI: http://londonlitplus.com/
Description: LondonLit+ 2008 theme.
Version: 2.0
Author: STML Studio
Author URI: http://stmlstudio.com/

Orange: e75407
Yellow: #ffef28

*/

* {
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Lucida Grande", Arial, sans-serif;
	background: #fff;
	color: #222;
	}
div.container {
	min-width: 760px;
	}

/* Header
---------------------------------------------------------- */
div.header {
	background: #000 url(images/header-road.jpg) top left;
    height: 200px;
    overflow: hidden;
    }
div.headerbox {
	background: transparent url(images/logo.gif) top left no-repeat;
	width: 580px;
	height: 200px;
	float: left;
	cursor: pointer;
	}
div.headerbox h1, div.headerbox h2 {
	display: none;
	}
	
/* Navbar
--------------------------------------------------------- */
div.navbar {
	background: transparent;
	float: right;
	width: 150px;
	margin-top: 20px;
	}    
div.navbar ul {
	list-style: none;
	}
div.navbar li {
    font-size: 1.4em;
    margin-bottom: 10px;
    text-align: left;
   	}
div.navbar a {
    padding: 0 120px 0 10px;
    margin-right: -50px;
	}
html>body div.navbar a {
    margin-right: 0;
	}
div.navbar a:link, div.navbar a:visited {
	text-decoration: none;
	color: #000;
    background: #ffef28;
	}
div.navbar a:hover, div.navbar a:active {
	color: #ffef28;
	text-decoration: none;
    background: #000;
	}
	
/* Splash
---------------------------------------------------------- */
div.splash {
	background: #000 url(images/splash-road.jpg) top center;
	height: 100px;
	text-align: center;
	}
div.splash p {
	color: #000;
	padding-top: 20px;
    font-size: 2em;
    line-height: 1.5;
	}
div.splash a:link, div.splash a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
div.splash a:hover, div.splash a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	}

/* Layout
---------------------------------------------------------- */
div.content {
	background: #fff;
	overflow: hidden;
	width: 100%
	}
div.main {
	float: left;
	width: 60%;
	margin: 10px;
	overflow: hidden;
	}
html>body div.main {
	margin: 25px;
	}
div.main1 {
	margin-bottom: 18px;
	padding-bottom: 9px;
	border-bottom: 1px solid #333;
	}
div.maincontainer {
	width: 100%;
	overflow: hidden;
	}
div.main2 {
	width: 45%;
	float: left;
	}
div.main3 {
	width: 45%;
	float: right;
	overflow: hidden;
	}
div.sidebar {
	float: right;
	width: 30%;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	}
html>body div.sidebar {
	margin: 25px 25px 25px 0;
	}


/* Typography 
---------------------------------------------------------- */
div.content h1 {
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.5;
	}
div.content h2 {
	font-size: 1.8em;
	line-height: 2;
	}
div.content h3 {
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	text-transform: uppercase;
	}
div.content p {
	font-size: 1.4em;
	line-height: 1.2857143;
	font-family: Georgia, serif;
	margin-bottom: 20px;
	}
div.content p.postmetadata {
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 10px;
	padding-top: 9px;
	border-top: 1px #000 solid;
	margin-bottom: 28px;
	padding-bottom: 9px;
	border-bottom: 1px #000 solid;
	}
div.content ul, ol {
    font-size: 1.4em;
	line-height: 1.2857143;
	padding-left: 1em;
	margin-bottom: 20px;
	font-family: Georgia, serif;	
    }
div.content a:link, div.content a:visited {
	color: #222;
	text-decoration: none;
	background: #ffef28;
	}
div.content a:hover, div.content a:active {
	color: #ffef28;
	text-decoration: none;
	background: #222;
	}
.mbl_h {
	font-size: 8px;
	font-weight: bold;
	padding: 0px;
	text-transform: uppercase;
	}

/* Sidebar
---------------------------------------------------------- */
div.sidebarbox {
	margin-bottom: 20px;
    }
.sidelist li {
	margin: 0 0 10px 0;
	}

/* Subscribe
---------------------------------------------------------- */	
#mailinglist p {
	margin-bottom: 0px;
	}
#mailinglist p.credit {
	font-size: 1.2em;
	}
#mailinglist input#email {
	width: 200px;
	border: 1px #000 solid;
	font-size: 120%;
	padding: 0.2em 0.3em;
	color: #e75407;
	margin: 2px 0 5px 0;
	}


/* Comments
---------------------------------------------------------- */
div.comment {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #333;
	}
h3#comments {
	margin-bottom: 18px;
	}
div.content ol.commentlist {
    list-style: none;
	margin-left: -1em;
    }	
div.comment-meta {
	width: 25%;
	float: left;
	}
div.comment-body {
	width: 70%;
	float: right;
	}
div.comment p {
	font-size: 1em;
	}
form#commentform {
	font-size: 1.2em;
	line-height: 1.5;
	}
form#commentform textarea {
	width: 75%;
	}
        
/* Calendar
---------------------------------------------------------- */
div.eventcal {
	width: 300px;
	margin: 18px auto;
	}
div.content ul.ec3_events ul li.vevent {
	font-size: 0.8em;
	}
div#wp-calendar {
	font-size: 1.4em;
	text-align: center;
	background: #eee;
	padding: 10px;
	}
div#wp-calendar table.nav {
	width: 100%;
	margin-bottom: 10px;
	}
div#wp-calendar table.ecal {
	padding: 10px;
	background: #fff;
	text-align: center;
	width: 80%;
	margin: auto;
	}
div#wp-calendar table.ecal caption {
	margin-bottom: 10px;
	}
table.ec3_schedule {
	margin: 5px 0 18px 0;
	border: none;
	padding: 3px 0 0 3px;
	font-size: 0.5em;
	line-height: 1.5;
	}
table.ec3_schedule tr {
	display: inline;
	text-align: left;
	padding-right: 25px;
	}
	
/* Maps 
---------------------------------------------------------- */
div.mapstraction {
	margin: 18px 0;
	}

/* Footer 
---------------------------------------------------------- */
div.footer {
	padding: 20px;
	background: #231f20;
	color: #ccc;
	text-align: left;
	}
div.footer h4 {
	font-size: 1.8em;
	line-height: 1.1111111;
	margin-bottom: 20px;
	font-weight: normal;
	}
div.footer p {
	font-size: 1.4em;
	line-height: 1.4285714;
	margin-bottom: 20px;
	}
div.footer a:link, div.footer a:visited {
	color: #ffef28;
	text-decoration: none;
	}
div.footer a:hover, div.footer a:active {
	color: #ffef28;
	text-decoration: underline;
	}

/* Images 
---------------------------------------------------------- */

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

a:link img, a:hover img, a:active img, a:visited img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

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

img.right {
	padding: 4px;
	margin: 0 0 2px 7px;
        float: right;
	}

img.left {
	padding: 4px;
	margin: 0 7px 2px 0;
        float: left;
	}




/* Forms
---------------------------------------------------------- */

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: left;
	}

.sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

.entry form {
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}


/* Misc Layout & Typography 
---------------------------------------------------------- */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
        border-left: 1px solid #990000;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

.hide { display: none; }