/*
Theme Name: ManxRevolution
Theme URI: http://wordpress.org/
Description: Manx Revolution
Author: Jon Teare
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "utf-8";
@font-face {  
  font-family: "Clare";  
  src: url( fonts/CLARN__.eot ); /* IE */  
  src: local("Clare"), url( fonts/CLARN__.ttf ) format("truetype");
}  
img{border:none;}
/* THEN use like you would any other font */  
h1 {
	font-family:"Clare", Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:28px;
	padding:5px 0;
	margin:0;
	color:#FFF;
}

h2{
	font-family:"Clare", Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:22px;
	margin:10px 0 0 0;
	color:#FC3;
	border-top: 1px solid #666;
	padding: 5px  0 3px 0;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px;
	margin:0;
	color:#FFF;
}
.page a, .page a:link, .page a:visited{
	color:#FC3;
	text-decoration:none;
}
.page a:hover, .page a:focus, .page a:active{text-decoration:underline;}
.page li{line-height: 1.5em}
div#contacts{
	position:absolute;
	right:0px;
	top:8px;
	padding-right:335px;
	background: url(images/chat.gif) no-repeat right top;
	height: 24px;
	font-size: 12px;
}
div#contacts ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#contacts li{display:inline;}
div#contacts a{margin-right:5px;}
a#rss{
	background: url(images/icon_rss.gif) 0px 2px no-repeat;
	padding-left: 18px;
}
a#email{
	background: url(images/icon_email.gif) 0px 2px no-repeat;
	padding-left: 22px;
}
a#twitter{
	background: url(images/icon_twitter.gif) 0px 2px no-repeat;
	padding-left: 18px;
}
a#logo{position:absolute;
top:10px;
right:0;					
}
body {
	background:#333;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#CCC;
	}
	p{padding:0; margin:0;}
.page ul li {
	color:#fff;
	list-style-image: url(images/bullet.gif);
}

#top {
	background: #000 url(images/topBorder.gif) repeat-x left bottom;
	padding-bottom: 30px;
	color:#eee;
}
#header{

	padding-bottom:10px;
}
#mast{
	height:80px;
	border-bottom:1px solid #666;
	margin-bottom:20px;
}
#content{
	background: #333 url(images/contentBorder.gif) repeat-x left bottom;
	padding-bottom: 30px;
}
#footer{
background:#000;
}
div.inner{width:960px; margin:0 auto; position:relative;}
#feature{
	border:1px solid #666;
	margin-top:40px;
	padding: 9px;
}
#pagefeature{
	border:1px solid #666;
	padding: 9px;
}
#whole{
	border-top:1px solid #666;
	margin-top:10px;
}
div#teasers{
	margin:10px 0 0 0; padding:0;
	list-style-type: none;
}
#teasers div{float:left; width:310px; display:block; margin-left:15px;}

#teasers div.first{margin-left:0px;}
#teasers br{clear:left; line-height:1px;font-size:1px;height:1px;}
#teasers a{
	font-weight:normal;
	font-size:18px;
	color:#FF6;
	display: block;
	background:url(images/teaserBG.png);
	height:90px;
	padding:0 20px;
	line-height: 2em;
	text-decoration:none;
}
#teasers a em{
	font-family:"Clare", Georgia, "Times New Roman", Times, serif;
	display:block;
	color:#FFF;
	font-size:22px;
	font-style: normal;
}
#utils{
	color: #eee;
	font-size: 12px;
	padding: 5px 0;
}
#utils a:link, #utils a:visited, #contacts a:link, #contacts a:visited{
	color: #ccc;
	text-decoration:none;
	}
#utils a:hover, #utils a:focus, #utils a:active , #contacts a:hover, #contacts a:focus, #contacts a:active {
	color: #FC0;
	text-decoration:none;
	}
	
ul#nav{position:absolute;
left:0;
top:38px;
list-style:none;
margin:0; padding:0;
}
#nav li{
	display:inline;
}
#nav li ul{
	position:absolute;
	top:52px;
	left:0px;margin:0; padding:0;
}		
#nav a, #nav a:link, #nav a:visited{
	font-family:"Clare", Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#CCC;
	text-decoration:none;
	padding:2px;
	margin-right:5px;
	text-transform: lowercase;
}
#nav a:hover, #nav a:focus, #nav a:active{
	color:#FFF;
}
#nav li ul li a, #nav li ul li  a:link, #nav li ul li a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CCC;
	text-decoration:none;
	padding:2px;
	margin-right:5px;
}
#nav li ul li a:hover, #nav li ul li  a:focus, #nav li ul li a:active{
	color:#FC0;
}
ul#nav ul {display:none;}
ul#nav li.current_page_item ul, ul#nav li.current_page_parent ul, ul#nav li.current_page_ancestor ul {display:block;}

ul#nav li.current_page_item a,
ul#nav li.current_page_item a:link,
ul#nav li.current_page_item a:visited,
ul#nav li.current_page_item a:hover,
ul#nav li.current_page_item a:focus,
ul#nav li.current_page_item a:active,
ul#nav li.current_page_parent a,
ul#nav li.current_page_parent a:link,
ul#nav li.current_page_parent a:visited,
ul#nav li.current_page_parent a:hover,
ul#nav li.current_page_parent a:focus,
ul#nav li.current_page_parent a:active,
ul#nav li ul li.current_page_item a,
ul#nav li ul li.current_page_item a:link,
ul#nav li ul li.current_page_item a:visited,
ul#nav li ul li.current_page_item a:hover,
ul#nav li ul li.current_page_item a:focus,
ul#nav li ul li.current_page_item a:active

{
	color:#FC0;
}
#nav li.current_page_item ul li a,
#nav li.current_page_item ul li a:link,
#nav li.current_page_item ul li a:visited,
#nav li.current_page_parent ul li a,
#nav li.current_page_parent ul li a:link,
#nav li.current_page_parent ul li a:visited,
#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited
{
	color:#CCC;
}
#nav li.current_page_item ul li a:hover,
#nav li.current_page_item ul li a:focus,
#nav li.current_page_item ul li a:active,
#nav li.current_page_parent ul li a:hover,
#nav li.current_page_parent ul li a:focus,
#nav li.current_page_parent ul li a:active,
#nav li ul li a:hover, #nav li ul li a:focus, #nav li ul li a:active{
	color:#FFF;
}
#main{ width: 641px; float:left;}
#main .page{padding:5px 10px; margin:0;}
#sidebar{width: 300px; float:right;}
#contentFooter{clear:both}

.page p{ margin:0; padding-bottom:15px; line-height:1.5em; 
}


#slider{ position:relative;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:940px;
	height:240px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:-15px;
	top:225px;
	}	
#nextBtn{ 
	left:945px;
	}														
#prevBtn a{  
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat 0px 0px;	
	}	
#nextBtn a{
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat -30px 0px;
	}	
	
	.serviceList{list-style:none;
	padding:0; margin:0;}
	.serviceList li{
		display:block;
		width:207px;
		float:left;
	}
	.serviceList a, .serviceList a:link, .serviceList a:visited{
	display:block;
	margin: 5px;
	padding:5px;
	border: 1px solid #666;
	height: 100px;
	font-family:"Clare", Georgia, "Times New Roman", Times, serif;
	font-size:18px;

}
.serviceList a:hover, .serviceList a:focus, .serviceList a:active{
	text-decoration:none;
	background-color:#222;
	border: 1px solid #FC3;
}
	.serviceList span{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		color:#ccc;
font-size:12px;
	}
.serviceList a:hover span, .serviceList a:focus span, .serviceList a:active span{
	color:#fff;
}
ul.display{
	margin:0;
	padding:0;
	
}
ul.display span{
	display:block;
	padding:5px;
}
ul.display li{
	list-style-image: none;
	list-style-type: none;
	float:left;
	padding: 4px;
	margin: 10px 4px;
	border:1px solid #666;
}
br.clear{clear:both;}