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

    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 15px 0 5px;
}

#leftctnrwrap li{
background:url(http://www.mttemplates.boroblogs.co.uk/images/arrow1.gif) no-repeat 0 10px;
padding: 3px 0 3px 15px;
}


#categoryLinks  ul{
	padding: 0px 15px 0px 15px;
}

#categoryLinks li{
	background:url(arrow1.gif) no-repeat 0 10px;
	display: inline;
	margin-left: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-top: 5px;
}


/* ------------------------------
h4 controls all of the main heading on the site.  h4.nogap and h4.search control the search and categories headings. 
--------------------------------*/
h4{
	font-size:1.8em;
	padding:2px 15px 15px 0px;
	margin: 20px 0px 0px 1px;
	color: #000000;
}

/* Category Heading Style */
h4.nogap  {
font-size:0.925em;	
padding:2px 15px 2px 10px;
margin: 5px 0px 0px 1px;
color: #FFFFFF;
background: #cc0000;
}

h4.purple  {
	font-size:0.925em;
	padding:2px 15px 2px 10px;
	margin: 1px 3px 0px 1px;
	color: #FFFFFF;
	background: #7a0047;
}

/* Search Heading Style */
h4.search  {
font-size:0.925em;	
padding:2px 15px 2px 10px;
margin: 5px 0px 0px 1px;
color: #FFFFFF;
background: #cc0000;
}

h2{
	font-size: 130%;
	margin: 10px 0px 10px 0px;
	color: #7A0047;
	font-family: Verdana, sans-serif;

}



/* -------------------------------------
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;
display: inline;
list-style-type: none;
border-left: 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 10px 0px;
margin: 10px 15px 10px 15px; 
font-size: 105%;
background: #fdfdfd;
border: 1px solid #CCC;
}

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







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




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

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

#leftctnrwrap {
	width: 150px;
	padding-left: 3px;
	float: right;
}

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

#rightctnr {
float: right;
width: 160px;
margin: 0px 5px 0px 5px;
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
------------------------------ */


p {
margin: 0;
padding: 0 10px;
font-size:0.85em;	
line-height: 1.3em;	
color: #000;	
}


img {
border:0;
}

* {

} /* this removes all unwanted padding/margins */




.search {
	list-style: none;
	padding:5px 2px 10px0px;
	background: #FFFFFF;
}



ul {
list-style: none;
padding:0px 15px 10px 15px;
background: #FFFFFF;
}

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


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%;
}







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


.posting {
margin: 0 15px 0 15px;
padding-bottom: 15px;
font-family: Verdana, sans-serif;
}

.posting h1{
font-size:140%;
line-height:160%;
}

.posting p{
font-size:90%;
line-height:160%;
font-family: Verdana, sans-serif;
padding:0px 10px 15px 10px;
}

.posting p.small{
font-size:100%; 
}
/* ------------------------------
icons
------------------------------ */

li.commenticon {
background:url(http://www.mttemplates.boroblogs.co.uk/images/i_comment1.gif) no-repeat 0 50%;
padding-left:15px;
font-size: 110%;
}

.comments li {
background:url(http://www.mttemplates.boroblogs.co.uk/images/i_comment1.gif) no-repeat 0 10px;
padding-left:15px;
}

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

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


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

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

.tags li{
display: inline;
padding: 0 0px 0 0px;
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; }





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

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

div.hr2 {
	padding: 0;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	height: 1px;
	background-image: url(1pix.gif);
	background-repeat: repeat-x;
}


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;
}