/*
Theme Name: TWP Theme
Theme URI: http://wordpress.org/
Description: The TWP WordPress theme 
Version: 1.0
Author: Adam McCrory
Author URI: http://www.internetware.co.uk/
Tags: twp
*/

@import "css/reset.css";
@import "css/text.css";
@import "css/grid.css";

div {overflow: visible; }
.xhidden { display:none ; } 
body { font-family:arial;  }

#headerlinks {float:right; color:white; padding-top:10px;}
#headerlinks a {color:white;}
#headerlinks a:hover {text-decoration:none;}
body { background: transparent url(images/back.jpg) repeat-x;}
#header {margin-top:0px; background-image: url(images/logo.jpg); height: 200px; margin-bottom:10px; background-repeat:no-repeat;}
#header .title {text-align:right; font-size: 30px; color:white;  text-transform: lowercase; text-shadow: rgb(0, 0, 0) 1px 1px; float:right; margin-top:50px;}

.trans {filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.5; opacity: 0.6;}
.transhover {filter:alpha(opacity=90); -moz-opacity:0.9;	-khtml-opacity: 0.9; opacity: 0.9;}
.transhover:hover {filter:alpha(opacity=100); -moz-opacity:1.0;	-khtml-opacity: 1.0; opacity: 1.0;}

#s {height:256px;}

.rounded {-moz-radius: 5px; -webkit-border-radius:5px;}
#main {font-size: 11px; color: #666; }
hr {margin:10px 0;}
		
#footer {font-size: 11px;}
#footer a {font-size: 11px; text-decoration: none; color:#666;}
#footer a:hover {color:black;}

.login {background-color: #fff; padding:10px; height:100px; margin-bottom:20px;}
.login h3 {font-size:14px; font-weight: normal;}
.login a {color:#999; text-decoration: none}
.login .loginlink {color: #333; font-style: italic; font-size: 16px; font-family: Times}
.login a:hover {text-decoration: underline;}
.login span.label,span.spacer,span.multiple span {width:70px;float:left;} 
.login span.multiple {float:left;} 
.login span.button {padding-left:70px;} 
.login div.clear {clear:both;padding-top:5px;} 


h1,h2,h3,h4,h5,h6 {text-transform: none; margin:0; color:navy;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h4 {font-size: 18px; font-family: Times; text-transform: none; color:navy; font-style: italic;}	
#hero {margin-bottom:10px; height: 285px; margin-top:10px; z-index: -9999;}
	
.red {color: #900}

.newslink {margin-bottom:10px;  border: 1px solid silver; padding-top:0px; background: white url(images/newsback.jpg) no-repeat; }
.newslink>div {margin:10px; font-size: 11px;}
.newslink img {margin-bottom:10px}
.newslink .button {padding:3px 8px; text-decoration:none; background-color: #aaa; color:white;}
.newslink .button:hover {background-color: navy; color:white;}
.newslink p {margin: 0 0 5px 0; padding:0; color: #666;}
.newslink h4 {margin: 4px 0 5px 0; padding:0; color: #666; line-height:120%}
		
.alignleft {float:left;}
.alignright {float:right; }
		
.miniblock {width: 145px; margin-right:20px; float:left; background-color:#fff; margin-bottom:20px}
.miniblock.last {margin-right: 0px}
.miniblock h4 {color: #666;  margin:0; padding:0; line-height: 100%; }
.miniblock p {margin:5px 0;}
.miniblock .button {padding:3px 8px; text-decoration:none; background-color: #aaa; color:white;}
.miniblock .button:hover {background-color: navy; color:white;}

.widget ul {list-style: none; margin:0; padding:0;}
.widget ul li {list-style: none;}
.widget h2 {font-size: 19px; color:navy;}
	
#topnav {float:right; margin-bottom: 10px; color:silver;}
#topnav a {text-transform: uppercase; text-decoration: none; color:white;	}
#topnav a:hover {color: aqua}
#topnav .selected {color: aqua}
#topnav > li:hover ul { display:block; position:absolute  } /* display my menu */

/* Hover box */
#topnav li ul { z-index: 999; margin:0px; padding:0px; border:2px solid white; display:none; background-color: #003;  -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; padding-bottom:10px; margin-top:0px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
#topnav li ul li { list-style-type:none; margin:5px 0 0 0; display:block; float: none; }
#topnav li ul li a { display:block; padding:0px 5px; color:#ddd; text-decoration:none; width:100%; font-size:11px;}
#topnav li ul li:hover a { color:aqua;}
#topnav {list-style: none; margin:0; padding:0;}
#topnav li {float:left;	margin:0; margin-left:10px;}

.page {background-color:white; margin-top:10px; padding:0px;  margin-bottom:10px;}
.page h1 {margin-top:10px}

#vslider ul {margin:0; padding:0;}
#vslider ul {margin:0; padding:0;}
#vslider ul li {margin:0; padding:0; list-style:none}