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

    Title:     Blogs master styles for screen media
    Author:    jim casey
    Updated:   15/7/2006

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



/* -----------------------------
  styles ok for you to change
------------------------------ */

/* -------------------------
this style controls the color of the names in the recent comments section. 
-------------------------*/
.red { 
color: #cc0000;
font-weight: bold;
}


/* ----------------------------
the following two styles control the lists in the middle column, to change the red arrows next to each link, you will need to upload a new image and replace the URL in this file.
e.g change, 'http://www.mttemplates.boroblogs.co.uk/images/arrow1.gif' to http://www.mttemplates.boroblogs.co.uk/images/xxxxxx.xxx' 
------------------------------*/

#leftctnrwrap  ul{
padding: 5px 10px 0 10px;
}

#leftctnrwrap li{
background:url(http://blog.nebusiness.co.uk/bullet.gif) no-repeat 0 10px;
padding: 3px 0 3px 12px;
}


/* ------------------------------
h4 controls all of the main heading on the site.  h4.nogap and h4.search control the search and categories headings. 
--------------------------------*/
h4{ 
font-size: 100%;
padding:4px 15px 4px 15px;
margin: 15px 0px 5px 1px;
color: #CC0000;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: url(http://www.mttemplates.boroblogs.co.uk/images/bg_nogap.gif) repeat-x top;
}

/* Category Heading Style */
h4.nogap  {
font-size: 100%;
padding:4px 15px 4px 15px;
margin: 0px 0px 0px 1px;
color: #CC0000;
background: url(http://www.mttemplates.boroblogs.co.uk/images/bg_nogap.gif) repeat-x top;
border-top: 0px  solid #fff;
border-bottom: 1px solid #ccc;
}

/* Search Heading Style */
h4.search  {
font-size: 100%;
padding:4px 14px 4px 15px;
margin: 0px 0px 15px 1px;
color: #CC0000;
background: url(http://www.mttemplates.boroblogs.co.uk/images/bg_nogap.gif) repeat-x top;
border-bottom: 1px solid #ccc;
}


h6{
font-size: 135%;
margin: 0px 0 0px 0 ;
padding:10px 15px 10px 20px;
color: #CC0000;
border-bottom: 1px solid #ccc;
}

blockquote {
margin: 0px 20px 20px 40px;
font-size:80%;
line-height:200%;
font-weight: bold;
color: #cc0000;
}


/* ------------------------------
header - add URL of new header here, you may been to change the height..
------------------------------ */

#header {
background: #FFFFFF;
height: 106px;
padding: 0; 
margin: 0; 
}



/* -------------------------------------
horizontal links at the top - to increase gap between each link increase the padding on  '.externallinks li' . e.g. change 'padding:0 7px 0  7px;' to 'padding:0 12px 0  12px;'
---------------------------------------*/
ul.externallinks {
margin: 0;
padding:  0 0 10px 0;
}

.externallinks li {
padding:0 7px 0  7px;
font-weight:bold;
font-size:80%;
display: inline;
list-style-type: none;
border-right: 1px solid #999;
}


.externallinks li.last {
border:none;
}


/* -----------------------------------
following 2 styles change the appearance of the comments on the the individual entry page.
-change 'background: #fdfdfd;' to change background colour.
--------------------------------------- */ 


.highlight {
padding: 10px 0px 0px 0px; 
font-size: 100%;
background: #fdfdfd;
margin:10px;
}

div.highlight p {
margin: 0px 15px 10px 15px;
padding: 0 0 0 0;
}







/* ----------------------------------------------
site structure - do not touch
----------------------------------------------- */

#wrap {
width:988px;
margin: 10px auto;
padding: 0;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#wrap-inner {
background: url(http://www.mttemplates.boroblogs.co.uk/images/threecol_right.gif) repeat-y 100% 0;
}


#contentwrap {
padding: 0px;
margin: 0px;
margin-right: 240px;
}

#content {
padding: 0px;
margin: 0px;
margin-right: 155px;
postition:relative;
}

#leftctnrwrap {
width: 155px;
float: right;
}

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

#rightctnr {
float: right;
width: 240px;
min-height: 1575px;
}




/* ------------------------------
display ad styles - do not touch
------------------------------ */


.leaderboard  {
margin: 10px auto;
padding: 0;
text-align:center;
}

.adsense {
margin: 10px auto;
padding: 0;
text-align:center;
}


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


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



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


/* ------------------------------
bug fixes, strange rules - do not touch
------------------------------ */

.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 */



/* ------------------------------
Basic page elements
------------------------------ */

body {
font-family: verdana, arial, sans-serif;
color : #000000;
font-size:small;
line-height: 150%;
background: #fff;
margin:10px;
}

img {
border:0;
}

* {
padding: 0px;
margin: 0px;
} /* this removes all unwanted padding/margins */


h1, h2, h3, h4, h5, h6 {
font-family:  verdana, arial, sans-serif;
}

h1 {
font-size: 180%;
padding:10px 20px 5px 20px;
line-height:normal;
font-weight:normal;
}

/* heading under banner (strapline) */
h2 {
font-size: 130%;
padding:10px 15px 10px 15px;
background: #FFF;
color: #CC0000;
border-bottom: 1px solid #ccc;
}


/* comments page heading */
h3 {
font-size: 130%;
margin: 30px 0 0 0 ;
padding:6px 15px 0px 15px;
background: #e1e1e1 url(http://www.mttemplates.boroblogs.co.uk/images/bg_float.gif) repeat-x;
color: #CC0000;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

h4#feeds {
font-size: 100%;
padding:4px 15px 4px 15px;
margin: 15px 0px 5px 1px;
color: #CC0000;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background: url(http://www.mttemplates.boroblogs.co.uk/images/bg_nogap.gif) repeat-x top;
}

/* See top of the css document for */

h5{
font-size: 100%;
padding:6px 15px 0px 15px;
margin: 0px 0px 5px 0px;
color: #CC0000;
background: url(http://www.mttemplates.boroblogs.co.uk/images/bg_head.gif) repeat-x;
}



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

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

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

ul li {
font-size: 90%;
line-height:140%;
}


ul li ul{
font-size: 100%;
padding-bottom:0px;
}

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

	}

ol li {
font-size: 90%;
}

ul.comments { 
margin: 0 10px 0 17px;
padding: 0;
}

ul.comments li {
padding: 5px 0 5px 17px;
}

ul.posts { 
margin: 0 10px 0 17px;
padding: 0;
}

ul.posts li {
padding: 3px 0 5px 17px;
}

ul.authors { 
list-style: none;
padding:0px 20px 10px 20px;
}

ul.authors li { 
list-style: none;
padding:0px 20px 10px 20px;
}

/* Link */

a:link {
color: #0066CC;text-decoration: none;
}

a:visited {
color: #0066CC;text-decoration: none;
}

a:active {
color: #0066CC;text-decoration: none;
}

a:hover {
color: #0066CC;text-decoration: underline;
}



/* ------------------------------
Styles - colors, fonts etc
------------------------------ */

.nextprevlinks {
color:#9E9075;
font-size: 90%;
padding:0px 20px 5px 20px;
}



/* ------------------------------
navigation - back to ic sites
------------------------------ */

#channelnav {
clear:both;
}

#nav {
font-size:
width: 100%;
margin:0;
padding: 0px 0 0 8px;
list-style: none;
background: #fff;
}

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

#nav li{
float: left;
margin:0;
padding: 0;
}

#nav a{
float: left;
display: block;
margin:0 1px 0 0;
padding: 3px 12px;
}





/* ------------------------------
sidebars
------------------------------ */



/* ------------------------------
sidebar images
------------------------------ */


/* ------------------------------
authors
------------------------------ */

.authors { 
padding:10px 5px 5px 15px;
font-size:80%;
line-height:140% 
}


/* ------------------------------
postings
------------------------------ */


.posting {
padding-bottom: 15px; 
}

.posting p{
font-size:100%;
line-height:150% 
}

.posting p.small{
font-size:90%; 
}


/* ------------------------------
icons
------------------------------ */




.comments li {
background:url(http://anthonyvickers.boroblogs.co.uk/images/i_comment.gif) no-repeat 0 10px;

}

.posts li {
background:url(http://anthonyvickers.boroblogs.co.uk/images/i_post.gif) no-repeat 0 7px;
padding: 3px 0 3px 15px;
}

.rssicon {
background:url(http://jimcasey.merseyblogs.co.uk/i_rss.gif) no-repeat 0 50%;
padding-left:15px;
}


/* ------------------------------
inline tags and tag cloud
------------------------------ */

.tags {
font-size: 100%;
list-style: none;
color:  #999;
padding: 0 15px 0 15px;
}

.tags li{
display: inline;
padding: 0 5px 0 5px;
border-right: 1px solid #ccc;
}

.tags li.last {
border:none;
}


/* entry tag */
.entrytag {
font-size: 100%;
list-style: none;
color:  #999;
}

.entrytag li{
display: inline;
}





.module-list {
    margin: 0 0 10px 0;
    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: 21px; }
.module-tagcloud li.taglevel2 { font-size: 19px; }
.module-tagcloud li.taglevel3 { font-size: 17px; }
.module-tagcloud li.taglevel4 { font-size: 15px; }
.module-tagcloud li.taglevel5 { font-size: 13px; }
.module-tagcloud li.taglevel6 { font-size: 11px; }
.module-list-item { margin: 0 0 10px 0; }


/* ------------------------------
topnav
------------------------------ */

#topnav{
width:100%;
clear:both;
text-align:center;
padding:10px 0px 0px 0px;
background: #CC0000;
font-weight:bold;
font-size:90%;
font-color: #FFFFFF;
border-top: 1px solid #ccc;
}


.topnav a{
color: #fff;
}


.topnav li {
padding:0 5px 0  5px;
display: inline;
list-style-type: none;
border-right: 1px solid #fff;
font-color: #FFFFFF;
}



/* ------------------------------
footer
------------------------------ */

#floatclear{
width:100%;
clear:both;
text-align:center;
padding:10px 0px 0px 0px;
background: #e1e1e1 url(http://www.mttemplates.boroblogs.co.uk/images/bg_float.gif) repeat-x;
font-weight:bold;

border-top: 1px solid #ccc;
}

#footer {
clear:all;
max-width: 1024px;
min-width: 760px;
margin: 10px auto;
padding: 0;
background: url(http://jimcasey.merseyblogs.co.uk/css/header_bk.gif) repeat-x bottom left;
}



.footerpromoleft{
float: left;	
width: 48%;
}


.footerpromoright{
float: right;	
width: 48%;
}


.footerpromowrapleft {
float: left;	
width: 49%;
padding-right:1%;
}

.footerpromowrapright {
float: right;	
width: 49%;
padding-left:1%;
}





/*
   Author:   Chris Lam
   Updated:   16/3/07
*/

/* line after post */
div.hr { 
padding: 0;
margin: 20px 20px 0 20px;
padding: 1px;
background: url(http://www.mttemplates.boroblogs.co.uk/images/hrdot.gif) repeat-x bottom;	
line-height: 1px;
}


div#nextprevious { 
margin: 10px 20px 0 0;
text-align: right;
float: right;
}

div.center {
width: 550px;
margin: 0px auto;
}

.commentsgap {
height: 30px;
margin: 20px 0 20px 0;
}


/* ------------------------------
gazetteheader
------------------------------ */


div.gazetteheader {
background: #fff;
width: 988px;
height: 35px;
margin: 0px auto;
}

div.gazette-logo {
margin: 5px 0 0 0;
padding: 0;
float: left;
background: none;
}



div.links-other-sites {
padding: 10px 0 0 0;
font-size: 0.85em;
float: right;
background: none;
}