/*
Theme Name: PMT4
Theme URI: http://www.pmtate.co.uk
Description: PMTate blue website
Version: 1.4
Author: PMTate 
Author URI: www.pmtate.co.uk
Edited: September 2008
*/

html {
	width: 100%;
}
body {
	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	background-color: #EAEAFF;
	margin: 20px;
	padding: 0px;
/*	line-height: 140%;*/
	
}
/* Wrapper */
#all {
	width: 55em;
}
/* the container */
#box {
	background-color: #EAEAFF;
	margin-left: 10%;
	margin-right: 10%;
	padding: 0px 0px 0px 0px;
	width: 55em;
	position:relative
}


#page {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 780px;
	color: #2d2d49;
	background-color: #EAEAFF;
}


/* clear bits */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block!important;
}

/*sets the link colours and style */
a:link {
	color: #2d2d49;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #2d2d49;
	text-decoration: none;

}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2d2d49;
}
a:active {
	text-decoration: none;

}


/*
a, a:link {
	color: #2d2d49;
	text-decoration: none;
	cursor: pointer;
}
*/



/*Mast and navigation */

#masthead {
	position: relative;
	width: 780px;
	padding: 0;
	margin: 0;
}
#masthead .bar {
	position: relative;
	top: 0;
	left: 0;
	height: 87px;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 10px;
	background: url('images/blue_logo.png') no-repeat left top;
}
#masthead .bar .branding {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 290px;
	height: 50px;
}
#masthead .bar .branding img {
	position: absolute;
	top: -10px;
	margin: 0;
	padding: 0;
	border: none;
}
#masthead #mastpage {
	position: absolute;
	top: 28px;
	right: 16px;
	width: 375px;
	text-align: right;
	color: #FFFFFF;
	font-size: large;
	font-weight: bold;
	font-style: italic;
}

.top_nav {
	position: absolute;
	top: 78px;
	height: 28px;
	margin: 5;
	padding: 0 0 0 16px;
	z-index: 30;
	right: 10px;
}
.top_nav ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.top_nav li {
	float: left;
	height: 28px;
	width: auto;
	margin: 0 0 0 -4px;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
	color: #2d2d49;
	background: url('images/tabs-b.png') no-repeat left top;
}
.top_nav li a {
	display: block;
	height: 24px;
	padding: 4px 20px 0 16px;
	background: url('images/tabs-b.png') no-repeat right -87px;
}
.top_nav li.selected {
/*	color: #2d2d49;*/
	color: #ffffff;
	background: url('images/tabs-b.png') no-repeat left -58px;
}
.top_nav li.selected a {
	display: block;
	margin: 0;
/*	color: #2d2d49;*/
		color: #ffffff;
	background: url('images/tabs-b.png') no-repeat right -145px;
}
.top_nav li.selected a {
/*	color: #2d2d49;*/
		color: #ffffff;
}
.top_nav a, .top_nav a:link .top_nav a:active {
	background-color: transparent;
	text-decoration: none;
	outline: none;
}
.top_nav a:visited {
	color: #2d2d49;
/*		color: #ffffff;*/
	background-color: transparent;
	text-decoration: none;
}
.top_nav li:hover {
	background: url('images/tabs-b.png') no-repeat left -145px;
}
.top_nav li a:hover {
/*	color: #2d2d49;*/
		color: #ffffff;
	text-decoration: none;
	background: url('images/tabs-b.png') no-repeat right -145px;
}
.top_nav li.selected:hover {
	background: url('images/tabs-b.png') no-repeat left -145px;
}
.top_nav li.selected a:hover {
/*	color: #2d2d49;*/
		color: #ffffff;
	text-decoration: none;
	background: url('images/tabs-b.png') no-repeat right -145px;
}





/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac /*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/*the main text container*/
.content {
	padding: 0px;
	margin-right: 255px;
}

.content h1 {
	color: #FFFFFF;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	background-color: #2d2d49;
	background: url('images/menudnb.gif') repeat-x center;
}

.content h1 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.content h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
.content h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
background:  url('images/menudnb.gif') repeat-x center;

}
.content h1 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	background-color: #2d2d49;
}

.content-full {
	padding: 0px;
	margin-right: 0px;
}

.content-full h1 {
	color: #FFFFFF;
	padding: 3px;
	font-weight: normal;
	background-color: #2d2d49;
	background: url('images/menudnb.gif') repeat-x center;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.content-full h1 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.content-full h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
.content-full h1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
background:  url('images/menudnb.gif') repeat-x center;

}
.content-full h1 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	background-color: #2d2d49;
}

.pagetitle{
	color: #FFFFFF;
	padding: 3px;
	margin: 5px;
	font-weight: normal;
	font-size: 120%;
	background-color: #2d2d49;
	background: url('images/menudnb.gif') repeat-x center;
}




/*this just lets you have a "comment" type area in the main content*/
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border: 3px double #cecece;
	font-style: italic;
	font-size: small;
}


/*the footer, with copyright*/
.footer {
	clear: both;
	color: #FFFFFF;
	background: #2d2d49 url('images/menudnb.gif') repeat-x center;
	padding: 4px;
	font-size: 80%;
	text-align: center;
	line-height: 110%;
}

.footer a:link {
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	line-height: 110%;
	background:  #2d2d49 url('images/menudnb.gif') repeat-x center;
}
.footer a:visited {
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	line-height: 110%;
	background:  #2d2d49 url('images/menudnb.gif') repeat-x center;

}

.footer a:hover {
	color: #FFFFFF;
	background-color: #2d2d49;
	font-weight: bolder;
	text-align: center;
	line-height: 110%;
}

.footer a:active {
	color: #FFFFFF;
	background-color: #2d2d49;
	font-weight: bolder;
	text-align: center;
	line-height: 110%;
	background:  #2d2d49 url('images/menuupb.gif') repeat-x center;
}

/*end of footer */


/* This is the comments form; they are sooo not fun to style */
.displayblock { display: block; }


#commentsform { background-color: transparent; height: 250px; }
#commentsform *{ font-size: 12px; color: #2d2d49; } 

#commentsform #leftcol { float: left; padding-right: 15px; }

#commentsform #rightcol { float: left; }

#commentsform h1 { font-size: 18px; padding-top: 30px; }

#commentsform h2 { font-size: 12px; font-weight: normal; padding-bottom: 20px; }

#comment { width: 400px; overflow: auto; height: 175px; }


#commentsform .textfield { width: 291px; height: 17px; margin-bottom: 10px; clear: right;  }

#commentsform .checkbox { background-color: transparent; width: 13px; height: 14px; margin: 0px; padding: 0px; } 

#commentsform .button { margin-top: 15px; width: 291px; background:  url('images/bgb.gif') repeat-x 0 0; padding: 0px; height: 35px; font-size: 12px; color: #ffffff;  font-weight: bold;}

#commentsform .subscribe-to-comments a:hover{
	color:white;

}


.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


input, textarea {  color: #999; border: none;  padding: 5px; }

.alt {
	margin: 0;
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}	
.alt a:link  {
	font-weight: bold;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}



input {
	border: 1px solid #CCC;
	font-size: 11px;
}
input:hover {
	border: 1px solid #262626;
}
input:focus {
	border: 1px solid #262626;
	color: #2d2d49;
}

.navigation{
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*post stylng*/

.post {
	
	margin: 0px 5px 25px 10px;
}
.post .info {
	padding: 3px 3px 3px 8px;
	border: 1px solid #e3e4e4;
	background-color: #efefef;
	font-size: 0.9em;
	color: #2d2d49;
}

.post h1 {
	font-size: 120%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px;
}

.post .info a:link 	{
	background-color: #efefef;
	color: #2d2d49;
	
}
.post .info a:visited 	{
	background-color: #efefef;
	color: #2d2d49;
	
}


.post .info a:hover 	{
	background-color: #2d2d49;
	color: #FFFFFF;
}

.post .info a:active 	{
	background-color: #2d2d49;
	color: #FFFFFF;
}








.subtitle {
	COLOR: #2d2d49;
	FONT: 15px geneva, verdana, arial, sans-serif;
	font-weight: bold;
}
.entry {

}

.graybox {
	background-color: #efefef;
}


/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 210px;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 20px 0px;
	line-height: 20px;
	font-size: 11px;
}
	
#r_sidebar h2 {
	background: #FFFFFF url(images/bgb.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
}
	
#r_sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
#r_sidebar p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
/* end of r_sidebar */

/************************************************
*	Widgets 									*
************************************************/

.textwidget {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 8px 0px;
	}

#recent-posts ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#recent-posts ul li {
	background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#recent-comments ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#recent-comments ul li {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#categories-1 ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#categories-1 ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#categories-1 ul li {
	background: url(images/icon_categories.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#archives ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#archives ul li {
	background: #EAEAFF url(images/icon_archives.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#pages ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#pages ul ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#pages ul li {
	background: #EAEAFF url(images/icon_meta.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}


#links h2 {
	color: #FFFFFF;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	background-color: #2d2d49;
	background: url('images/menudnb.gif') repeat-x center;
}

	

#links ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#links ul ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#links ul li {
	background: #EAEAFF url(images/icon_links.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}

#meta ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#meta ul li {
	background: #EAEAFF url(images/icon_meta.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}
	
#text-1 ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#text-1 ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
	
/* end of widget bits */
.p {
	color: #2d2d49;
}