/*------------------------------------*
 * Style Contents:                    *
 * #010: Colours, Tags and Typography *
 * #020: Page Layout                  *
 * #030: Banner and Utility Bar       *
 * #040: Entries                      *
 * #041: Comments and Trackbacks      *
 * #050: Sidebar                      *
 * #051: Sidebar Widgets              *
 * #060: Favourites                   *
 * #070: Profile                      *
 * #080: Gallery                      *
 *------------------------------------*/

/*------------------------------------*
 * #010: Colours, Tags and Typography *
 *------------------------------------*/
 
body {
	color: #ccc;
	background: #333;
	font-family: Lucida Grande,Helvetica,Verdana,sans-serif;
}

body#entries-page { background: #333 url(images/entrybg.gif) repeat-y; }

a:link { color: #CC8899; }
a:visited { color: #CCCCCC; }
a:focus, a:hover, a:active { color: #CC4337; }

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

h3 { margin-top: 15px; }

h3 a:link, h3 a:visited {
	color: #CC8899;
	font-size: 1.2em;
	text-decoration:none;
}

h3 a:focus, h3 a:hover, h3 a:active {
	color: #CC4337;
	text-decoration:underline;
}

h4 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #E5E5E5;
}

blockquote { background: url(images/openquote.gif) no-repeat 10px 5px; }

pre { border: 1px solid white; }

/*------------------------------------*
 * #020: Page Layout                  *
 *------------------------------------*/
 
#sideContent {
	padding: 10px;
	background: #423A3C;
}

#entries-page #centreContent {
	margin-left: 244px;
	padding: 20px ;
} 

/*------------------------------------*
 * #030: Banner and Utility Bar       *
 *------------------------------------*/
 
#siteLogoBar {
	height: 46px;	
	line-height:46px;
	background: #802A22 url(images/banner.gif);
	border-top: 7px solid #333333;
	border-bottom: 2px solid #333333;
}

#siteLogoBar a { color: white; }

#utilityBar { 
	background: #CC4337 url(images/utility.gif);
	padding-left: 10px;
	color: white;
	border-bottom: 2px solid #333333;
 }
 
#utilityBar a:link, #utilityBar a:visited {color: white;}
#utilityBar a:focus, #utilityBar a:hover, #utilityBar a:active { text-decoration: underline; }

ul#nav ul { background-color: #CC4337;border: 2px solid #802A22; } 

/*------------------------------------*
 * #040: Entries                      *
 *------------------------------------*/
 
h2.dateheader {
	background: url(images/splatter.gif) no-repeat 0 50%;
	padding-left: 25px;
	color: #CC4337;
	margin-bottom:7px;
	font-size: 1.2em;
}

p.answer {
	color: white;
	font-weight: bold;
}

p.smallcopy { color: white; }

p.smallcopy a:link, p.smallcopy a:visited {
	font-weight: bold;
	color: white;
}

p.smallcopy a:focus, p.smallcopy a:hover, p.smallcopy a:active { color: #CC4337; }

p.entryfooter {
	padding-bottom: 5px;
	border-bottom: 1px solid #805560;
}

.entry td, .entry th { padding: 2px; border-collapse: collapse; }

.entry table { margin-bottom: 10px; }

.entry table.outline { border: 1px solid #ccc; }

.entry table.border td, .entry table.border th { border: 1px solid #ccc; }

.entry table.divider tr { border-bottom: 1px solid #ccc; }
.entry table.divider tr+tr { border-bottom: none; }

.entry table.divider td, .entry table.divider th { border-right: 1px solid #ccc; }
.entry table.divider td+td, .entry table.divider th+th, .entry table.divider th+td, entry table.divider td+th { border-right: none; }

/*------------------------------------*
 * #041: Comments and Trackbacks      *
 *------------------------------------*/
 
.commentItem { border: 1px solid #999; }
 
.authorComment { background-color: #502B28; }
.nonLoggedInComment { background-color: #2F2F2F; }
.loggedInComment { background-color: #3F3F3F; }

.authorComment blockquote { background: url(images/author_openquote.gif) no-repeat 10px 5px; }
.nonLoggedInComment blockquote { background: url(images/nonloggedin_openquote.gif) no-repeat 10px 5px; }
.loggedInComment blockquote { background: url(images/loggedin_openquote.gif) no-repeat 10px 5px; }

/*------------------------------------*
 * #050: Sidebar                      *
 *------------------------------------*/
 
.sideContentItem a:link, .sideContentItem a:visited { color: #CCCCCC; }
.sideContentItem a:focus, .sideContentItem a:hover, .sideContentItem a:active { color: #CC4337; }	

.sideContentItem {
	padding: 5px 5px 10px;
}

.sideContentItem h2 {
	-moz-border-radius: 7px 7px 0 0;
	display: block;
	padding: 5px;
	color: white;
	background: #805560;
	border-bottom: 2px solid #CC8899;
}

.sideContentItem h2 a:link, .sideContentItem h2 a:visited { text-decoration: none; }

.sideContentItem h2 a:focus, .sideContentItem h2 a:hover, .sideContentItem h2 a:active { text-decoration: underline; }

.sideContentItem form { margin: 15px auto auto 15px; }

.sideContentItem #searchText {
	background: #333333;
	color: white;
	margin-right: 5px;
}

.sideContentItem ul {
	margin: 1em 0;
	padding-left: 3px;
	list-style:none;
}

.sideContentItem ul li {
	margin-left: 0;
	padding: 0 0 4px 15px;
	background: url(images/dot.gif) no-repeat 0 50%;
	line-height: 1.3em;
}
 
/*------------------------------------*
 * #051: Sidebar Widgets              *
 *------------------------------------*/
 
#calendar {
	color: white;
	background: #4E3F43;
	font-size: 85%;
	color: white;
}

#calendar #today {
	font-weight: bold;
	background-color: #CC4337;
	color: black;
	-moz-border-radius:7px 7px 7px 7px;
}

#calendar a:link, #calendar a:visited { color: white;  } 
 
/*------------------------------------*
 * #060: Favourites                   *
 *------------------------------------*/
 
#favourites .title {
	background: #6D241D;
	color: white;
	border: 1px solid black;
}

#favourites .info {
	border: none;
}

#favourites .info a:link, #favourites .info a:visited { color: #666; }

#favourites .more {
	background: #6D241D;
	color: white;
}

#favourites .title a:link, #favourites .title a:visited { color: white; }

#favourites #entries { padding: 0; } 
 
/*------------------------------------*
 * #070: Profile                      *
 *------------------------------------*/
 
.backcolour1, .backcolour2, .backcolour3 { background-color: #423A3C; }

.border1 { border-color: transparent; }

.blockheader {
	color:white;
	background-color: #805560;
} 
 
/*------------------------------------*
 * #080: Gallery                      *
 *------------------------------------*/

#gallery .image { background-color:#423A3C; }