/*
Theme Name: Bodysurf Scotland
Theme URI: http://bodysurfscotland.com
Description: For Bodysurf Scotland built from the ground up starting at the totally nude Wordpress theme, Starkers. (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1 (WP2.7)
Author: Tony Boyce
Author URI: http://idread.co.uk
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* get rid of those system borders being generated for A tags */
a:active {outline:none;}
:focus { -moz-outline-style:none;}

.date {margin: 2px 0}
a img.alignright{ margin: -15px 0 10px}	/* for images on the events page */		

.events a {text-decoration: underline}

.hyphenate {text-align: justify;}

.blog h2 {width: 395px;}/*for events page only to stop overflow onto the thumbnail*/
.blog .post p {width: 395px;position: relative;}
.blog .post p img{position: absolute;top: 0;right: -160px}
.blog img.alignright {float: right;padding: 0;margin-top: -16px}
.blog #content .post {padding: 0;margin-bottom: 16px}
img.event-photo {float: right;margin-top: -10px}


p.no-event{margin-top: 25px;padding: 0 50px;text-align: center;font-style: italic;} /* this styles the text in an empty category */

ul.brand li{list-style-type: disc;
	list-style-position: inside;padding-left: 15px}


/*this keeps the scrollbar visible in mozilla browsers*/
html { margin-bottom: 1px; 
}

html, body {
	min-height: 100%;
	background-color: white;

}
#box {
	background-color: white;
	min-height:100%;
	width:790px;
	margin: 0 auto;
	padding: 0 20px;
}
* html #box {
	height: 100%;
}
#header2 {width: 100%;margin: 0 auto;}
#header2 h1{width:100%;height:139px;margin: 1px auto 0;padding: 0;position: relative;z-index: 50;}
#header2 h1 span{background: url(images/logo_black_white.gif)#fff no-repeat;position: absolute;top:0;left:0;width:100%;height:100%;}

#header{
	width: 100%;
	float: left;
}
h1 {
	letter-spacing: 12px;
	font-size: 5em;
}
h1 a, h1 a:hover { color: #646464;}

a {
	color: #70acb7;
}

#menu a, #sidebar a,#footer a {
	color: #878787;
}
#menu2 a {
	font-size: .85em;
	color: #a0a0a0;
}
a:hover, #menu a:hover, #menu2 a:hover,#footer a:hover {
	color: #646464;
}

li.current_page_item a, li.current-cat a, .current-menu-item a  {
	color: #5a5a5a!important;
}

#menu, #menu2, #menu5 {
	width: 100%;
	float: left;
	padding: 0 0 5px;
}
#menu3, #menu4 {
	width: 100%;
	float: left;
	padding: 10px 0;}

#menu ul, #menu2 ul, #menu3 ul, #menu4 ul  {
	width: 100%;
	float: left;
}
#menu li, #menu2 li {
	float: left;
	list-style-type: none;
	background: url(style/images/stroke.gif) no-repeat right 4px;
}
li#air a, li#train a,li#road a {
	background: none!important;
}

#menu a, #menu2 a, #menu3 a{
	padding-right: 18px;
}

/* this bit removes the slash at the end of menus */
li#none a, li.none a {
	background-color:white;
}

#menu3 li {
	text-align: center;
	float: left;
	list-style-type: none;
	margin-right: 4px;
	width: 180px;
	height: 20px;
	padding-bottom: 55px;
	}
	
ul#menu-bottom.menu li.menu-item {border-right: solid 1px #dedede;}

#menu3 #air {
	background: url(style/images/plane.jpg) no-repeat left bottom;
}
#menu3 #train {
	background: url(style/images/train.jpg) no-repeat left bottom;
}
#menu3 #road {
	background: url(style/images/road.jpg) no-repeat left bottom;
}

#menu3 li a{
	background: url(style/images/stroke.gif) no-repeat right 4px;
}
#menu4 li a {
	border-color: #7f7f7f;
	border-style: dashed;
	border-width: 1px;
	float: left;
	list-style-type: none;
	margin-right: 4px;
	width: 180px;
	height: 180px;
	margin-bottom: 5px;
}
#menu4 li {
	float: left;
}
#menu4 li.about {
	background: url(style/images/.jpg) no-repeat;
 }
#menu4 li.venue {
	background: url(style/images/hall_sq.jpg) no-repeat;
 }
#menu4 li.getting_here {
	background: url(style/images/plane_trail.jpg) no-repeat;
 }
#menu4 li.accomodation {
	background: url(style/images/strawhouse_sq.jpg) no-repeat;
 }
#menu4 li.access {
	background: url(style/images/.jpg) no-repeat;
 }
#menu4 li.contributors {
	background: url(style/images/.jpg) no-repeat;
 }


#content {
	width: 560px;
	float: left;
	margin: 10px 0 15px;
}
 #content .post, #box .post {
	width: 100%;
	float: left;
	padding: 10px 0 0;
}
#content .post h2 {
	font-weight: bold;}
#content .post p {
	text-align: justify;
	padding-bottom: 2px;
}
#content .post h2 a{
	color: #646464;
}
#content .post h2 a:hover{
	color: #a0a0a0;
}


/*this is the formatting for the gallery - image.php*/
#widepage, #widepage .post{
	width: 800px;
	float: left;
	text-align:justify;  
	padding-top: 10px;
}#widepage .slideshow {
	width: 560px;
	margin: 0 auto;
}
/****************************************/

#sidebar {
	width: 210px;
	height: 100%;
	float: right;
	margin: 10px 0 15px;
}
#sidebar p,#sidebar li {
	font-size: .9em;
	padding-bottom: 4px;
}

#sidebar .events  h3{text-align: center;color: #fff;letter-spacing: .2em;background: #dedede;padding-bottom: 3px;margin-bottom: 3px; -moz-border-radius: 3px; /* gecko */ -webkit-border-radius: 3px; /* webkit */border-radius: 3px; /* CSS3 standard */-khtml-border-radius: 3px; /* old konkeror */}

#sidebar ul a:hover {
	color: #7c0000;
}

#twitpic{ background: #dedede;padding:4px 8px;margin: 6px 0 3px; -moz-border-radius: 3px; /* gecko */ -webkit-border-radius: 3px; /* webkit */border-radius: 3px; /* CSS3 standard */-khtml-border-radius: 3px; /* old konkeror */}

ul#twitter_update_list li{margin-bottom: 4px;padding: 0 0 4px;border-bottom: dotted 1px #aaa;line-height: 1.1em}

/*
li.widget {
	padding-bottom: 15px;
}
h2.widgettitle{font-size: 1.3em;text-align: center;color: gray;font-family: Times,serif;letter-spacing: .1em}
.textwidget {
	font-size: .9em;
	text-align: left;
	padding:0;
}
.widget.widget_text{
	padding-bottom: 3px;
*/



/*ul#twitter_update_list li a{font-size: .9em!important;font-style: italic}
li.twit{margin:10px 0 0 10px;padding-left: 40px;height: 40px;background: url(style/images/karl.jpg) no-repeat}
li.twit a{padding-left: 10px;color: #3B59A1!important;font-weight: bold}
li#text-13{float: left;margin-top: 10px}/***change from 13 to 9 after upload***/

form.wpcf7-form{padding: 10px 0;border: solid 1px #7f7f7f;margin: 5px auto 10px;}
form.wpcf7-form p {padding-left: 50px;}
textarea {margin: 2px 0 10px;border: solid 1px #7f7f7f;}
input {margin-top: 2px;border: solid 1px #7f7f7f;}


/********footer*************************/

#footer {
	color: #bebebe;
	width: 790px;
	height: 85px;
	margin: 0 auto;
	font-size: .9em;
	clear: both;text-align: center;
}
#footer ul {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	}
#footer li {
	float: left;
	list-style-type: none;
	padding: 0 6px;
}
#footer p {
	width: 480px;
	float: left;
	text-align: center;
	padding-bottom: 4px;
}
#wrapper {
	float: left;
}

/*****flicker gallery************/

#flicker_gallery,.photoset{width: 530px;float: left;padding: 0;margin: 0}
img.photo, .flickr-thumb{width:75px}

/* The Nivo Slider styles on the venu and locality page */
.page #slider-wrap{float: left;width:560px;height: 300px;margin: 10px 0 10px;overflow: hidden;background:url(images/loading.gif) no-repeat 50% 50%; }
.page .nivo-directionNav a {position:absolute;top:125px;z-index:9;cursor:pointer;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.page a.nivo-nextNav {background-position:-30px 0;right:15px;
}.page a.nivo-prevNav {left:15px;}
/* Caption styles */
.page .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;}
.page .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.page .nivo-caption a {color:#fff;border-bottom:1px dotted #fff;}
.page .nivo-caption a:hover {color:#fff;}
.page .nivo-caption p {padding:5px;margin:0;text-align: center;}

/* The Nivo Slider styles on the homepage */
.home #preloader{width:560px;height: 370px;padding:160px 0 0 255px;background:#fff;
 position:absolute; top:0; left:0; z-index:10;}
.home #slider-wrap{float: left;width:560px;height: 370px;margin: 10px 0 10px;overflow: hidden;background:url(images/loading.gif) no-repeat 50% 50%; }
#slider img {display:none;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}

/* Caption styles */.home .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;}
.home .nivo-caption p {display: none!important;padding:5px;margin:0;}
.home .nivo-caption a {display:inline !important;}
.home .nivo-html-caption { display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.home .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.home .nivo-prevNav {display: none;left:0px;}
.home .nivo-nextNav {display: none;right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.home .nivo-controlNav a {display: none;position:relative;z-index:9;cursor:pointer;}
.home .nivo-controlNav a.active {display: none;font-weight:bold;}

