/* CSS Document */
/* 09/03/08 */
/* Rebecca Esler */
/* Destoryed By Aidan Rogers */

body{
	background-image:url(../images/bg.gif);
	background-position: top left;
	background-repeat:repeat;
	padding:0;
	margin:0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #bebebe;
}

.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
.alignright {
	float:right;
	margin:0 0 10px 10px;
}
.clear {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
.text13 {
	font-size:13px;	
}
.text13 a {
	color:#bebebe !important;
}
.wp-caption-text {
	text-align:center;
	font-style:italic;
}

/*----top black section with logo and navigation-----*/
#top{
	background-image:url(../images/top_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	min-height: 143px;
	padding:0;
	margin:0;}
	
#topinside{
	margin:0 auto;
	padding: 0;
	width: 950px;
	text-align:left;}

/*----logo-----*/
#logo{
	float:left;
	display:inline;
	margin:0;
	padding:37px 0 0 0;
	width: 165px;
	text-align:left;}

/*-----blue and grey bar with search box------*/
#bluegrey{
	background-image:url(../images/bluegrey_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 45px;
	padding:0;
	margin:0;}

#search{
	margin:0 auto;
	padding:18px 0 0 0;
	width: 950px;}

/*----------------------MIDDLE CONTENT AREA OF SITE-------------------*/
/*-----pattern bg------*/
#midbg{
	background-image: url(../images/pattern_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding:0;
	margin:0;
	background-color: #161515;}

/*-----centres content------*/
#mid{
	margin:0 auto;
	padding: 15px 0;
	width: 950px;
	text-align:left;}

/*-----left side------*/
#midleft{
	width:678px;
	margin:0;
	padding:0;
	display:inline;
	float:left;}

/*-----text box, white faded border------*/
#textboxtop{
	background-image: url(../images/textbox_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:20px 20px 0 20px;
	margin:15px 0 0 0;
	width: 632px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#bebebe;}

#textboxtop h1{
	background-image: url(../images/h1.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding:2px 0 5px 20px;
	margin:0;
	font: 26px/30px Georgia, Times New Roman, Times, serif;
	color:#bebebe;

}

#textboxbottom{
	background-image: url(../images/textbox_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding:0px 20px 20px 20px;
	margin:0 0 15px 0;
	width: 632px;
	font: 14px/20px Arial, Helvetica, sans-serif;
	color:#bebebe;}

#textboxbottom h1{
	background-image: url(../images/h1.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding:0px 0 5px 20px;
	margin:0;
	font: 26px/28px Arial, Helvetica, sans-serif;
	color:#094B71;}
	
#textboxbottom h2{
	padding:0px;
	margin:20px 0 0 0;
	font: 22px/24px  Georgia, Times New Roman, Times, serif;
	/*color:#094B71;*/
	color:#bebebe;}

#textboxbottom a:link, #textboxbottom a:visited{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #094B71;}

#textboxbottom a:hover{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #666666;}
	
#textboxbottom img {
	padding:1px !important;
	/*border:1px solid #bebebe !important;*/
}
#textboxbottom .sociable img {
	padding:0 !important;
	border:none !important;
}
.sociable ul {
	margin:10px 0;
	list-style:none;
}
.sociable li {
	display:inline;
	margin:0;
}


/*-----right side------*/
#right{
float:right;
width:272px;
margin:0 0 20px 0;
padding:0;}

#midright{
	width:272px;
	margin:0;
	padding:0;}
	
#midright img{
	border:0;}
	
#midright_text{
	float: left;
	display:inline;
	width: 179px;
	font: 13px/15px Arial, Helvetica, sans-serif;
	color:#bebebe;
	margin:0;
	padding:0 0 0 15px;}

#midright_img{
	width: 78px;
	float:right;
	display:inline;}

/*-----advertisements------*/
#ads{
	float:right;
	clear:both;
	width:272px;
}

#ads ul{
	margin:4px 0 0 0;
	padding:0;
	float:right;}

#ads li{
	margin: 4px 0 4px 8px;
	padding:0;
	float:left;
	display:inline;
	width:125px;
	height:125px;
	list-style:none;}

/*-----blue box (blog)------*/
#blueboxtop{
	float:right;
	clear:both;
	background-image: url(../images/bluebox1_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding:0px;
	margin:7px 0 0 0;
	width: 260px;
	height:22px;}

#blueboxbottom{
	float:right;
	clear:both;
	background-image: url(../images/bluebox1_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding:0px 20px 20px 20px;
	margin:0;
	width: 220px;
	font: 14px/15px Arial, Helvetica, sans-serif;
	color:#e0e0e0;}

#blueboxbottom ul{
	margin:0;
	padding:5px 0 0 0;}

#blueboxbottom li{
	margin:0;
	padding:3px 0;
	list-style:none;
	font: 11px Arial, Helvetica, sans-serif;}

#blueboxbottom a:link, #blueboxbottom a:visited{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #094B71;}

#blueboxbottom a:hover{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #666666;}

/*----------------------FOOTER AREA-----------------------*/
/*-----blue and black bg------*/
#footerbg{
	background-image:url(../images/footer_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #161515;
	padding:0;
	margin:0;
	border-bottom:1px solid #363334;}


/*-----centres content------*/
#footer{
	margin:0 auto;
	padding: 0;
	width: 950px;
	text-align:left;}

/*-----dark boxes with text links------*/
#footerbox{
	float:left;
	background-image:url(../images/footer_box.gif);
	background-position: top left;
	background-repeat: no-repeat;
	mid-height: 84px;
	width: 302px;
	padding:20px 0;
	margin:11px 20px 0 0;
	font: 14px/15px Arial, Helvetica, sans-serif;
	color:#bebebe;}
#footerbox .margin {
	margin-top:0px !important;
}

#footerbox ul{
	margin:0;
	padding:5px 0 0 0;}

#footerbox li{
	margin:0;
	padding:3px 0;
	list-style:none;
	font: 11px Arial, Helvetica, sans-serif;}

#footerbox a:link, #footerbox a:visited{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #094B71;}

#footerbox a:hover{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #666666;}

/*-----dark boxes with text links------*/
#footerboxmid{
	float:left;
	background-image:url(../images/footer_box.gif);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 84px;
	width: 302px;
	/*padding:20px 30px;*/
	margin:11px 20px 0 0;
	font: 14px/15px Arial, Helvetica, sans-serif;
	color:#bebebe;}
.margin {
	margin:20px 25px;
}

#footerboxmid ul{
	margin:0;
	padding:5px 0 0 0;}

#footerboxmid li{
	margin:0;
	padding:3px 0;
	list-style:none;
	font: 11px Arial, Helvetica, sans-serif;}

#footerboxmid a:link, #footerboxmid a:visited{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #094B71;}

#footerboxmid a:hover{
	margin:0;
	padding:0;
	/*text-decoration:none;*/
	color: #666666;}
	
/*-----dark boxes with text links (box on right - no right margin)------*/
#footerboxend{
	float:left;
	background-image:url(../images/footer_box.gif);
	background-position: top left;
	background-repeat: no-repeat;
	mid-height: 84px;
	width: 302px;
	/*padding:20px 30px;*/
	margin:11px 0 0 0;
	font: 14px/15px Arial, Helvetica, sans-serif;
	color:#bebebe;}
	
.del-link {
	margin:20px 30px 0 30px !important;
	color:#bebebe;
	display:block;
}
#footerboxend .delicious-posts {
	margin:0 30px 20px 30px;
}

#footerboxend ul{
	margin:0;
	padding:5px 0 0 0;}

#footerboxend li{
	margin:0;
	padding:3px 0;
	list-style:none;
	font: 11px Arial, Helvetica, sans-serif;}

#footerboxend a:link, #footerboxend a:visited{
	margin:0;
	padding:0;
	text-decoration:underline;
	color: #bebebe;}

#footerboxend a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
	color: #666666;}


/*-----copyright text/links------*/
#copyright{
	margin:0px auto;
	padding:11px 0 50px 0;
	width:950px;
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
	color:#bebebe;}

#copyright a:link, #copyright a:visited{
	margin:0;
	padding:0;
	text-decoration:underline;
	color: #094B71;}

#copyright a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
	color: #666666;}
#copyright ul {
	list-style:none;
	margin:0;
	padding:0;
}
#copyright li {
	display:inline;
	padding:0 7px;
}
#copyright ul ul {
	display:none;
}


/*-------blog styles-------*/
#textboxtop h1 a:link, #textboxtop h1 a:visited {
	color:#bebebe;
}	
#comment {
	width:60%;
}
.commentmetadata a:link {
	color:#555 !important;
	font-size:11px;
	text-decoration:none;
}
.commentmetadata a:visited {
	color:#555;
}
.commentmetadata a:hover {
	text-decoration:underline;
}
ol.commentlist li {
	margin:10px inherit;
	padding:6px;
}
.comment-author-inkoder {
	border:1px solid #fff;	
}

.page-item-94, h2.delicious-banner {
	display:none;
}
#sidebar h2 a {
	color:#fff !important;
}
.subscripetext {
	font-size:15px;
	float:left;
}
.subscripetext a {
	color:#fff !important;
	font-weight:bold;
}

/* Google custom search */

#cse-search-box {
	float:right;
}
#cse-search-box input {
	position:relative;
	top:-5px;
	z-index:1;
}
#content #searchform {
	display:none !important;
}
#cse-search-results iframe {
	width:100%;
}
.searchbutton {
	margin:0 !important;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
}
.searchbutton img {
	margin:0;
}

.captcha, .captcha-reset {
	border:none !important;
}


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

#nav{
	float:right;
	display:inline;
	margin:0;
	padding:106px 0 0 0;
	width: 785px;
	text-align:left;
	font: 13px Arial, Helvetica, sans-serif;}
	
.menu {
	position:relative;
	margin:0px;
	padding: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	float:right;
	text-transform: capitalize;

}

/* get rid of the default padding - margin and bullets */
.menu ul {
	text-align: left;
	padding:0; 
	margin:0;
	list-style-type: none;}

/* make menu horizontal */
.menu ul li {
	float:left;
	position:relative;
	width: 92px;
	text-align:center;
	/*padding:0 17px 0 3px;*/
	padding:0 0 0 3px;}

/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
	background-image:url(../images/tab.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display:block; 
	text-decoration:none !important;
	color: #fff; 
	margin: 0px;
	width:92px;
	padding: 12px 0px 11px 0px;
	text-align:center;
	font-weight:bold;}

/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
	width:102px;
	w\idth:92px;}

/* hide the drop down menu */
.menu ul li ul {
	display: none;
	z-index:99;}

/* remove all table style so that it does not interfere with the menu */
.menu table {
	margin:-1px; 
	border-collapse:collapse;}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */
/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
	background-image:url(../images/tab_on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#fff; 
	text-align:center;}

/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li.sfhover ul {
	display:block; 
	position:absolute;
	background-image:url(../images/nav_drop.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	top:1.2em;
	margin-top:11px;
	left:3px; 
	padding: 35px 0 11px 0;
	}

.menu ul ul li{
	margin:0;
	padding:0;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{
	display:block;
	font: 11px Arial, Helvetica, sans-serif;
	background:0;
	margin:0;
	padding:3px 8px;
	text-align: left;
	width:76px;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover{
	font: 11px Arial, Helvetica, sans-serif;
	background:#617aa1;
	margin:0;
	padding:3px 8px;
	text-align: left;
	width: 76px;}
	
/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
	margin-top:11px; /* for IE5.5 faulty box model */
	marg\in-top:12px; /* for IE6 */
	}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
	width:74px; /* for IE5.5 faulty box model */
	w\idth:76px; /* for IE6 */
}

/* Sexy Drop down styles 
-------------------------------------------------------------------- */

ul#topnav li span {
	width: 17px;  
	height: 35px;  
	float: left;
	position:absolute;
	top:0;
	right:0;
	background: url(/wp-content/themes/default/images/subnav_btn.gif) no-repeat top;
}  
ul#topnav li span.subhover { background-position: bottom; cursor: pointer;}