﻿/*
Theme Name: STA Travel Buzz New Theme
Theme URI: http://www.statravelbuzz.co.uk
Description: The theme for STATravelbuzz.co.uk
Version: 2.0
Author: craig@thehouselondon.com
Author URI: http://www.thehouselondon.com
*/
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Helvetica, Verdana;
}
body { line-height: 1;
background-color: #095AA6}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse;	border-spacing: 0;}
/* CSS Document */
#wrapper { width: 790px; margin:0 auto;}
	#header { width: auto; padding:0px; display:block;}
		#headerimg{text-align:center}
	#content { width: auto; padding:10px; }
	#lSidebar { width: 165px; margin-right:20px; float:left; }
	#main { width: 380px; margin-right:20px; float:left; margin-bottom: 10px; }
	#calendar { width: 545px; margin-right:20px; float:left; margin-bottom: 10px; }
#rSidebar {
	width: 165px;
	float:left;
}
div.spacer{clear:both; height:0px; }
/* set the light grey background footer */
#wrapper {	
	background-image: url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ffffff;
	}
#footer {height:5px;}
/** styles **/
#explorers-top{
background-image: url(images/lSidebar/explorers/bg-top.jpg);
background-repeat:no-repeat;
}
#explorers {
background-image: url(images/lSidebar/explorers/bg.jpg);
background-repeat:repeat-y;
}
#search {
margin:10px 0px 0px 0px;
padding:0;
}
#meet{
margin:2px 0px 0px 0px;
padding:0;
}
#calendar{
margin:2px 0px 0px 10px;
padding:0;
}
p{
	color:#000000;
	font-size: 12px;
	margin: 5px;
	padding: 0px;
	line-height: 1.5;
}
ol, ul, li{
	color:#12A6B0;
	font-size: 12px;
	margin-left: 0px;
	padding: 0px;
	font-weight: bold;
	list-style: none;
}
h1, h2, h3, h4 {
	color:#0B5AA7;
	font-weight: bolder;
	margin:5px;
}
h1.a, h2.a, h3.a, h4.a {
	color:#0B5AA7;
	text-decoration:none;
}
h1.a:hover, h2.a:hover, h3.a:hover, h4.a:hover {
	color:#02a3f3;
	text-decoration:none;
}
h1{font-size:24px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
/*ensure that left and right column lists are correctly indented */
.leftColLinkIndent{margin-left:25px; line-height: 1.5;}
.rightColLinkIndent{margin-left:10px; line-height: 1.5;}
.imageclass{
margin:25px 0px 0px 0px;
padding:0;
}
/* yellow links underlined*/
.navigation a{
padding: 2px;
background:#FFD401;
color:#000000;
}
.navigation a:hover{
text-decoration:underline;
}	
a{
	color:#02a3f3;
	text-decoration:none;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
a:hover{color:#02a3f3;text-decoration: underline; border: none;}
a img,:link img,:visited img { border: 0; }   
:link,:visited {
 text-decoration:none;
}
.specialLink {
	color:#000000;
	background-color: #FFD401;
	font-weight: bolder;
	font-size: small;
}
.sidebarText {
	color:#0B5AA7;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	padding: 0px;
	line-height: 1.1;
}
.sidebarTextlight {
	color:#12A6B0;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	padding: 0px;
	line-height: 1.1;
}
.post {
	margin: 0;
	padding: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.post h2{
	color:#095AA6;
	font-weight: bolder;
	margin:0px;
	font-size:22px;
	}
.post h2 a{
	color:#095AA6;
	text-decoration: none;
	font-weight: bolder;
	}
.post h2 a:hover{
	color:#02a3f3;
	text-decoration: none;
	}
.post h3{
	color:#095AA6;
	font-weight: bolder;
	margin:0px;
	font-size:18px;
	}
.post h3 a{
	color:#095AA6;
	text-decoration: none;
	font-weight: bolder;
	}
.post h3 a:hover{
	color:#02a3f3;
	text-decoration: none;
	}	
.post h4{
	color:#000000;
	margin:0px;
	font-size:14px;
	padding:0px;
	}
.post h4 a{
	color:#000000;
	text-decoration: none;
	}
.post h4 a:hover{
	color:#02a3f3;
	text-decoration: none;
	}
.post p{font-size: 12px; color:#000000; line-height:18px;}
.post a{text-decoration:none;
color:#000000;}
.post p a{background:#FFD401;
color:#000000;}
.post p a:hover{background:#fff; color:#000000; text-decoration:underline;}
.post ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.post li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
}
.post ul a , .post li a{
	color:#02a3f3;
	text-decoration:none;
	margin-left:25px;
}
.post ul a:hover, .post li a:hover{
color:#02a3f3;text-decoration: underline;
}
.entry p{margin:12px 0;}
.postmetadata{
	clear: both;
	font-size:12px;
	color:#000000;
	}	
.postmetadata a{
color:#000000;
text-decoration:none;
}
.postmetadata a:hover{
color:#000000;
text-decoration:underline;
}
blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.sidebarHeader {
	color:#0B5AA7;
	font-weight: bolder;
	font-size: 24px;
}
.sidebarMainHeader{
	color:#FFFFFF;
	background-color:#0B5AA7;
	padding:5px;
	font-weight:900;
}
hr {border: 1px dotted; border-style: none none dotted; }
/* image roll */
#imageRollContainer{
padding-left: 12px;
width:160px;
}
#imageRoll{
float:left;
width:60px;
padding-right:10px;
}
#imageRoll img{
width:60px;
padding-bottom:4px;
}
#imageRollPageContainer{
padding-left: 12px;
width:300px;
}
#imageRollPage{
float:left;
width:140px;
padding:5px;
}
#imageRollPage img{
width:130px;
padding-bottom:8px;
}
#rightTags{text-transform:lowercase;line-height: 1.2em; padding-left:15px}
/* search */
#searchform{
	padding: 6px 0 6px 6px;
	font-family: verdana, arial, times;
	}
#searchform input#s{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 2px;
	margin: 2px;
	border: 1px solid #0B5AA7;
	}
#searchform input#s:focus{
	border: 1px solid #02a3f3;
	}
#searchform input#searchsubmit{
	font-family: verdana, arial, times;
	font-size: 7pt;
	padding: 2px;
	margin: 2px 0 0 2px;
	
	}
/* CSS Category menu */
#navbar {
 margin-left:10px;
    padding: 0;}
#navbar  dd ul li{
	line-height: 1.3;
	margin-left:5px;
	}
/*
#navbar li {
    list-style: none;

	}
#navbar li a {
    display: block;
    text-decoration: none; }
#navbar li ul {
    display: none;
    width: 145px; /* Width to help Opera out * /
    background-color: #fff;
	line-height: 1.5;
	}
	#navbar li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }
#navbar li:hover li {
    float: none; }
#navbar li:hover li a {
    background-color: #fff;
    color: #02a3f3; 
	margin:0px 5px 0px 5px;}
#navbar li li a:hover {
    background-color: #F2F2F2; }
	*/
.cssMenuImg{border-style:none;}
/* to help align text around images, specifically for posts */
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
/* wordpress captions, again in posts */
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* Comments for WP */
#commentssection{
	clear: both;
	margin: 0 0 0 12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
#commentssection h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #000;
	}
#commentform{
	margin: 12px 12px 20px 12px;
	/*padding:20px;*/
	}
#commentform p{
	color: #000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#commentform a{color: #000; text-decoration: none; line-height: 14pt;}
#commentform h3{
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, Verdana;
	font-weight:normal;
	color: #000;
	}
#commentbox{
	margin:5px 5px 0 0;
	}
#author, #email, #url, #commentbox{
	background: #fff;
	font-family: verdana, arial, times;
	margin:5px 5px 0 0;
	border: none; 
	padding: 6px;
	border: 1px solid #000;
	}
#submit{
	margin:5px 5px 0 0; 
	height:25px; 
	width:86px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
#twitter
{
	color: #12A6B0;
	clear: both;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}
#twitter-name a{
	font-weight:bold;
	text-transform: uppercase;
	color: #095AA6;
}
#twitter h3
{
	display: inline;
	margin: 0;
	margin-right: 12px;
	padding: 0;
	background: none;
}
#twitter ul, #twitter li
{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#twitter .from-meta
{
	display: none;
}
ol.commentlist {list-style-type: none;}
ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	overflow: hidden;
	font-size:12px;
	}
ol.commentlist li.alt {}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; font-size:12px;}
ol.commentlist a {color:#000;}
cite {
	font-family: arial, verdana, tahoma;
	font-weight: bold;
	font-style: normal;
	}
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}
.commentTitle{
font-family:"Arial Rounded MT Bold", Arial, Helvetica, Verdana;
font-weight:normal;
font-size:12px;
}
.commentText{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
.archivetitle{
font-size:12px;
color:#000000;
text-transform:uppercase;
padding-left:10px;
margin-top:3px;
}
.blueTitle{
color:#095AA6;
font-size:16px;
font-family:"Arial Rounded MT Bold", Arial, Helvetica, Verdana;
font-weight:normal;
}
#EC_current-month{
	color:#0B5AA7;
	font-size:22px;
	font-weight:bolder;

}
#EC_previousMonthLarge{
	color:#02A3F3;
	font-size:20px;
	font-weight:bold;
}
#EC_nextMonthLarge{
	color:#02A3F3;
	font-size:20px;
	font-weight:bold;
}
/** EXPLORERS PAGES CSS */
#exploLeftCol {
	float: left;
	width: 173px;
}
#exploRightCol {
	float: right;
	width: 173px;
}
#exploContent p,
#exploContent ul,
#exploContent,
#exploContent h4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	color:#000000; 
	line-height:18px; /*18px*/
	font-style: normal;
}
#exploRightCol h4 {
	margin-top: 2px;
	font-weight: normal;
}
#exploContent a {text-decoration:none;}
#exploContent p a, #exploContent h4 a{background:#FFD401; color:#000000;}
#exploContent p a:hover, #exploContent h4 a:hover {background:#ffffff; color:#000000; text-decoration:underline;}
#exploOne {
	/*background-color: #FFFF00;*/
	height: 50px;
	width: 142px;
	position: absolute;
	left: 5px;
	top: 37px;
}
#exploTwo {
	/*background-color: #00FF00;*/
	height: 26px;
	width: 205px;
	position: absolute;
	left: 149px;
	top: 26px;
}
#exploThree {
	/*background-color: #FFFF00;*/
	height: 63px;
	width: 198px;
	position: absolute;
	left: 154px;
	top: 58px;
}
#exploFour {
	/*background-color: #FFFF00;*/
	height: 22px;
	width: 198px;
	position: absolute;
	left: 10px;
	top: 0px;
}
a:hover #exploOne  {
background: url(images/explorer-page/exploPageHeadmo.gif) no-repeat -6px -36px;
}
a:hover #exploTwo  {
background: url(images/explorer-page/exploPageHeadmo.gif) no-repeat -150px -26px;
}
a:hover #exploThree, a:active #exploThree  {
background: url(images/explorer-page/exploPageHeadmo.gif) no-repeat -150px -57px;
}
a:hover #exploFour, a:active #exploFour  {
background: url(images/explorer-page/exploPageHeadmo.gif) no-repeat -22px 0px;
}
#exploLeftCol img, #exploRightCol img, #exploLeftCol .alignnone, #exploRightCol .alignnone,
#exploLeftCol p img, #exploRightCol p img  {
	margin-bottom: 10px;
	padding: 3px 8px 6px 8px;
	margin-top: 19px;
	display: block;
	background-image: url(images/explorer-page/exploPageBgd.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#exploLeftCol .explonobg, #exploRightCol .explonobg {
	background-image: none;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
}
#exploContentwrap {
	/* background:url(images/explorer-page/exploRegionOne.gif) no-repeat left top; */
	padding-top: 12px;
	margin-top: 6px;
}
#exploContentwrapTwo {
	/* background:url(images/explorer-page/exploRegionTwo.gif) no-repeat left top; */
	padding-top: 12px;
	margin-top: 6px;
}
#exploContentwrapThree {
	/* background:url(images/explorer-page/exploRegionThree.gif) no-repeat left top; */
	padding-top: 12px;
	margin-top: 6px;
}
#exploContentwrapFour {
	/* background:url(images/explorer-page/exploRegionFour.gif) no-repeat left top; */
	padding-top: 12px;
	margin-top: 6px;
}