/*
Theme Name: St Johns Website Theme
Theme URI: http://ephemeralforever.com
Description: St Johns Website
Author: Andy Welland, Craig Richardson
Author URI: http://ephemeralforever.com
version: 1.0
Tags: three-column, widget-ready, blank
*/



/* basics */

 @font-face {font-family: 'KarnakPro-Book';src: url('fonts/22F31A_0_0.eot');src: url('fonts/22F31A_0_0.eot#iefix') format('embedded-opentype'),url('fonts/22F31A_0_0.woff') format('woff'),url('fonts/22F31A_0_0.ttf') format('truetype');}

*{margin:0; padding:0;}

body {
	background:url(images/bg.jpg) no-repeat top left #f5f5f5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0px 80px 80px 80px;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 13pt;font-weight:normal;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}

h2.widgettitle{
	color:#6eb43f;
}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

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

a:hover{text-decoration: underline;}

/* Colours */


.brand, .brand a, li.brand a{
	color:#F43287;
}


/* container */


.name{
	margin-top:12px;
}

.name p{
	margin-bottom:0px;
	font-weight:bold;
	font-size:14px;
	color:#001935;
}

.name p a:hover{
	color:#6eb43f;
	text-decoration:none;
}


#container {
	width:1000px;
	padding:0;
	overflow: hidden;
	margin-left:170px;
	}

#containerhome {
	width:1150px;
	padding:0;
	overflow: hidden;
	margin:0px;
	}

	
/* header */

#header {
	margin-bottom:20px;
	}
	
.headerleft{
	float:left;
	width:293px;
	margin:20px;
	margin-top:60px;
}

.headerright{
	float:right;
	margin:20px;
	margin-top:120px;
}

#header h1{
	margin:0;	
	color:#001935;
	}

#header h1 a.logo{
	display:block;
	background:url(images/newscaster-header.png) no-repeat;
	width:293px;
	height:40px;
	text-indent:-9999px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #6eb43f;
	}

#header h2{
	margin:0;
	color:#001935;	
	}
	
#header h1 a, #header h2 a{
	color:#001935;
}

#header h2 a:hover{
	text-decoration:none;
	border-bottom:1px dotted #6eb43f;
}


/* main menu */


#menu {
	font-family: KarnakPro-Book, serif;
	overflow:hidden;
	margin-top:30px;
	font-size:10px;
	padding-bottom:10px;
	border-bottom:1px solid #F43287;
	}


#menu ul {
	margin:0;
	padding:0;
}

#menu ul li {
	list-style-type: none;
	float:left;
}

#menu ul li a {
	margin: 0;
	display:block;
}

.menuright{
	float:right;
}

#menu ul.start{
	float:left;
	width:170px;
}

#menu ul.start li{
	padding: 2px 0px 0px 0px;
}

#menu ul.start li a{
	color:#F43287;
}

#menu ul.start li a:hover{
	text-decoration:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}

#menu ul.leftmenu{
	float:left;
	width:125px;
}

#menu ul.leftmenu li{
	float:none;
	margin-bottom:0px;
}

ul.leftmenu li a{
	padding: 0px 0px 0px 18px;
	margin-bottom:-1px;
	margin-top:2px;
}

#menu ul.leftmenu li a:hover{
	text-decoration:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}

li.introductionmenu a{background:url("images/dots.png") no-repeat 0px 1px; color:#000000;}
li.dictionarymenu a{background:url("images/dots.png") no-repeat 0px -15px; color:#C4C4C4;}
li.studyingmenu a{background:url("images/dots.png") no-repeat 0px -33px; color:#F5841F;}
li.dayinlifemenu a{background:url("images/dots.png") no-repeat 0px -51px; color:#25408F;}
li.dayinthelife1menu a{background:url("images/dots.png") no-repeat 0px -51px; color:#25408F;}
li.dayinthelife2menu a{background:url("images/dots.png") no-repeat 0px -51px; color:#25408F;}
li.foodmenu a{background:url("images/dots.png") no-repeat 0px -71px; color:#F43287;}
li.financemenu a{background:url("images/dots.png") no-repeat 0px -88px; color:#B4E3F4;}
li.accommodationmenu a{background:url("images/dots.png") no-repeat 0px -107px; color:#8DC63F;}
li.entzmenu a{background:url("images/dots.png") no-repeat 0px -125px; color:#BA87CA;}
li.sportsmenu a{background:url("images/dots.png") no-repeat 0px -143px; color:#00A1C1;}
li.societiesmenu a{background:url("images/dots.png") no-repeat 0px -160px; color:#F6EC41;}
li.beforeyougomenu a{background:url("images/dots.png") no-repeat 0px -178px; color:#B35C8D;}


/* homewidgets */

#hometext{
	border-bottom:1px dotted #6eb43f;
	border-top:1px dotted #6eb43f;
	padding:20px 0px 20px 0px;
	margin-bottom:20px;
}

#hometext h2{
	line-height:25px;
	font-weight:normal;
	color:#a5a5a5;
}

#homewidgetspage{
	width:900px;
	float:left;
	margin-bottom:20px;
}

#homewidgets{
	width:900px;
	border-top:1px dotted #6eb43f;
	float:left;
	padding:20px 0px 0px 0px;
	margin-bottom:20px;
}

.about{
	width:260px;
	float:left;
	padding-right:50px;
	color:#c7c7c7;
}

.about a{
	color:#001935;
}

.about ul li a:hover{
	color:#6eb43f;
	text-decoration:none;
}

.about li.widget{
	color:#808080;
}

.about ul{
	list-style: none;
	margin:0;
}

.about ul li{
	border-bottom:1px dotted #6eb43f;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}

.about h2{
	color:#6eb43f;
}

.findus{
	width:259px;
	float:left;
	padding-right:50px;
	min-height:247px;
}

.findus h2{
	color:#6eb43f;
}

.twitterclient{
	width:260px;
	padding-right:20px;
	float:left;
	min-height:247px;
}

.twitterclient h2{
	color:#6eb43f;
}

.twitterclient a{
	color:#6eb43f;
}

.twitterclient ul{
	list-style: none;
	margin:0;
	padding:0;
}

.twitterclient ul li{
	border-bottom:1px dotted #6eb43f;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
}

li.widget{
	list-style-type: none;
}

.textwidget ul{
	list-style: none;
}

.textwidget p.small{
	color:#001935;
	font-size:8pt;
	font-weight:bold;
	border-bottom:1px dotted #6eb43f;
}

.textwidget p.big{
	font-size:15pt;
}


/* content */


#content {
	float:left;
	width:400px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c; 
    background:#fff; 
    font-family: KarnakPro-Book, serif;  
	}

#contentday {
	float:left;
	width:400px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c; 
    background:#fff;   
    margin-left:20px;
    font-family: KarnakPro-Book, serif;
	}

#content h2.title{
	font: 14pt KarnakPro-Book, serif;
	color:#001935;
}

#contentservices {
	float: left;
	width:600px;
	overflow: hidden;
	border-right: 1px dotted #6eb43f;
	min-height:275px;
	}
	
.service{
	border-bottom: 1px dotted #6eb43f;
	margin-bottom:10px;
}

.post {
	margin:0;
	padding:20px 45px 180px 20px;
	line-height: 14pt;
	background-image:("images/posttop.png") repeat;
	}
	
.post h2{
	font: 13pt KarnakPro-Book, serif;
	text-decoration:underline;
	}
	
.post h2 a{
	text-decoration: none;
	}
	
.post h2 a:hover{
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry{
	font-family: KarnakPro-Book, serif;
}

.entry p{margin:12px 0; color:#111111;}

.entry p strong{
	font-size:10px;
	color:#001935;
	line-height:18px;
}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:10px;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
	



/* left sidebar */

#left {
	width:150px;
	float:left;
	margin:0 0 0 20px;
	padding:0;
	border-right: 1px solid #ddd;
	}

#left p {margin:0; padding: 0;}

#left img {padding: 0; margin: 0;}

#left ul {
	margin:12px;
	padding:0;
	}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#left ul ul {
	margin:14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
	}

#left ul ul ul{
	margin: 0;
	padding: 0;
}

#left ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* right sidebar */

#right{
	width:259px;
	float:left;
	margin:0;
	margin:70px 0px 0px 35px;
	}

#right label{
	font:normal 11pt arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;	
	margin: 0;
	padding: 0;
}

#right p { margin-bottom:10px; padding:0;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin:14px 0;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}

#right ul ul ul li{
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{
	float:left; 
	margin:0 12px 0 0;
	border-radius:50px;
	width:100px;
	height:100px;
	overflow:hidden;
}

.author{
	width:100px;
	font-family: KarnakPro-Book, serif;
	text-align:center;
	margin-bottom:20px;
}

.author p{
	color:#111111;
}

.author h2{
	font-family: KarnakPro-Book, serif;
}

.author h2.introduction{
	color:#111111;
	background:none;
}

.author h2.dictionary{
	color:#C4C4C4;
	background:none;
}

.author h2.studying{
	color:#F5841F;
	background:none;
}

.author h2.dayinlife, .author h2.dayinthelife1{
	color:#25408F;
	background:none;
}

.author h2.food{
	color:#F43287;
	background:none;
}

.author h2.finance{
	color:#B4E3F4;
	background:none;
}

.author h2.accommodation{
	color:#8DC63F;
	background:none;
}

.author h2.entz{
	color:#BA87CA;
	background:none;
}

.author h2.sports{
	color:#00A1C1;
	background:none;
}

.author h2.societies{
	color:#F6EC41;
	background:none;
}

.author h2.justbeforeyougo{
	color:#B35C8D;
	background:none;
}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}


/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:4px;
	}

/* misc */

img.centered {
	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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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:10px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* footer */

#footer {
	margin:20px 0px 20px 0px;
	clear: both;
	font-size:10px;
	padding-bottom:60px;
	}
	
#footer a{
	color:#6eb43f;
	text-decoration:none;
}

#footer a:hover{
	color:#6eb43f;
	text-decoration:none;
}

.footerleft{
	padding-top:10px;
	float:left;
}

.footerleft li{
	float:left;
	list-style: none;
	margin-right:4px;
	text-decoration:none;
}

.footerleft li a:hover{
	text-decoration:none;
}

.footerright{
	padding-top:10px;
	float:right;
	color:#888888;
}


/* Checkbox Span */

.wpcf7-list-item label{
	float:left;
	width:98%;
	text-align:left;
	border-bottom:1px dotted #6eb43f;
	padding:5px 0px 5px 0px;
}

.wpcf7-list-item label input[type="checkbox"] {
    display:block;
	width:20px;
	float:right;
}

.wpcf7-form h3{
	font-size:16px;
	margin:0;
	padding:0;
	border-bottom: 1px dotted #6eb43f;
}

.italic{
	font-style: italic;
	color:#6eb43f;
}

.highlight{
	color:#6eb43f;
	border-bottom:1px dotted #6eb43f;
}


/* Draggables */


.demo { margin: 0 auto; width: 960px; padding: 0px; }

#drag { clear:both; position:absolute;}

.ui-widget-content{
	font-family: KarnakPro-Book, serif;
	float: left;
	width:250px;
    cursor:move;
}

.box1{
	top:10px;
	z-index:-20;
}

.box2{
	left:-80px;
	top:50px;
	z-index:1;
}

.box3{
	left:-250px;
	top:90px;
	z-index:-50;
}

.box4{
	left:-130px;
	z-index:-100;
}

.box5{
	top:-220px;
	left:-320px;
	z-index:-70;
}

.box6{
	float:right;
	right:300px;
	top:-200px;
}

.box7{
	float:right;
	right:360px;
	top:-100px;
}

.toppage{
	font-family: KarnakPro-Book, serif;
	background:#fff;
	color:#111111;
	padding:15px 10px 15px 10px;
}

.toppage h2{
	font-family: KarnakPro-Book, serif;
	text-decoration:underline;
}

.toppage h2 a:hover{
	text-decoration:none;
	color:#111111;
}

.toppage li{
	list-style:none;
}

.toppage li a{
	list-style:none;
	padding:3px 0px 5px 18px;
}


.top{
	background:#fff;
	color:#111111;
	padding:10px 15px 10px 15px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;   
}

.top li{
	list-style:none;
}

.top li a{
	list-style:none;
	padding:3px 0px 3px 18px;
}

#drag div p {margin: 0; position: relative; }

p { clear:both; margin:0;}

/* Slider */

#slidesfeatured, #slidesfeatured2, #slidesfeatured3{
	padding:0px;
	margin:0px;
	list-style-type: none;
}

.contentmap{
	width:325px;
	height:225px;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;     
}

.contentacc{
	width:320px;
	height:240px;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;   
}

.contentlife{
	z-index:-1;
	width:320px;
	height:240px;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;   
}

.content{
	padding:20px;
	background:#fff;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;
}

#slideshowpage{
	width:320px;
	height:240px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;
    padding:0px;
    z-index:-100;
    overflow:hidden;
    margin-left:-50px;
}

#slideshowpage img{
	width:320px;
	}

#slideshowday{
	float:left;
	width:320px;
	height:240px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;
    padding:0px;
    z-index:-100;
    overflow:hidden;
    list-style-type: none;
    margin:70px 0px 0px 0px;
}

#slideshowday img{
	width:320px;
	}

ul#slidesfeaturedpage{
	margin:0;
	padding:0;
	list-style-type: none;
	z-index:0;
}

#slidenavigation{
	width:320px;
	position:absolute;
	z-index:1;
	margin-top:100px;
	list-style-type: none;
}

ul#nav{
	list-style-type: none;
	margin:10px;

}

#slidenavigation ul li#prev a{
	display:block;
	background:url("images/prev.png") no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:left;
	list-style-type: none;
}

#slidenavigation ul li#next a{
	display:block;
	background:url("images/next.png") no-repeat;
	width:20px;
	height:20px;
	text-indent:-9999px;
	float:right;
	list-style-type: none;
}

.introduction{
	background:#e2e2e2;
}

.dictionary{
	background:#C4C4C4;
}

.studying{
	background:#F5841F;
}

.food{
	background:#F43287;
}

.finance{
	background:#B4E3F4;
}

.entz{
	background:#BA87CA;
}

.sports{
	background:#00A1C1;
}

.societies{
	background:#F6EC41;
}

.justbeforeyougo{
	background:#B35C8D;
}

.accommodation{
	background:#8DC63F;
}

.dayinthelife, .dayinthelife1, .dayinthelife2{
	background:#25408F;
}

.green, .dayinthelife2{
	background:#407760;
}

.introduction p, .dictionary p, .studying p, .food p, .finance p, .entz p, .sports p, .societies p, .justbeforeyougo p{
	color:#111111;
}

.dayinthelife p, .dayinthelife1 p, .dayinthelife2 p, .green p{
	color:#eee;
}

.introduction h2 a, .dictionary h2 a, .studying h2 a, .food h2 a, .finance h2 a, .entz h2 a, .sports h2 a, .societies h2 a, .justbeforeyougo h2 a{
	color:#111111;
	text-decoration:underline;
	line-height:20px;
	padding-bottom:10px;
	display:block;
}

.dayinthelife h2, .dayinthelife1 h2, .dayinthelife2 h2{
	color:#eee;
	text-decoration:underline;
}

.dayinthelife h2 a, .dayinthelife1 h2 a, .dayinthelife2 h2 a, .green h2 a{
	color:#eee;
}

.introduction h2, .dictionary h2, .studying h2, .food h2, .finance h2, .entz h2, .sports h2, .societies h2, .justbeforeyougo h2{
	color:#111111;
	text-decoration:underline;
	line-height:20px;
	padding-bottom:10px;
	display:block;
}

.author h2{
	font-family: KarnakPro-Book, serif;
}

.author h2.dayinthelife2{
	font-family: KarnakPro-Book, serif;
	background:none;
	color:#25408F;
}

.readmore{
	display:block;
	color:#111111;
	text-decoration:underline;
	margin-top:10px;
}

.readmore:hover{
	text-decoration:none;
	color:#111111;
}

.title{
	position:absolute;
	padding:20px;
}

.title h2 a{
	color:#111111;
	text-decoration:underline;
}

.post {
	background-image:url("images/posttop.png"), url("images/postbottom.png");
	background-repeat:no-repeat, no-repeat;
	background-position: top, bottom;
	}

.homecontent{
	padding:20px;
	-webkit-box-shadow:  0px 2px 4px 0px #9c9c9c;
    box-shadow:  0px 2px 4px 0px #9c9c9c;
}

.introductionhome{
	background:url("images/introductionbg.png");
}

.dictionaryhome{
	background:url("images/dictionarybg.png");
}

.studyinghome{
	background:url("images/studybg.png");
}

.foodhome{
	background:url("images/foodbg.png");
}

.financehome{
	background:url("images/financebg.png");
}

.entzhome{
	background:url("images/entzbg.png");
}

.sportshome{
	background:url("images/sportsbg.png");
}

.societieshome{
	background:url("images/societieshome.png");
}

.justbeforeyougohome{
	background:url("images/justbeforebg.png");
}

.accommodationhome{
	background:#8DC63F;
}

.dayinthelifehome, .dayinthelife1home, .dayinthelife2home{
	background:#25408F;
}

.introductionhome p, .dictionaryhome p, .studyinghome p, .foodhome p, .financehome p, .entzhome p, .sportshome p, .societieshome p, .justbeforeyougohome p{
	color:#111111;
}

.introductionhome h2 a, .dictionaryhome h2 a, .studyinghome h2 a, .foodhome h2 a, .financehome h2 a, .entzhome h2 a, .sportshome h2 a, .societieshome h2 a, .justbeforeyougohome h2 a{
	color:#111111;
	text-decoration:underline;
	line-height:20px;
	padding-bottom:10px;
	display:block;
}