/*
Theme Name: Open City
Author: Stuart Magog
Author URI: www.stuart-magog.co.uk
Version: 1.0
*/

/***** Page Layout *****/
html, body {
border:0;
margin:0;
padding:0;
}
html{
background:url(images/background.gif) top left repeat-x;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.4 QuicksandBook, Arial, Helvetica, sans-serif;
font:62.5%/1.4 Verdana, Geneva, sans-serif;
color:#404041;
width:100%;
background:url(images/header.gif) top left repeat-x;
float:left;
}
#wrapper{
width:1130px;
margin:0 auto;
}
#background{
width:1130px;
background:url(images/heart2.gif) top right no-repeat;
margin:0 auto 0 20px;
float:left;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-weight:normal;
}
/***** Common Formatting *****/
p, ul, ol{
margin:0;
padding:0;
font-size:1.2em;
}
ul, ol{
list-style-type:none;
} 
li{
padding:0;
margin:0;
list-style-type:none;
}
img{
border:0;
}
/***** Links *****/
a, a:link, a:visited, a:hover{
text-decoration:none;
}
a{
color:#404041;
}
a:hover{
text-decoration:underline;
}
/***** Global Classes *****/
.nomargin{
margin:0;
padding:0;
}
.right{
text-align:right;
}
/* *********************************** Header ****************************** */
#header{
height:74px;
color:#fff;
float:left;
width:1380px;
margin:0 auto 0 20px;
font-size:1.3em;
}
#header img{
float:left;
}
#header p{
float:left;
margin-left:40px;
padding-top:30px;
font-size:1.1em;
}
/* *********************************** Sidebar ****************************** */
#sidebar{
width:160px;
float:left;
margin-top:26px;
}
h1{
/* set width and height as dimensions of logo */
width:160px;
height:170px;
position:relative;
overflow:hidden;
margin:0 0 16px;
font-size:1.6em;
line-height:18px;
float:left;
cursor:pointer;
}
.h1text{
padding-top:10px;
}
#nav ul li{
margin-bottom:4px;
font-size:1.1em;
font-family:QuicksandBook, Arial, Helvetica, sans-serif;
}
#nav ul li a.active{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
}
#nav li ul.submenu{
margin:2px 0 6px;
}
#nav li ul.submenu li{
font-size:0.8em !important;
line-height:1.1;
margin-bottom:6px;
}
/* ********************************* Page ********************************* */
#content{
width:864px;
float:left;
}
#page{
width:824px;
background:url(images/page.png) top center repeat-y;
float:left;
padding:26px 0 0 40px;
}
h2{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:2.4em;
}
#banner{
width:764px;
height:65px;
color:#fff;
padding:10px;
margin-bottom:20px;
}
.banner-pink{
background:url(images/banner.gif) top left no-repeat;
}
.banner-blue{
background:url(images/banner-blue.jpg) top left no-repeat;
}
.banner-red{
background:url(images/banner-red.jpg) top left no-repeat;
}
.banner-green{
background:url(images/banner-green.jpg) top left no-repeat;
}
#banner h2{
text-transform:uppercase;
}
h3.open-city-subheading{
font-size:1.5em;
}
#slideshow{
width:584px;
margin-right:20px;
float:left;
height:372px;
margin-bottom:20px;
}
#twitter{
width:160px;
float:left;
background:#dbdcdd url(images/twitter-back.gif) bottom left no-repeat;
height:352px;
margin-bottom:20px;
padding:10px;
font-size:1em;
}
#twitter li.feed{
margin-bottom:1.4em;
line-height:1.2;
}
#featured-post{
width:363px;
margin-right:18px;
float:left;
background:#dbdcdd url(images/featured-post.gif) bottom left no-repeat;
height:252px;
margin-bottom:20px;
padding:10px;
}
#featured-post p a{
text-decoration:underline;
}
#featured-image{
width:383px;
float:left;
height:272px;
margin-bottom:20px;
}
#featured-post h3, #twitter h3{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:1.8em;
text-transform:uppercase;
line-height:1.2;
border-bottom:1px dashed #404041;
padding-bottom:10px;
margin-bottom:10px;
}
#page p{
margin:0 0 1.2em;
}
.date{
font-size:0.6em;
font-family:QuicksandBook, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
}
/* ******************************************* Pages *********************************** */
.text{
background:url(images/text.gif) bottom right no-repeat;
padding-bottom:60px;
width:784px;
padding-right:40px;
}
.text h3, .text h4, .text h5, .text h6{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
}
.text h3{
color:#ec008c;
font-size:1.8em;
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
margin:0 0 1.4em;
}
.text h4{
color:#231f20;
font-size:1.5em;
margin:2em 0 1em;
font-weight:bold;
}
.text h5{
font-size:1.4em;
margin:0 0 1em;
font-weight:bold;
}
.text h6{
font-size:1.4em;
margin:0 0 1em;
font-weight:bold;
}
.text p{
font-size:1.3em;
margin:0 0 1.4em;
}
.text ul{
margin:1.4em 0 !important;
font-size:1.3em;
padding-left:15px;
}
.text ul li{
list-style-type:disc;
}
.text p + h3{
margin-top:2em;
}
.text a{
text-decoration:underline;
}
/* **** Story **** */
.story{
width:383px;
float:left;
margin-right:18px;
margin-bottom:20px;
position:relative;
}
.heightfix{
height:370px;
overflow:hidden;
}
.story p{
font-size:1.4em;
margin:0 0 1.4em;
font-family:Verdana, Geneva, sans-serif;
font-size:1.2em;
}
.story p a{
text-decoration:underline;
}
.story h3{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:1.8em;
text-transform:uppercase;
line-height:1.2;
border-bottom:1px dashed #404041;
padding-bottom:10px;
margin-bottom:10px;
}
.story img{
margin-bottom:14px;
float:left;
}
/* *** Open City Stories *** */
.opencity{
width:181px;
margin-right:20px;
}
.corner{
position:absolute;
right:0;
top:173px;
}
.pictitle{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
height:22px;
padding:7px 40px 0 6px;
margin-top:-43px;
float:left;
}
.pictitle-green{
background:#009245;
}
.pictitle-red{
background:#ee4036;
}
.pictitle-blue{
background:#27aae1;
}
.pictitle-pink{
background:#e90187;
}
.pictitle h3{
font-family:QuicksandBook, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
color:#fff;
font-size:1.4em !important;
border:none !important;
margin:0 0 14px !important;
text-transform:none !important;
float:left;
}
.pictitle h3 a{
color:#fff;
}
.pictitle-opencity{
padding:7px 6px 0;
width:169px;
}
/* **** Blog Story **** */
.blogstory{
margin-bottom:20px;
width:784px;
}
.blogstory p{
font-size:1.2em !important;
margin:0 0 1.4em;
}
.blogstory p a{
text-decoration:underline;
}
.blogstory h3{
font-family:QuicksandBold, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:1.8em;
text-transform:uppercase;
line-height:1.2;
border-bottom:1px dashed #404041;
padding-bottom:10px;
margin-bottom:10px;
}
/* ************* Posts *************** */
#posts_navigation{
	margin:40px 0 0;
	padding:10px 0 40px;
	font-size:1.4em;
	width:784px;
}
#posts_navigation .previous{
float:left;
}
#posts_navigation .next{
float:right;
}
/* **** Media Coverage **** */
.customtext{
padding-top:40px;
float:left;
}
/* **** Post **** */
.post{
}
.post h3{
color:#404041;
border-bottom:1px dashed #404041;
}
.shuntup{
float:left;
margin:0 0 10px 0;
border-right:20px solid #fff;
width:784px;
overflow:hidden;
height:320px;
}
.shuntup + h3{
margin-top:20px !important;
}
/* ********************************* Comments ************************************* */
#commentbox{
padding-top:40px;
}
#comments p{
font-size:1.1em;
}
#comments h4{
color:#231f20;
font-size:1.4em;
margin:2em 0 0.4em;
}
#comments h4 small{
font-family:QuicksandBook, Arial, Helvetica, sans-serif;
font-family:Verdana, Geneva, sans-serif;
font-size:0.8em;
}
#commentformbox{
padding-top:40px;
}
#commentform{
	position:relative;
}
#commentform input p{
	position:relative;
	clear:both;
}
.capdiv{
	position:absolute;
	top:125px;
	right:110px;
	clear:both;
	float:left;
	overflow:hidden;
}

/* ********************************* Footer ****************************** */
#footer{
width:784px;
float:left;
padding:8px 40px 120px;
background:url(images/footer.gif) top left no-repeat;
color:#fff;
}
#footer p.footeremail{
float:left;
width:400px;
padding-top:4px;
font-size:1.4em;
}
#footer a{
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}
#media{
float:right;
width:70px;
}
#media img{
margin-left:6px;
float:right;
}
#footer p.right{
clear:both;
padding-top:12px;
color:#808184;
}
/* ************************* 404 Page ****************************** */
#error{
padding:0 0 500px;
}
#error p{
font-size:1.4em;
}
/* ******************************* Portuguese ************************* */
.flags{
padding-bottom:6px;
}
.flags img{
margin-right:2px;
}
#portuguese{
padding-top:40px;
padding-bottom:20px;
}
#portuguese h3{
font-size:1.6em !important;
}
.flags-in-image {
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
	padding:0 0 0 3px;
	width:30px;
	opacity:1;
}
.flags-in-image img {
	padding:0 0 3px 0;
	margin:0;
}

/* *********************************** WordPress Images ********************************* */
img.alignright {float:right; margin:4px 0 20px 10px}
img.alignleft {float:left; margin:4px 10px 20px 0 !important;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:4px 0 10px 10px}
a img.alignleft {float:left; margin:4px 10px 10px 0 !important;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.accreditation {float:left; margin:4px 20px 10px 0 !important;}
div.wp-caption{
text-align:center;
background:#e8e8e8;
}
#content div.wp-caption p{
font-size:1em;
padding:0.7em 0;
margin:0;
}
div.alignleft{
float:left;
margin:4px 10px 6px 0;
}