/*  
Theme Name: CAFE Swa
Theme URI: http://www.cafeswa.be
Description: The theme used by Cafe Swa
Version: 2.1
Author: Chriske
Author URI: http://chriske.cafeswa.be
*/



/* ---------- general stuff ---------- */

body {
	height:auto;
	padding:0px;
	margin: 0px;
	font-size:97%;
	font-family: 'MS Trebuchet',sans-serif,Arial,Helvetica,Verdana;
	background: url('img/wood002.jpg');
}

h1, h2, h3 {
	margin:0px;
	margin-bottom:2px;
}

h1 a:link, h1 a:link, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color:black;
}

h3 {
	font-size:125%;
	font-weight:bold;
}

a:link, a:visited {
	text-decoration: none;
	color: blue;
}

a:hover, a:active {
	text-decoration: underline;
}

a img {
	border:0px;
}

img.icon {
	vertical-align:bottom;
}

.left, .picture_left {
	float: left;
	margin-right:3px;
}

.right, .picture_right {
	float: right;
	margin-left:3px;
}

img.picture_left, img.picture_right {
	border: 2px solid black;
}

div.inline {
	text-align:center;
	display:block;
	width:100%;
}

div.inline img, .attachment img {
	border: 2px solid black;
}

.unit {
	white-space:nowrap;
}

textarea {
	width:100%;
}

span.author {
	font-weight: bold;
}

object {
	text-align:center;
}

img {
	behavior: url(iepngfix.htc);
}

.attachment {
	text-align: center;
}



/* ---------- layout ---------- */

div#header {
	background: url('img/back1.jpg');
	height:175px;
	position: relative;
}

div#container {
	background: url('img/leftsidebar.png') repeat-y;
}

div#container2 {
	background: url('img/rightsidebar.png') right repeat-y;	
}

div#sidebar1 {
	float:left;
	width:200px;
	padding-top:10px;
	margin-left:10px;
}

div#sidebar2 {
	float:right;
	width:190px;
	padding-top:10px;
	overflow:hidden;
}

div#content {
	margin-left:180px;
	margin-right:180px;
	padding-top:40px;
}

#cleardiv {
	clear: both;
	height: 1px;
	font-size:1px;
}

#footer {
	clear:both;
	padding:5px;
	text-align:center;
	color:gray;
	background: black;
}



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

ul.sidebar {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	color:#c8c8b6;
}

ul.sidebar a:link, .sidebar a:visited {
	color:#c8c8b6;
}

.widgettitle {
	color:#86d3fc;
	font-size:120%;
	font-style:italic;
	font-weight: bold;
	padding-bottom: 7px;
	text-align:left;
}

li.widget, li.linkcat {
	margin-bottom:25px;
}

li.widget ul, li.linkcat ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

li.widget ul li, li.linkcat ul li {
	font-weight: bold;
}

li.widget ul li ul, li.linkcat ul li ul {
	margin-bottom: 5px;
}

li.widget ul li ul li, li.linkcat ul li ul li {
	font-weight: normal;
}

li ul.children {
	padding-left: 10px;
	padding-bottom: 3px;
}


/* ---------- header ---------- */

div#headercontainer1 {
	height:175px;
	background: url('img/header_middle.gif') repeat-x 157px bottom;
}

div#headercontainer2 {
	height:100%;
	background: url('img/header_left.gif') no-repeat left bottom;
	text-align:center;
}

div#headercontent {
	padding-top:15px;
}

div#blogtitle {
	position:absolute;
	bottom:20px;
	right:150px;
	width:200px;
	font-size:25px;
	font-style:italic;
}

/* ---------- the posts ---------- */

div.post {
	background: url('img/transp65white.png') repeat;
	border:3px solid black;
	padding:10px;
	margin-bottom:40px;
	margin-left:75px;
	margin-right:75px;
}

.postmetadata {
	font-size:95%;
}



/* ---------- navigation ---------- */

.navigation {
	margin-left:225px;
	margin-right:225px;
	height:0px; /* needed for IE */
	padding-top:3px;
}

div#content .navigation {
	margin-left:0px;
	margin-right:0px;	
}

.navileft {
	float:left;
	width:50%;
	_width:225px; /* IE does handle width:50% correctly */
	padding-bottom:3px;
}

.naviright {
	float:right;
	width:50%;
	_width:225px; /* IE does handle width:50% correctly */
	padding-bottom:3px;
	text-align:right;
}

.navileft a:link, .navileft a:visited, .naviright a:link, .naviright a:visited {
	color:#f6eeec;
	font-weight:bold;
}

.navileft div.mark {
	float:left;
}

.naviright div.mark {
	float:right;
}



/* ---------- comments ---------- */
li.usercomment {
	display: list-item;
	list-style-image: url("img/icons/user_comment.png");
	margin-left:40px;
	padding-left:5px;
}

li.trackbackcomment {
	display: list-item;
	list-style-image: url("img/icons/comment.png");
	margin-left:40px;
	padding-left:5px;
}

ul#commentlist {
	margin-left:0px;
	padding-left:0px;
}

.comment p {
	margin-top:3px;
}

/* --- overruling --- */

body a.yellow, body a.yellow:link, body a.yellow:visited, body a.yellow:hover, body a.yellow:active { 
	color:#86d3fc;
}

span.realYellow, a.realYellow, body a.realYellow:link, body a.realYellow:visited, body a.realYellow:hover, body a.realYellow:active { 
	color:#FFFFBB;
}