/* ------------------------------

    Title:     Newspaper blogs master styles for screen media - Gazette local sites
    Author:    jim casey
    Updated:   2/11/2006
	
	Tinkered with by Graham Heslop on 30/11, 03/12, 05/12 & 06/12/2006

------------------------------ */

body {
font-family :   'arial', verdana, sans-serif;
color : #000;
font-size:100%;
line-height: 130%;
background: #f2f2f2;
}

img {
border:0;
}

* {
padding: 0px;
margin: 0px;
}

h1 {
font-size: 130%;
padding:20px 20px 10px 20px;
font-family: 'trebuchet ms', verdana, arial, sans-serif;
line-height: 125%;
}

h2{
font-size: 120%;
padding:10px 20px 10px 20px;
font-family: 'trebuchet ms', verdana, arial, sans-serif;
}

h3{
font-size: 120%;
padding:5px 20px 5px 20px;
font-family: 'trebuchet ms', verdana, arial, sans-serif;
}

h4{
font-size: 95%;
font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-weight: bold;
}

h5{
font-family: 'trebuchet ms', verdana, arial, sans-serif;
font-size: 95%;
padding:10px 20px 5px 20px;
}

p {
font-size: 90%;
padding:0px 20px 12px 20px;;
}

ul {
list-style: none;
padding:5px 20px 5px 20px;
}

ul li {
font-size: 90%;
padding-bottom: 5px;
}

ol {
padding: 10px 20px 10px 0px;
margin-left: 40px;
_margin-left: 44px;
}

ol li {
font-size: 90%;
}

.small {
font-size: 80%;
color: #666;
padding: 0 20px 10px 20px;

}

.continue {
font-size: 90%;
padding: 0 20px 5px 20px;
}


.advertisement {
font-size: 70%;
color: #999;
padding: 0 20px 0 20px;
text-align:center;
}

.bigger {
font-size: 110%;
}

.dotspace {
font-size: 90%;
padding:10px 20px 10px 20px;
}

.sponsorlinks {
font-size:80%;
font-weight:bold;
padding: 5px 20px 0 20px;
}

.sponsorlinksp {
font-size:80%;
font-weight:normal;
padding: 0px 20px 5px 20px;
}




/***************************************************************************

site structure - do not touch

***************************************************************************/

#wrap {
width: 1000px;
margin: 10px auto;
padding: 0px;
background: #fff url(http://communitiestest.merseyblogs.co.uk/CSS/threecol_left.gif) repeat-y;
border: 1px solid #ccc;
}

#wrap-inner {
background: url(http://communitiestest.merseyblogs.co.uk/CSS/threecol_right.gif) repeat-y 100% 0;
}



#content {
padding: 0px;
margin: 0px;
margin-left: 171px;
margin-right: 366px;
}

#leftctnrwrap {
width: 170px;
float: left;
overflow: hidden;
}

#rightctnrwrap {
float: right;
width: 365px;
}

#rightctnr {
float: left;
width: 225px;
}


.skyad {
float: right;
width: 130px;
overflow: hidden;
}

.mpuad {
padding: 20px;
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}

.mpuad img{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}

#channelnav {
clear:both;
width: 1000px;
background: #333 url(http://communitiestest.merseyblogs.co.uk/css/bg_toplevel.jpg) repeat-x;
height: 30px;
overflow: hidden;
}

#header {
background: #ffffff;
height: 110px;
padding: 0; 
margin: 0; 
border-bottom: 2px solid #339933;
overflow: hidden;
}

#logo{
float: left;
margin: 10px 20px 10px 20px; 
}

#footer {
height: 100%;
border-top: 2px double #339933;
clear:both;
background: #FFFFFF;
text-align: center;
}

.posting {
padding-bottom: 10px; 
}

.blueblock {
margin: 15px 15px 15px 15px;
padding: 10px 0px; 
background-color: #fefefe;
border: 1px solid #eeeeee;
}

/***************************************************************************

end site structure - do not touch

***************************************************************************/

/***************************************************************************

advertising containers

***************************************************************************/

#skyad img {
border: 0;
}

#header #bannerad {
padding: 0px;
margin: 10px 10px 0 0px;
float: right; 
}

#header #bannerad a {
border: none; }


/***************************************************************************

branding styles

***************************************************************************/

h4{
margin: 10px 0 0 0;
padding:7px 20px 7px 20px;
border-top: 2px solid #339933;
color: #333;
background: url(http://communitiestest.merseyblogs.co.uk/CSS/bgh4.gif) repeat-x;
}

.white{
margin: 0px;
padding::7px 20px 7px 20px;
border: none;
background: url(http://communitiestest.merseyblogs.co.uk/CSS/bgh4.gif) repeat-x;
}


.right {
margin: 0;
padding:7px 20px 7px 20px;
border: none;
background: url(http://communitiestest.merseyblogs.co.uk/CSS/bgh4.gif)  repeat-x;
}

/***************************************************************************

link styles

***************************************************************************/


a:link {
color: #0065b3;text-decoration: underline;
}

a:visited {
color: #0065b3;text-decoration: underline;
}

a:active {
color: #0065b3;text-decoration: underline;
}

a:hover {
color: #666;text-decoration: none;
}


/***************************************************************************

sponsor link styles

***************************************************************************/

.sponsorlinksp.a:link {
color: #333366;text-decoration: underline;
}

.sponsorlinksp.a:visited {
color: #333366;text-decoration: underline;
}

.sponsorlinksp.a:active {
color: #333366;text-decoration: underline;
}

.sponsorlinksp.a:hover {
color: #333366;text-decoration: none;
}

/***************************************************************************

icons

***************************************************************************/
.rssicon {
background:url(http://communitiestest.merseyblogs.co.uk/css/i_rss.gif) no-repeat 0 50%;
padding-left:15px;
font-size: 85%;
}


li.commenticon {
background:url(http://communitiestest.merseyblogs.co.uk/css/i_comment.gif) no-repeat 0 2px;
padding-left:17px;
font-size: 90%;
}

.posts li {
background:url(http://communitiestest.merseyblogs.co.uk/css/i_post.gif) no-repeat 0 3px;
padding-left:17px;
}

.posts li a {
font-size: 90%;
}


/* archive links */

.archive li {
background: none;;
}


.archive li a {
font-size: 90%;
}



/***************************************************************************

tags - postings

***************************************************************************/

/***************************************************************************

category/navigation E6ECF2

.categorybg {
background: #FFFFFF;
}


***************************************************************************/


.categorybg {
background: #FFFFFF;
padding: 0px 0px 10px 0px;
}

.categorybg li {
margin: 0;
padding: 0;
}

.categorybg li a {
font-size: 95%;
}





.category {
padding-bottom: 1px;
color: #333;
}

.category ul{
padding: 0px 0px 0px 5px;
color: #333;
}

.category li{
margin: 15px 0px 0px 5px;
text-align:left;
color: #333;
line-height: 110%;
}

.category li .category li{
margin: 2px 0px 0px 0px;
padding: 3px 0 3px 0;
text-align:left;
font-weight: normal;
color: #333;
font-size: 90%;
}


/***************************************************************************

blogroll

***************************************************************************/
.blogroll {
list-style: none;
color: #000;
font-size: 90%;
}

.blogroll li{
text-align:left;
}

/***************************************************************************

find...channels

***************************************************************************/

.channels {
list-style: none;
color: #666;
padding-bottom: 10px;
font-size: 90%;
}

.channels li{
text-align:left;
padding-left:20px;
}

.channel{
border-top: 2px double #339933 ;
}

.car{
background: url("http://newspapers1.merseyblogs.co.uk/css/i_car.gif") no-repeat 0 50%;
}

.job{
background: url("http://newspapers1.merseyblogs.co.uk/css/i_job.gif") no-repeat 0 50%;
}

.home{
background: url("http://newspapers1.merseyblogs.co.uk/css/i_home.gif") no-repeat 0 50%;
}

.date{
background: url("http://newspapers1.merseyblogs.co.uk/css/i_date.gif") no-repeat 0 50%;
}

/***************************************************************************

comments

***************************************************************************/
.comments {
font-size: 90%;
list-style: none;
color: #666;
padding-bottom: 15px;
}

.comments li{
padding-top:5px;
background:url("http://communitiestest.merseyblogs.co.uk/css/i_comment.gif") no-repeat 0 9px;
padding-left: 17px;
}

.commenter{
padding:2px 0px;
color: #363636;
}


.commenter li a {
font-size: 90%;
}

.comment, .yourpics{
}

/***************************************************************************

your pics

***************************************************************************/

#pics {
padding: 10px 20px;
display: block;
margin-left: auto;
margin-right: auto; 
}

#pics img{
display: block;
margin-left: auto;
margin-right: auto; 
}

/***************************************************************************

columnists

***************************************************************************/

.sidebar-content{
padding: 5px 0px;
}


.sidebar-content img{
float: left;
padding: 5px 10px 10px 20px;
}

.sidebar-content-small{
padding: 10px 0px;
font-size: 90%;
}



/***************************************************************************

bug fixes, strange rules

***************************************************************************/

.floatclear {
display:inline-block;
width:100%;
}/* this clears floated elements */
/* Hide from IE Mac \*/
* html .floatclear {
height:1%;
width:auto;
}
.floatclear {
display:table;
}
/* End hide from IE-mac */

/***************************************************************************

top navigation

***************************************************************************/

#nav {
width: 100%;
margin:0;
padding: 0px 0 0px 20px;
list-style: none;
}

#nav ul{
margin:0;
padding: 0;
}

#nav li{
font-family: verdana, arial, sans-serif;
font-size: 80%;
float: left;
margin: 4px 0 0 0;
color: #fff;
}

#nav a{
float: left;
display: block;
padding: 0px 10px;
color: #fff;
text-decoration: none;
font-size: 85%;
border-right: 1px solid #fff;
}

#nav a:hover {
color: #fff;
text-decoration: underline;
}



/ 

***************************************************************************

footer

***************************************************************************

/



.footerlist{
text-align: center;
padding: 10px 0 0 0;
}


.footerlist li{
display: inline;
padding: 10px 5px 0 5px;
}

/ 

***************************************************************************

inline tags and tag cloud

***************************************************************************

/

.tags {
list-style: none;
color:  #666;
padding: 0 20px 0 20px;
}

.tags li{
padding: 0 2px 0 2px;
display: inline;
font-size: 12px;
}

.module-list {
margin: 0 0px 10px 0px;
list-style: none;
}

.module-tagcloud .module-list {text-align: left; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 20px; margin: 0 2px 0 2px;}
.module-tagcloud li.taglevel2 { font-size: 18px; margin: 0 2px 0 2px;}
.module-tagcloud li.taglevel3 { font-size: 16px; margin: 0 2px 0 2px;}
.module-tagcloud li.taglevel4 { font-size: 13px; margin: 0 2px 0 2px;}
.module-tagcloud li.taglevel5 { font-size: 10px; margin: 0 2px 0 2px;}
.module-tagcloud li.taglevel6 { font-size: 11px; display: none;}
.module-list-item { margin: 0 0 10px 0; }


#emailform{
width:400px;
font-family:verdana; 
color:#000066; 
font-size:100%; 
padding:5px; 
margin-left:10px;
}
	
#emailform h2{font-size:110%;margin-left:0px;}

#emailform input{border:1px solid #999999; }

#emailformlink{ width:100%; margin:5px 0px 5px 0px;  text-align:center; }




/* Added by Chris Lam */
div.hr { 
padding: 0;
margin: 20px 20px 0 20px;
padding: 1px;
background: url(http://merseyblogtemplate.merseyblogs.co.uk/css/dots_grey.gif) repeat-x bottom;	
line-height: 1px;
}


.whatsthis {
font-size: 85%;
}