/* -------------------------------------------------------------------------------------------------

		Fonts

----------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'SansationRegular';
	src: url('../fonts/sansation_regular-webfont.eot');
	src: local('?'), url('../fonts/sansation_regular-webfont.woff') format('woff'), url('../fonts/sansation_regular-webfont.ttf') format('truetype'), url('../fonts/sansation_regular-webfont.svg#webfontoLg4xG9I') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -------------------------------------------------------------------------------------------------

		General Page Styling

----------------------------------------------------------------------------------------------------*/

body {background: #000; font-family: 'Oxygen',Verdana, Geneva, sans-serif; color: #000; font-size: 14px;}
h1, h2 {padding-bottom: 5px; font-size: 20px; font-weight: normal;}
p {margin:10px 0px;}
ul {margin:15px;}
.clear {clear: both;}

a,a:visited,a:active,a:focus { color: #B22222;}
a:hover { color: #000;}

a.button, input.button {	
	background: #495964;
	border: 2px solid #ACB4BB;
	padding: 2px 10px 2px 10px;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	cursor: pointer;
	font-weight: normal;
}

a.button:hover, input.button:hover {
  background-color: #FFFFFF;
  color: #000;
  text-shadow: none;
}

/* -------------------------------------------------------------------------------------------------
		Header Styling
----------------------------------------------------------------------------------------------------*/

#contentBG {background:#fff url(/images/tiled-background-images.jpg) repeat-x center 236px;}
.wrapper {width: 960px;margin: 0 auto;background:#fff;box-shadow:0px 0px 15px 2px #ababab;padding-bottom:15px;}
#header{background: #FFF; margin: 35px 5px 5px 5px; width:950px;height:auto;float:left;}
#contactDetails {float:right;text-align:center;font-weight:bold;font-size:14px;color:#424242;margin:15px 10px;}
.telephone {font-size: 24px; margin: 0px; color:#fff;background:#424242 url(/images/tel-icon.jpg) no-repeat 15px center;line-height:45px;padding:0 15px 0 70px;position:relative;}
.telephone:before {content:'';border:15px solid transparent;border-width:10px 15px;border-left-color:#fff;width:0;height:0;line-height:0;font-size:0;position:absolute;left:0px;top:13px;}
.basket {margin: 5px 10px 0px 0px; color:#455560;}
.followus {margin: 0px 0px; color:#455560;float:right;}
a#logo {width: 223px; height: 166px; background: url(/images/race-the-dragon-logo.jpg) no-repeat left top; text-indent: -9999px; display: block; float: left; margin: 15px 0 10px 15px;}

/* -------------------------------------------------------------------------------------------------
		Menu Styling
----------------------------------------------------------------------------------------------------*/

#topMenu { margin: 0px;width:100%;float:left;position:fixed;top:0;left:0;z-index:100;background:#000;border-bottom:1px solid #808080;/*opacity:0.8;*/}
#menuWrapper {width:960px;margin:0px auto;}
#tinyLogo {display:block;float:left;}
.ddsmoothmenu ul.ulist-1 { list-style: none; float: left; height: 30px; padding: 0;}
.ddsmoothmenu ul li.level-1 {border-right: 1px solid #808080; height:30px;}
.ddsmoothmenu ul li.level-1.last {border-right: none;}
.ddsmoothmenu ul li a {padding: 0px 15px 0px 15px;color: #FFF;line-height:30px;font-weight:bold;font-size:13px;}

/* -------------------------------------------------------------------------------------------------
		Kwicks Styling
----------------------------------------------------------------------------------------------------*/

#kwicksContainer {clear:both;margin:5px auto;width:935px;}
.kwicks {width: 935px;height: 300px;}

.kwicks > li {width: 230px; height: 300px;/* overridden by kwicks but good for when JavaScript is disabled */ margin-left: 5px; float: left;}

.kwicksLink {display:block;width:100%;height:100%;}
.kwicksCaption {display:none;width:430px;background:url(/images/transparent-bg.png) repeat;padding:10px;font-size:14px;color:#fff;overflow:hidden;position:absolute;bottom:0;left:50px;}

.kwicksMore {display:block;text-align:right;background:#fff;color:#9e1d22;font-weight:bold;float:right;clear:both;padding:3px 5px;border-radius:5px;box-shadow:2px 2px 10px 0px #000;}
.kwicksMore:hover {color:#00aa00;}

#panel-1 { background-image:url(/images/charity-dragonboat-racing.jpg);background-repeat:repeat-x;background-poition:left top; }
#panel-2 { background-image:url(/images/corporate-dragonboat-racing.jpg);background-repeat:repeat-x;background-poition:left center;  }
#panel-3 { background-image:url(/images/buy-champion-dragon-boats.jpg);background-repeat:repeat-x;background-poition:left top;  }
#panel-4 { background-image:url(/images/dragonboat-racing-events-calendar.jpg);background-repeat:repeat-x;background-poition:left top;  }

/* -------------------------------------------------------------------------------------------------
		Page Styling
----------------------------------------------------------------------------------------------------*/

div#slider {width: 950px; margin: 5px; clear: both; height: 280px;}
.nivo-directionNav a {padding:131px 3px;background:#fff;opacity:0.5;font-size:18px;font-weight:bold;color:#000;line-height:18px;top:0;}
.nivo-directionNav a:hover {opacity:0.7;}


div.darkline {background: #B22222; height: 10px; margin: 3px auto;}

.column {background: #fff; float: left; width: 930px; padding: 10px; color: #000;margin:5px;}
.column.half {width:450px;}
.column.third {width:290px;}
.column.twothird {width:610px;}
.column.quarter {width:210px;}
.column.threequarter {width:690px;}
.column.fifth {width:162px;}
.column.sixth {width:130px;}

/* -------------------------------------------------------------------------------------------------
		Blog Styling
----------------------------------------------------------------------------------------------------*/

ul#blogcategories {list-style: none; margin: 0; padding: 0;}
ul#blogcategories li a {color: #b22222; margin-bottom: 10px; display: block;background: url(../images/arrow.png) no-repeat; padding-left: 25px;}

ul#blogcategories li ul {padding-left: 15px;}

/* -------------------------------------------------------------------------------------------------
		Social Media Styling
----------------------------------------------------------------------------------------------------*/

.home-module
{
	height: 240px;
	width: 280px;	
	/*border-radius: 10px;*/
	padding: 15px;
	color: #000;
	float: left;
	margin: 5px;
	background: url(/images/red-streak.png) no-repeat top left;
	position:relative;
}

.home-module.blue
{	
	background: url(/images/blue-streak.png) no-repeat top left;	
}

.home-module h3
{
	color: #cd2022;
	font-weight: bold;
}

.home-module a
{
	color: #cd2022;
}

.homeModuleIcon {position:absolute;top:15px;right:15px;}

a.socialMore {display:block;padding:3px;border-top:2px dashed #ddd;width:274px;color:#ccc;text-align:center;position:absolute;bottom:20px;font-weight:bold;}
a.socialMore:hover {color:#b22222;}

.bx-wrapper ul {margin:0px}
.bx-next {
	right: -55px;
}

.bx-wrapper {
	height: 120px;
}

div.twitter {position: relative;}
#latest_tweet {margin:0px 15px;}
p.twitter_follow {background: url(../images/twitter_logo.gif) no-repeat left top;position: absolute; right: 9px; top: 3px; margin: 0; padding: 8px 0 8px 50px;}
a.followus {padding: 10px 40px 10px 0;  text-decoration: none; font-size: 11px; background: #ACB4BB; color: #353535; padding: 1px 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url(css/PIE.htc); }
a.followus:hover {text-decoration: underline;}
p.tweet {color: #000;margin:15px 0px;font-size:12px;}
p.tweet small {color:#aaa;}
p.tweet a {color: #cd2022;}
.loading {
    background: url('../images/loading.gif') center no-repeat;
}

#blogFeed {list-style:none;}
#blogFeed li {margin:15px 0px;}

/* -------------------------------------------------------------------------------------------------
		Events Page Styling
----------------------------------------------------------------------------------------------------*/

#eventsList {width:100%;border-left:1px solid #9c1d24;border-right:1px solid #9c1d24;}
.eventsListRow.summary {border-bottom:1px dashed #ccc;}
.eventsListRow.summary:hover {cursor:pointer;background:#ccc; }
.eventsListRow.summary.active {background:#ccc;}
.eventsListRow.detail {border:3px solid #ccc;border-top:none;padding:15px;}
.eventsHeader {border-bottom:1px solid #9c1d24;font-weight:bold;}
.eventsListColumn {padding:15px 0px 15px 10px;}
.eventsListColumn.One {display:inline-block;width:20%;}
.eventsListColumn.Two {display:inline-block;width:50%;}
.eventsListColumn.Three {display:inline-block;width:20%;}

#eventFilter {padding:15px 0px 15px 10px;}
#filterList {list-style:none;}
#filterList li {padding:10px 15px;cursor:pointer;border-radius:15px;margin:3px 0px;border:2px dashed #5aab0b;}
#filterList li.removed {border-color:#9c1d24;opacity:0.5}

#filterListControl {list-style:none;}
#filterListControl li {padding:10px 0px;cursor:pointer;border-radius:15px;margin:3px 0px;border:2px dashed #000;width:40%;text-align:center;}
#all-on {float:left;}
#all-on:hover {border-color:#5aab0b;}
#all-off {float:right;}
#all-off:hover {border-color: #9c1d24;}
#filterListControl li.removed {border-color:#9c1d24;opacity:0.5}

/* -------------------------------------------------------------------------------------------------
		Footer Styling
----------------------------------------------------------------------------------------------------*/


#footerWrapper {width:960px;margin:0px auto;background:#000 url(/images/race-the-dragon-logo-footer.png) no-repeat right center;}
#footer {background:#000 url(/images/footer-top.gif) repeat-x top center;clear:both;margin:-15px 0px 0px 0px;padding:15px 0px 0px 0px;}

#footer ul {list-style:none;margin:0px auto;display:block;width:700px;padding:50px 0px;}

#footer ul li {border-left:1px solid #fff;float:left;}
#footer ul li.first {border-left:none;}

#footer ul li a {color:#fff;display:block;padding:1px 15px;}
#footer ul li a:hover {text-decoration:underline;}


ul.gallery
{
	list-style: none;
}

ul.gallery li
{
	float: left;
	padding: 6px;	
}

ul.gallery img
{
	border: 1px solid #003d66;
	padding: 5px;
}



.captcha {
  border: none;
  margin-left: 0px;
}


a.tooltip-anchor,
.tooltip-anchor {
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:18px;
	color:#000;
	display:inline-block;
	font-size:8px;
	line-height:12px;
	text-align:center;
	width:12px;
}