/*
Theme Name: Swim Hellespont Theme Final
Theme URI: http://www.swimhellespont.com/
Description: This Wordpress theme was created by <a href="http://www.webdesignbrighton.com">Website Design Brighton</a> for <a href="http://www.swimtrek.com">SwimTrek</a>.
Version: 1.1
Author: Sean Blakeley
Author URI: http://www.seanblakeley.co.uk/
Tags: SwimTrek, Hellspont, Website Design Brighton, Sean Blakeley

*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, acronym, cite, code, em, font, img,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
font-family: Arial, Verdana, serif;
line-height: 18px;
color: #000;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

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

a:hover {
color: #f00;
}

body {
text-align: center;
background: url(images/background.jpg) no-repeat #000 fixed;
}

#map {
position: absolute;
top: 0px;
left: 0px;
height: 300px;
width: 700px;
background: url(images/roll-over-map.jpg) no-repeat #000;
z-index: 15;
margin-top: 25px;
overflow: hidden;
}

#container {
width: 700px;
margin: 0 auto;
text-align: left;
}

#main-section {
margin-left: 130px;
}

.logo {
position: fixed;
top: 20px;
left: 15px;
width: 263px;
height: 72px;
z-index: 10;
line-height: 39px;
text-indent: -99999px;

}

.logo a {
display: block;
width: 263px;
height: 72px;
background: url(images/logo.jpg) no-repeat;
}

#logo-behind-left {
position: fixed;
left: 15px;
top: 10px;

}

#logo-behind-right {
position: fixed;
left: 258px;
top: 10px;
}

#main-content {
position: absolute;
margin-top: 85px;
width: 700px;
}

#navigation {
position: absolute;
width: 700px;
height: 60px;
left: 0px;
background: url(images/header-bg.png);
margin-top: -300px;
z-index: 300;
}

#navigation ul {
position: absolute;
right: 10px;
top: 14px;
}

#navigation ul li {
float: left;
font-size: 10px;
font-family: Georgia;
margin-left: 5px;
}

#sub-navigation-buts {
position: absolute;
top: 100px;
margin-left: 475px;
z-index: 250;
}

#sub-navigation-buts li a {
width: 230px;
height: 50px;
background: url(images/sub-nav-star.jpg) no-repeat #000;
display: block;
margin-bottom: 15px;
color: #fff;
}

.nav-but-title a {
font-size: 18px;
line-height: 50px;
padding-left: 60px;
}

#turkish-flag {
position: absolute;
top: 0px;
left: 0px;
margin: -20px 0 0 -25px;
}

#small-map {
position: absolute;
top: 0px;
left: 0px;
margin: -20px 0 0 -25px;
}

#swimmer {
position: absolute;
left: 175px;
top: 10px;
}

#single-navigation {
position: absolute;
top: 0px;
background: #f00;
}

#main-image-box {
clear: both;
margin-top: 25px;
height: 300px;
width: 700px;
background: #000;
overflow: hidden;
}

#ribbon {
margin-left: -20px;
position: absolute;
width:700px;
height: 80px;
left: 0px;
background:url(images/ribbon.png);
z-index: 200;
padding: 20px;
}

#ribbon-text {
width: 500px;
}

#ribbon-title p, #ribbon-title, #ribbon-post-title  {
position: absolute;
top: 10px;
font-size: 36px;
font-family: Georgia;
line-height: 46px;
width: 400px;
color: #fff;
}

#ribbon-post-title {
width: 500px;
}

#home-ribbon-title p {
position: absolute;
top: 20px;
font-size: 48px;
width: 400px;
height: 85px;
font-family: Georgia;
margin-top: -50px;
line-height: 48px;
padding-left: 390px;
color: #fff;
background:url(images/home-ribbon-title.png) left bottom no-repeat;
}

#ribbon-content {
position: absolute;
top: 55px;
color: #fff;
line-height: 14px;
font-size: 12px;
width: 500px;
height: 52px;
overflow: hidden;
}

#ribbon-content p {
color: #fff;
line-height: 14px;
font-size: 12px;
}

#ribbon-content h2 {
margin: 0px 0 5px 0;
color: #fff;
line-height: 16px;
font-size: 14px;
}


#ribbon-content a {
color: #fff;
border-bottom: solid 1px #fff;
}

#ribbon-content a:hover {
border-bottom: solid 1px #009bff;
}

#home-ribbon-content {
position: absolute;
top: 60px;
color: #fff;
line-height: 14px;
font-size: 12px;
margin-top: -5px;
width: 500px;
height: 56px;
overflow: hidden;
}

#main-image {
top: -20px;
right: 30px;
position: absolute;
height: 156px;
width: 156px;
overflow: hidden;
background:url(images/main-image-bg.png);
}

#main-image img {
margin: 5px 0 0 4px;
height: 148px;
width: 148px;
overflow: hidden;
}

#text-content, #home-text-content {
clear: both;
float: left;
margin-top: 115px;
width: 660px;
background:url(images/main-content-bg.jpg) #c7d0de;
padding: 40px 20px 20px 20px;
margin-bottom: 30px;
color:#2f2f2f;
}

/*
#text-content ul li, , #home-text-content ul li {
margin-left: 15px;
padding-left: 5px;
list-style-type:disc;
}

*/

#text-content ul, #home-text-content ul {
margin-bottom: 20px;
}

#text-content p, #home-text-content p {
margin-bottom: 20px;
}

/*
#text-content p a, #home-text-content p a {
color: #f00;
}

#text-content p a:hover, #home-text-content p a:hover {
color: #524cc9;
}
*/

#homepage-columns li {
float: left;
width: 300px;
padding: 15px;
list-style: none;
}

#ribbon-behind-left {
position: absolute;
left: 0px;
top: -20px;
}

#ribbon-behind-right {
position: absolute;
right: 0px;
top: -20px;
}

#footer {
clear: both;
float: left;
margin-top: 20px;
color: #949494;
width: 175px;
line-height: 12px;
height: 50px;
text-align: left;
font-size: 10px;
}


#footer a {
color: #ccc;
font-size: 10px;
}

#footer a:hover {
color: #fff;
}

.homecoltitle a {
font-size: 18px;
font-family: Georgia;
text-transform: uppercase;
line-height: 22px;
font-weight: bold;
margin-bottom: 8px;
color: #e50000;
display: block;
}

.homecolreadmore a {
float: left;
font-size: 14px;
font-family: Georgia;
font-style: italic;
line-height: 20px;
width: 200px;
color: #a00101;
font-weight: bold;
display: block;
}

.homecolbooknow a {
float: right;
display: block;
background:url(images/book-now-but-st-sd.png) 0 0 no-repeat;
font-weight: bold;
width: 91px;
height: 50px;
color: #fff;
text-indent: -99999px;
}

.homecolbooknow a:hover {
background:url(images/book-now-but-st-sd.png) 0 -50px no-repeat;
}

.homecoldate {
color: #e50000;
font-size: 16px;
line-height: 20px;
font-family: Georgia;
font-style: italic;
}

.homecoltitle a:hover, .homecolreadmore a:hover {
color: #f00;
}

.homecolcontent {
margin-top: 20px;
line-height: 20px;
font-family: Arial;
}
#slideshow {
    position:relative;
    height:300px;
	width: 700px;
	overflow: hidden;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#book-now-bar {
position: fixed;
bottom: 20px;
height: 30px;
width: 100%;
display: block;
background:url(images/book-now-bg.jpg);
}

#bot-bar {
width: 960px;
margin: 0 auto;
text-align: left;
background: #f0f;
}

.book-now-bar {
position: fixed;
bottom: 20px;
height: 30px;
width: 100%;
display: block;
background:url(images/book-now-bg.jpg);
text-align: center;
}

#swim-trek-logo {
float: left;
margin-left: 50px;
margin-top: -10px;
}

.book-now-but {
float: right;
width: 156px;
height: 45px;
margin-top: -8px;
background:url(images/book-now-but.png);
margin-left: 15px;
}

.book-now-but a {
width: 156px;
height: 45px;
text-align: center;
padding-top: 25px;
font-size: 11px;
display: block;
color: #fff;
text-transform: uppercase;
}

#book-text p {
float: left;
color: #fff;
font-size: 14px;
font-style: italic;
margin: 5px  0 0 15px;
}


/*
#ribbon-nav li a{
float: left;
display: block;
background: #dee7ef;
padding: 4px;
font-weight: bold;
line-height: 14px;
color: #000063;
border: solid 1px #000063;
margin-left: 10px;
}




#ribbon-nav li a:hover {
background: #000063;
color: #dee7ef;
border: solid 1px #dee7ef;
}
*/
#ribbon-nav {
position: absolute;
top: 90px;
right: 190px;
}

h2 {
font-size: 18px;
margin: 30px 0 15px 0;
}

#address ul li, #poem ul li  {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}

#poem ul li  {
margin-left: 75px;
font-style: italic;
}

#ribbon-nav li {
float: left;
margin-left: 3px;
}


#byron-fes-but a {
width: 140px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -40px;
}

#byron-fes-but a:hover {
width: 140px;
height: 20px;
background:url(images/ribbon-but.png) 0 -60px;
}


#turk-fes-but a {
width: 140px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 0px;
}

#turk-fes-but a:hover {
width: 140px;
height: 20px;
background:url(images/ribbon-but.png) 0 -20px;
}

#trip-note-but a {
width: 66px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -80px;
}

#trip-note-but a:hover {
width: 66px;
height: 20px;
background:url(images/ribbon-but.png) 0 -100px;
}

#map-but a {
width: 37px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -120px;
}

#map-but a:hover {
width: 37px;
height: 20px;
background:url(images/ribbon-but.png) 0 -140px;
}


#book-now-but a {
width: 65px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -160px;
}

#book-now-but a:hover {
width: 65px;
height: 20px;
background:url(images/ribbon-but.png) 0 -180px;
}

#trip-buts {
position: absolute;
top: 10px;
right: 190px;
width: 140px;
}

#trip-but {
position: absolute;
top: 5px;
right: 190px;
width: 140px;
}

#trip-buts li {
margin-bottom: 5px;
width: 139px;
}

.current-page a {
display: block;
background: #fff;
padding: 3px;
font-weight: bold;
line-height: 20px;
font-size: 14px;
color: #f00;
border: solid 1px #d20000;
}

.non-current-page a{
display: block;
background: #d20000;
padding: 3px;
font-weight: bold;
line-height: 20px;
font-size: 14px;
color: #fff;
border: solid 1px #d20000;
}

.non-current-page a:hover {
background: #f00;
color: #fff;
}

h2 {
font-size:16px;
font-weight: bold;
}

h3 {
font-size:14px;
font-weight: bold;
}

#text-content ul, #home-text-content ul {
list-style: disc;
}

#homecolcontent li {
list-style: none;
}

#side-news-section {
position: absolute;
float: left;
top: 0px;
left: 30px;
width: 230px;
z-index: 5;
}

#side-news-section-bg {
position: fixed;
top: 0px;
left: 30px;
width: 230px;
height: 100%;
z-index: 1;
background: url(images/news-section-background.jpg) no-repeat;
border-left: solid 1px #0e0e0e;
border-right: solid 1px #0e0e0e;
}

#side-news-section {
float: left;
margin-top: 105px;
padding: 10px;
}


.news-title {
float: left;
width: 130px;
}


.news-title a {
font-size: 14px;
height: 52px;
display: block;
padding-bottom: 2px;
color: #fff;
}

.news-title a:hover {
color: #f00;
}

.news-image {
clear: both;
float: left;
margin: 0px 15px 5px 0;
}

.news-image a {
height: 52px;
width: 52px;
display: block;
border: solid 1px #fff;
}

.news-image a:hover {
border: solid 1px #f00;
}

.news-excerpt p {
clear: both;
float: left;
color: #fff;
font-size: 11px;
margin-bottom: 10px;
}

hr {
clear: both;
height: 1px;
color: #0e0e0e;
margin: 5px 0px;
border: none;
border-bottom: solid 1px #0e0e0e;
}



#footer2 a {
font-size: 10px;
color: #ccc;
}

#footer2 a:hover {
color: #f00;
}

#news-side-bar-title {
font-family: Georgia;
float: left;
font-size: 20px;
margin-right: 10px;
color: #fff;
line-height: 24px;
margin-bottom: 15px;
z-index: 500;
}



.icon-button {
margin-left: 2px;
height: 25px;
width: 25px;
float: left;
display: block;
overflow: hidden;
text-indent: -99999px;
z-index: 500;
}

#twitter-button a {
height: 25px;
width: 25px;
display: block;
z-index: 500;
background: url(images/icon-buttons.png) 0 0px no-repeat;
}

#facebook-button a {
height: 25px;
width: 25px;
display: block;
background: url(images/icon-buttons.png) 0 -25px no-repeat;
}

#swimtrek-button a {
height: 25px;
width: 25px;
display: block;
background: url(images/icon-buttons.png) 0 -50px no-repeat;
}

#twitter-button a:hover {
background: url(images/icon-buttons.png) 0 -75px no-repeat;
}

#facebook-button a:hover {
background: url(images/icon-buttons.png) 0 -100px no-repeat;
}

#swimtrek-button a:hover {
background: url(images/icon-buttons.png) 0 -125px no-repeat;
}

.side-news-date {
color: #e4e4e4;
float: right;
font-size: 10px;
margin-bottom: 5px;
text-align: right;
line-height:15px;
}

#single-ribbon-date {
position: absolute;
right:210px;
top: 89px;
color: #fff;
font-size: 20px;
letter-spacing: -1px;
font-style: italic;
text-align: right;
}

.more-news {
margin-top: 15px;
}

.more-news a {
color: #fff;
font-weight: bold;
background: #D20000;
border: solid 1px #D20000;
padding: 5px;
line-height: 18px;
font-size: 12px;
}

.more-news a:hover {
background: #f00;
}

#text-content ul {
margin-left: 20px;
}

.archive-news-image a {
clear: right;
float: left;
border: solid 1px #fff;
width: 78px;
height: 78px;
margin-right: 20px;
}

.archive-news-image a:hover {
border: solid 1px #f00;
}

.archive-news-date {
float: left;
font-style: italic;
width: 525px;
color: #fff;
font-size: 11px;
margin: 5px 0px;
}

.archive-news-title a {
font-size: 18px;
float: left;
width: 525px;
}

.archive-news-excerpt {
float: left;
width: 525px;
}

.archive-news-excerpt p {
width: 450px;
}

#news-archive-list li {
list-style: none;
}

.archive-more-news {
margin: 15px 0 50px 98px;
}

.archive-more-news a {
color: #fff;
font-weight: bold;
background: #D20000;
border: solid 1px #D20000;
padding: 5px;
line-height: 18px;
font-size: 12px;
}

.archive-more-news a:hover {
background: #f00;
}

#archive-navigation ul {
list-style: none;
}

.previous a {
float: left;
margin-left: 75px;
}

.next a {
float: right;
margin-right: 75px;
}

.previous a, .next a  {
padding: 4px;
font-size: 10px;
color: #000;
line-height: 14px;
border: solid 1px #000;
}

.previous a:hover, .next a:hover  {
color: #f00;
border: solid 1px #f00;
}

.news-story-link {
display: block;
float: left;
width: 90%;
}

.more-link {
display: none;
}

strong {
font-weight: bold;
}

.nohomeresultsbut {
width: 78px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -240px;
}

.homeresultsbut a {
width: 78px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -200px;
}

.homeresultsbut a:hover {
width: 78px;
height: 20px;
background:url(images/ribbon-but.png) 0 -220px;
}

.homecoldate  {
float: left;
margin-bottom: 15px;
}

.homeresults {
float: right;
margin-right: 5px;
}

.homecolcontent {
clear: both;
}


/*    WEBSITE UPDATE 13/05/10
 * change homepage layout
 * add results button
 
 */

.nohomeresultsbut {
width: 78px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -240px;
}

.homeresultsbut a {
width: 78px;
height: 20px;
display: block;
text-indent: -99999px;
background:url(images/ribbon-but.png) 0 -200px;
}

.homeresultsbut a:hover {
width: 78px;
height: 20px;
background:url(images/ribbon-but.png) 0 -220px;
}

.homecoldate  {
float: left;
margin-bottom: 15px;
}

.homeresults {
float: right;
margin-right: 5px;
}

.homecolcontent {
clear: both;
}

#past-event {
margin-right: -5px;
float: right;
padding: 5px;
width: 140px;
border: solid 1px #d57f88;
/* background: #cca7b5; */
}

#past-event .homecolbooknow {
display: none;
}

#next-event {
width: 475px;
float: left;
}

#past-event .homecoltitle  a {
font-size: 12px;
}

#past-event  .homecoldate, #past-event  .homecolreadmore a{
font-size: 10px;
}

#past-event  .homecolreadmore a{
line-height: 14px;
width: 130px;
}

#past-event  .homecolcontent p {
color: #383838;
font-size: 11px;
}

#next-event  .homecolcontent p {
font-size: 14px;
line-height: 22px;
}

#home-text-content {
float: left;
}

#next-event .homecoltitle a {
font-size: 22px;
line-height: 30px;
}

#recent-event {
position: relative;
top: -5px;
left: -5px;
width: 146px;
font-weight: bold;
font-family: Georgia;
color: #fff;
padding: 2px;
font-size: 11px;
background: #d57f88;

}

#main-iframe-container {
width:1250px;
height:1350px;
border:0px solid #000; overflow:hidden;
}
#main-iframe-container iframe {
width:1250px;
height:1350px;
margin-left:-350px;
margin-top:-285px; border:0 solid;
}