/* ------------------------------------------------------------ 
	 Cappuccino
	 (c) Andy Kelly - http://designerpad.org
------------------------------------------------------------ */


/* ------------------------------------------------------------ 
	 COLOUR REFERENCE
	 #4E3727 - Coffee
	 #70513E - Brown
	 #B22F29 - Rouge
	 #E0D6BC - Dark Beige
	 #EFE8D7 - Light Beige
------------------------------------------------------------ */


/* ------------------------------------------------------------
	 GLOBAL
------------------------------------------------------------ */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
	
body {
	background:#EFE8D7 url(../img/bg.gif) repeat-x 0 0;
	color:#4E3727;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	}
	
ul,li {
	list-style-type:none;
	}
	
abbr,acronym {
	border-bottom:1px dotted #4E3727;
	cursor: help;
	}

pre {
	width:610px;
	background:#EFE8D7;
	padding:5px;
	_padding-bottom:15px;
	border:1px dotted #70513E;
	overflow-x:auto;
	}
	
html>pre {
	background:#EFE8D7;
	padding:5px;
	border:1px dotted #70513E;
	overflow:auto;
	}
	
code {
	font-family:"Andale Mono",AndaleMono,"Courier New",Courier,monospace;
	background:#EFE8D7;
	}
	
blockquote {
	background:#EFE8D7;
	border-top:1px solid #70513E;
	border-left:5px solid #70513E;
	border-bottom:1px solid #70513E;
	border-right:1px solid #70513E;
	padding:5px;
	margin:0 30px;
	}

cite {
	display:block;
	margin-top:10px;
	margin-left:20px;
	}
	
img {
	border:0;
	}
	
p a:link { color:#B22F29; text-decoration:none; }
p a:visited { color:#B22F29; text-decoration:none; }
p a:hover { color:#B22F29; text-decoration:underline; }
p a:active { color:#B22F29; text-decoration:underline; }

.ext {
	background:transparent url(../img/ext.gif) no-repeat right center;
	padding-right:11px;
	}
	
.feed {
	background:transparent url(../img/feed.gif) no-repeat left center;
	padding-left:17px;
	}

.comments_error {
        padding:0 3px;
        background:#B22F29;
        font-weight:bold;
        color:#FFF;
        }

	
/* ------------------------------------------------------------
	 LAYOUT
------------------------------------------------------------ */

#container {
	margin:21px auto;
	width:681px;
	}

	
/* - HEADER ------------------------------------------------ */
	
#header_left {
	float:left;
	width:35px;
	height:46px;
	background:#4E3727 url(../img/header_left.gif) no-repeat 0 0;
	}
	
#header_right {
	position:relative;
	left:646px;
	_left:608px;
	margin-top:-36px;
	width:35px;
	height:46px;
	background:#4E3727 url(../img/header_right.gif) no-repeat 0 0;
	}
	
#header {
	height:46px;
	background:#4E3727 url(../img/header_bg.gif) repeat-x 0 0;
	}

#header h1 {
	overflow:hidden;
	font-size:1px;
	margin:0px;
	padding:0px;
	height:36px;
	background:url(../img/heading.gif) no-repeat 0 0;
	text-indent:-999em;
	}


/* - NAVIGATION -------------------------------------------- */
	
#nav {
	float:right;
    width:187px;
    background:url(../img/nav.gif) no-repeat 0 0;
	margin:10px 35px 0 0;
	_margin:10px 20px 0 0;
	padding:0;
    position:relative;
	top:-46px;
	}

#nav li {
    margin:0;
	padding:0;
    position:absolute;
	top:0;
	}

#nav li, #nav a {
    height:46px;
	display:block;
	text-indent:-999em;
	outline:none;
	}
	
#home {
	left: 0;
	width: 57px;
	background: transparent url(../img/nav.gif) 0 0 no-repeat;
	}
	
#about {
	left: 57px;
	width: 60px;
	background: transparent url(../img/nav.gif) -55px 0 no-repeat;
	}
	
#contact {
	left: 117px;
	width: 71px;
	background: transparent url(../img/nav.gif) -113px 0 no-repeat;
	}

#home a:hover {
	background: transparent url(../img/nav.gif) 0 -46px no-repeat;
	}
	
#about a:hover {
    background: transparent url(../img/nav.gif) -55px -46px no-repeat;
	}
	
#contact a:hover {
    background: transparent url(../img/nav.gif) -113px -46px no-repeat;
	}
	
#home a:active {
	background: transparent url(../img/nav.gif) 0 -92px no-repeat;
	}
	
#about a:active {
    background: transparent url(../img/nav.gif) -55px -92px no-repeat;
	}
	
#contact a:active {
    background: transparent url(../img/nav.gif) -113px -92px no-repeat;
	}
	
	
/* - LATEST POST ------------------------------------------- */
	
#content {
	background:#E0D6BC url(../img/latest_bg.gif) 0 0 repeat-y;
	margin-left:1px;
	padding:15px 35px 0 35px;
	color:#4E3727;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	text-align:justify;
	}
	
#content h2 {
	font-size:1.7em;
	}

#content ul {
	margin-bottom:10px;
	}

#content ul li {
	list-style-type:disc;
	margin-left:50px;
	}
	
#content ul li a:link { color:#B22F29; text-decoration:none; }
#content ul li a:visited { color:#B22F29; text-decoration:none; }
#content ul li a:hover { color:#B22F29; text-decoration:underline; }
#content ul li a:active { color:#B22F29; text-decoration:underline; }
	
#content_bottom {
	background:#EFE8D7 url(../img/latest_footer.gif) 0 0 no-repeat;
	height:13px;
	margin:0 -35px;
	}
	
.postinfo {
	font-size:0.8em;
	text-transform:uppercase;
	color:#A3826B;
	}

.postinfo a:link { color:#A3826B; text-decoration:none; }
.postinfo a:visited { color:#A3826B; text-decoration:none; }
.postinfo a:hover { color:#A3826B; text-decoration:underline; }
.postinfo a:active { color:#A3826B; text-decoration:underline; }
	
	
/* - PREVIOUS ARTICLES ------------------------------------- */

#previous a:link { color:#4E3727; text-decoration:none; }
#previous a:visited { color:#4E3727; text-decoration:none; }
#previous a:hover { color:#CA4350; text-decoration:underline; }
#previous a:active { color:#CA4350; text-decoration:underline; }

#previous {
	float:left;
	width:45%;
	margin:15px 0 15px 35px;
	_margin:15px 0 15px 18px;
	}
	
#previous h3 {
	font-size:1.3em;
	color:#B22F29;
	margin-bottom:10px;
	}
	
#previous ul {
	border-top:1px dotted #A3826B;
	}
	
#previous ul li {
	padding:0 5px;
	color:#70513E;
	text-align:right;
	line-height:175%;
	border-bottom:1px dotted #A3826B;
	}
	
#previous span {
	float:left;
	color:#4E3727;
	}


/* - ARCHIVE & SEARCH -------------------------------------- */

#archive a:link { color:#4E3727; text-decoration:none; }
#archive a:visited { color:#4E3727; text-decoration:none; }
#archive a:hover { color:#CA4350; text-decoration:underline; }
#archive a:active { color:#CA4350; text-decoration:underline; }

#archive {
	float:right;
	width:40%;
	margin:15px 35px 15px 0;
	_margin:15px 18px 15px 0;
	}
	
#archive h3 {
	font-size:1.3em;
	color:#B22F29;
	margin-bottom:10px;
	}
	
#archive ul {
	border-top:1px dotted #A3826B;
	}
	
#archive ul li {
	padding:0 5px;
	color:#70513E;
	text-align:right;
	line-height:175%;
	border-bottom:1px dotted #A3826B;
	}
	
#archive span {
	float:left;
	color:#4E3727;
	}
	
#archive input {
	border:1px solid #A3826B;
	background-color:#FFF;
	color:#4E3227;
	font-family:;
	font-size:1em;
	padding-left:1px;
	padding-right:1px;
	}
	
.search {
	width:17em;
	}
	
	
/* - LINKS ------------------------------------------------- */

#links a { display:block; }
#links a:link { color:#4E3727; text-decoration:none; }
#links a:visited { color:#4E3727; text-decoration:none; }
#links a:hover { color:#CA4350; text-decoration:underline; }
#links a:active { color:#CA4350; text-decoration:underline; }

#links {
	clear:both;
	margin:0 36px 0 35px;
	}
	
#links h3 {
	font-size:1.3em;
	color:#B22F29;
	padding-bottom:10px;
	border-bottom:1px dotted #A3826B;
	}
	
#links ul li {
	background:transparent;
	width:117px;
	float:left;
	padding:0 0 0 5px;
	margin:0;
	line-height:175%;
	border-bottom:1px dotted #A3826B;
	}
	
#links ul li:hover {
	background:#E0D6BC;
	}
	
#links .ext {
	background:transparent;
	padding:0;
	}
	

/* - COMMENTS ---------------------------------------------- */

#comments a:link { color:#4E3727; text-decoration:none; }
#comments a:visited { color:#4E3727; text-decoration:none; }
#comments a:hover { color:#CA4350; text-decoration:underline; }
#comments a:active { color:#CA4350; text-decoration:underline; }

#comments {
	float:left;
	width:45%;
	margin:15px 0 15px 35px;
	_margin:15px 0 15px 18px;
	}
	
#comments h3 {
	font-size:1.3em;
	color:#B22F29;
	margin-bottom:10px;
	}
	
#comments ol {
	border-top:1px dotted #A3826B;
	}
	
#comments ol li {
        margin-top:-7px;
        padding-bottom:7px;
	border-bottom:1px dotted #A3826B;
	}
	
#comments input {
	border:1px solid #A3826B;
	background-color:#FFF;
	color:#4E3227;
	font-family:;
	font-size:1em;
	padding-left:1px;
	padding-right:1px;
	}

#comments img {
        float:left;
        margin-right:3px;
        }

#leave_comment a:link { color:#4E3727; text-decoration:none; }
#leave_comment a:visited { color:#4E3727; text-decoration:none; }
#leave_comment a:hover { color:#CA4350; text-decoration:underline; }
#leave_comment a:active { color:#CA4350; text-decoration:underline; }

#leave_comment {
	float:right;
	width:40%;
	margin:15px 35px 15px 0;
	_margin:15px 18px 15px 0;
	}
	
#leave_comment h3 {
	font-size:1.3em;
	color:#B22F29;
	margin-bottom:10px;
	}

#leave_comment input {
	border:1px solid #A3826B;
	background-color:#FFF;
	color:#4E3227;
	font-family:;
	font-size:1em;
	padding-left:1px;
	padding-right:1px;
	}

#leave_comment textarea {
        border:1px solid #A3826B;
        background-color:#FFF;
        color:#4E3227;
        }


/* - ARCHIVES ---------------------------------------------- */

dt {
       font-weight:bold;
       }

dd a:link { color:#B22F29; text-decoration:none; }
dd a:visited { color:#B22F29; text-decoration:none; }
dd a:hover { color:#B22F29; text-decoration:underline; }
dd a:active { color:#B22F29; text-decoration:underline; }


/* - FOOTER ------------------------------------------------ */

#linkclear {
	clear:both;
	height:35px;
	}
	
#footer a:link { color:#EFE8D7; text-decoration:none; }
#footer a:visited { color:#EFE8D7; text-decoration:none; }
#footer a:hover { color:#CA4350; text-decoration:underline; }
#footer a:active { color:#CA4350; text-decoration:underline; }

#foot {
	background:#494038;
	padding:5px;
	}

#footer {
	width:611px;
	margin:0 auto;
	text-align:right;
	color:#EFE8D7;
	}
	
#footer span {
	float:left;
	}