/*  
Theme Name: Design Upon Mersey
Theme URI: http://www.designuponmersey.co.uk
Description: Design Upon Mersey's Theme
Version: 1.0
Author: Fritz von Runte
Author URI: http://www.designuponmersey.co.uk
*/

/*******BODY*******/
body{
	background:url(images/bg.jpg) top center repeat-x #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	height: 100%;
}

/*******LINKS*******/
a:link, a:visited{color: #0099CC; text-decoration:none;}
a:hover{color:#000;}

/*******HEADER*******/
#header{margin:0px auto 0 auto; width:900px; height:180px;}
#logo{float:left; margin:40px 0 0 0;}
#logo h1{text-indent:-30000px; width:252px; height:58px;}
#logo h1 a{color:#000; text-decoration:none; background:url(images/logo.png); width:252px; height:58px; display:block; }
#description{font-size:12px; color:#444; float:left; margin:5px 0 0 10px; font-style:italic;}

/*******NAV*******/
#nav{float:right; margin:18px 0px 0 0;}
#nav ul{margin:0 10px 0 0;}
#nav ul li{display:inline; font-size:15px; color:#444; margin:0 0 0 25px;}
.page_item a:link, .page_item a:visited{color:#fff; text-decoration:none; font-weight:bold;}
.page_item a:hover {color:#fff;font-weight:bold; border-bottom:5px solid #fff; padding-bottom:7px;}
.current_page_item a:link, .current_page_item a:visited {color:#fff;font-weight:bold; border-bottom:5px solid #fff; padding-bottom:7px;}

/*******PULL ME SIDEBARS*******/
#pulldown { text-align:center; margin:0 0 10px 0; z-index:5;}
#tits {width:815px; height:160px; display:none; margin:auto; background-image:url(images/contactbg.gif); color:#E0E55F; padding:20px; text-align:left; font-size:11px; border:10px solid #586371; border-top:0; font-size:14px; color:#FFFFFF; z-index:5; font-weight:bold;}
#contact01 {
	width:265px; 
	padding: 10px;	
	line-height: 120%;
	font-size: 14px;
	color:#FFFFFF;
	float:left;
}
#contact02 {
	width:260px; 
	padding: 10px;	
	line-height: 120%;
	font-size: 14px;
	color:#FFFFFF;
	float:left;
	text-align: center;
}
#contact03 {
	width:265px; 
	padding: 10px;	
	line-height: 120%;
	font-size: 14px;
	color:#FFFFFF;
	float:left;
	text-align: right;
}
.sidebar2 {float:left; width:245px; padding-left:20px; margin-top:3px; list-style:none;}
.sidebar3 {float:left; width:235px; padding-left:45px; margin-top:3px; list-style:none;}
.sidebar1 {float:left; width:270px; padding-left:0px; list-style:none; margin-top:3px;}
.sidebar1 ul li, .sidebar2 ul li, .sidebar3 ul li { list-style:none; margin:4px 0 4px 0; }
.sidebar1 ul, .sidebar2 ul, .sidebar3 ul {margin:0 0 15px 0;}
.sidebar1 h2, .sidebar2 h2, .sidebar3 h2 {font-size:14px; margin-bottom:10px;}
.sidebar1 a:link, .sidebar2 a:link, .sidebar3 a:link {color:#828a95;}
.sidebar1 a:visited, .sidebar2 a:visited, .sidebar3 a:visited {color:#828a95;}
.sidebar1 a:hover, .sidebar2 a:hover, .sidebar3 a:hover {color:#FFFFFF;}

/*******CONTENT*******/
#quitequiet {
	width: 100%;
	height: auto;
	top: 246px;
	bottom: 0px;
	position:absolute;
}

#homer {
	padding-left: 32px;
	padding-right: 31px;
	padding-bottom: 50px;
}

#sing_left {
	margin-right: 40px;
}

#sing_right {
	margin-left: 40px;
}

#staff {
	width:815px;
	background-color:#FFF;
	background-image: url(images/staffbg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

#content{width:890px; margin:0px auto; padding-left:14px;}
.postcol{width:285px; float:left; margin:0 10px 0 0;}
.post{margin:0 10px 10px 0; background:#fff; color:#666; width:265px; padding: 0 10px 0 10px}
.post h2 {margin:5px 0 10px 0;}
.post h2 a{font-size:16px; color: #ee408d;}
.post h2 a:hover {color:#666666;}
.post p{font-size:11px;  padding:2px 0 2px 0; margin-bottom:10px;}
.post img {margin:0 10px 0px 8px; border: 0px;}
html>body .post ul { padding: 0 0 0 30px; padding-left: 10px; domains-indent: -10px; 	} 
html>body .post li { margin: 7px 0 8px 10px; }
.post ul li:before { content: "\00BB \0020"; }
.post ol { padding: 0 0 0 15px; }
.singlepost{width:875px;}
acronym{cursor:help;}
pre{margin:0%;}
.upperleft{background:url(images/upperleft.gif) top left no-repeat;margin-left:-10px;margin-right:auto;}
.upperright{background:url(images/upperright.gif) top right no-repeat; margin-right:-10px}
.lowerleft{background:url(images/lowerleft.gif) bottom left no-repeat;}
.lowerright{background:url(images/lowerright.gif) bottom right no-repeat; padding:10px;}
.cats {background:url(images/cat.gif) left no-repeat; padding-left:20px;}
.tags {background:url(images/tag.gif) left no-repeat; padding-left:20px;}
.coms {background:url(images/comment.gif) left no-repeat; padding-left:20px;}
.cats, .tags, .coms { color:#999999; font-size:11px; line-height:20px; font-weight:bold;}
.cats a, .tags a, .coms a {color: #0099CC;}
.cats a:hover, .tags a:hover, .coms a:hover {border-bottom:1px dotted #666666;color: #333333;}
.meta{color:#999999; font-size:10px; border-top:1px dotted #ccc; margin:5px 0 15px 0;  background:url(images/user.gif) left no-repeat; padding:6px 0 6px 20px;}

/*******SEARCH*******/
#search{margin:15px 0 0 0; float:right;}
#ls{background:url(images/search.png); width:245px; height:31px; border:0; padding:17px 20px 0 20px ; font-size:12px;  font-family:Georgia, "Times New Roman", Times, serif; color: #C4C4C4; font-style:italic;}

/*******FORMATTING*******/
h3.message {color:#9B9F27; font-size:14px; margin:10px 0 20px 0;}

/*******COMMENTS*******/
#comment{background:#EDEFA4; border:0; color:#333; padding:5px; font-family: Georgia, "Times New Roman", Times, serif; width:890px; height:170px; font-size:11px; margin:10px 0 10px 0 ;}
#author, #url, #email{background:#EDEFA4; padding:4px; border:0; color:#333; float:left; margin:0 10px 10px 0; font-size:11px; font-family: Georgia, "Times New Roman", Times, serif; width:200px;}
#comments, #commentsbox h2{font-size:14px; color:#9B9F27; padding:10px 0 10px 0;}
#submit {background-color:#91BFD3; color:#FFFFFF; font:13px Georgia, "Times New Roman", Times, serif; border:0; padding:6px; font-weight:bold; margin-bottom:10px;}
.commentlist{list-style:none; width:900px; font-size:12px; padding:0 0 20px 0; }
.commentlist li{padding:15px 0 5px 0; color:#666666; }
.commentlist li img {border:1px solid #CCCCCC; padding:2px;}
.commentlist a{color:#000; font-weight:bold; font-size:12px;}
small {color:#9B9F27;}
.grav {float:left;}
.white {background-color:#FFFFFF; width:900px;}
.cominfo {color:#ee408d; font-size:11px; font-weight:normal; float:left; margin:7px 0 0 10px; font-weight:bold;}
.cominfo a {font-size:11px; color:#0099CC;}

/*******FOOTER*******/
#footerframe {background-color:#586371;
overflow:visible;}
#footer {
	background-color:#586371;
	height: 240px;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	padding:5px;
	bottom: 0px;
	background-image: url(images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	line-height: 120%;
	font-size: 14px;
}
#footer a:link, a:visited{
	font-weight: bold;
	color: #FFF;
}

#foot_01 {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	width: 190px;
	float: left;
}

#foot_02 {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	width: 190px;
	float: left;
	text-align: right;
}

#foot_03 {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	width: 190px;
	float: right;
}

#foot_04 {
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
	width: 190px;
	float: right;
	text-align: right;
}

#foot_left {
	margin-bottom: 0px;
	height: 40px;
	}
	
#foot_right {
	margin-top: -3px;
	margin-bottom: 0px;
	height: 40px;
	}

#footer h3 {
	font-weight: bold;
	line-height: normal;
	font-size: 16px;
	font-style: normal;
}

/*******MISC*******/
.navigation {clear:both;}
.alignleft{font-size:14px; float:left;}
.alignright {font-size:14px; float:right;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 6px 10px 6px 10px; padding-left: 10px; border-left: 2px dotted #E0E55F; }
blockquote cite { margin: 5px 0 0; display: block; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #0099CC; display:block; margin-bottom:15px; }

/*******GALLERY*******/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}