/*
Theme Name: Strange Little Town
Description: With whimsical, crooked little houses. 
Author: Minmin
Author URI: http://magical.nu/
Version: 0.3
Tags: two-columns, pink, purple, blue, dark, fixed-width, right-sidebar, holiday, seasonal
*/


/*	I'm never good at having perfect, tidy CSS ... hopefully they will come out valid.
	So without further ado,
	In the order of appearance I present to you  */

/* ----------- Basic ----------- */

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

a img { border:none; margin-right: 4px;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

  
body{
	background:#fff  url('img/header.png') repeat-x;
	text-align:center;
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	color:#000;
	}
	
a , a:visited{
	color:#009EE0;
	text-decoration:none;
	}
	
a:hover{
	color:#000;
	text-decoration:none;
	}
	
li a{
	color:#009EE0;
	text-decoration:none;
	}
	
li a:hover{
	color:#000;
	text-decoration:none;
	}

	
.wrapper{
	width:100%;
	padding-top:15px;
	}

h1{
	padding:0;
	margin:0;
    background: #fff;
	}
	
h1 a{
	color: #009EE0;
    font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 3.0em;
	text-decoration:none;
	font-weight:100;
	}
	
h3{
	font-size: 1.2em;
	margin-bottom: -10px;
	}
	
h3 a {
	text-decoration:none;
	color:#666;
	}
	
h4{
	font-size:1.2em;
	font-weight:bold;
	}
	
strong{
	/*border-bottom:#FFCCFF dotted 1px;*/
	}	
	
em{
	color:#FFCCFF;
	}
	







/* ----------- Heading ----------- */
	
#description{
	font-size:1.4em;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	text-transform: uppercase;
	color:#580c39;
	margin-top:-2px;
	}
	
	
	
	
	
	
/* ----------- Menu ----------- */

#topnavi{
	width:100%
	margin:0;
	height: 30px;
	font: 1.4em Futura, 'Century Gothic', 'Apple Gothic', sans-serif
	}

#topnavi a{
	color: #009EE0;
	text-decoration:none;
	}

#topnavi a:hover{
	color: #370c42;
	}

#menu{
	float:left;
	}

ul#menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-left:#D9E021 dotted 1px;
	}

ul#menu li{
	display: block;
	float: left;
	padding: 6px 5px 0px 5px;
	margin: 0;
	border-right:#D9E021 dotted 1px;
    background: #FFF;
	}

ul#menu li a{
	width: 85px;
	height: 20px;
	padding: 0;
	margin: 0 0 0px 0;
	color: #009EE0;
	text-decoration: none;
	display: block;
/*	text-align: center;*/
	}

ul#menu li a:hover{
	color: #D9E021;
	}

ul#menu li:hover{
	  background:url('img/cisneros-topnav-bg.png') repeat-x;
	}


ul#menu .current_page_item{
	color: #D9E021;
  	background: url('img/cisneros-topnav-bg.png') repeat-x;
	}

#rightnavi{
	float:right;
	text-align:right;
	margin-right:0;
	padding: 10px 5px 0px 5px;
	height: 20px;
	color: #009EE0;
	text-decoration: none;
	display: block;
	}
	
	
	
	
	
	
/* ----------- Centerpieces ----------- */
	
#main{
	width:800px;
	margin:0 auto 0 auto;
	text-align:left;
	}
	
#content{
	width:580px;
	padding:10px;
	background: url('img/content-bg.png') #E8E8E8 repeat-x;
	margin-left:0;
	float:left;
	font-size:1.2em;
	line-height:1.4em;
	}

#content-bg {
  background: #fff;
  padding: 0 10px 0 20px;
}

#hometitle {
  background: #000;
  color: #FFF;
  width: 576px;
  padding: 0 3px;
  margin-left: -30px;
  font-weight: bold;
}

#content h2{
	font-size:1.6em;
	font-weight:100;
/*	text-transform:uppercase;  */
	color:#009EE0;
	}
	
#content h2 a{
	color:#009EE0;
	text-decoration:none;
	}
	
#content h2 a:hover{
	color:#D9E021;
	}

#content .time{
	text-transform:uppercase;
	margin-top:-12px;
	border-bottom:#D9E021 dotted 1px;
	color:#D9E021;
	}

#content .time p{
    margin-bottom: 5px;
}

	
#content .gray{
	color:#844a76;
	}
	
#content .edit{
	float:right;
	}
	
#content .time a{
	color:#DDD;
	text-decoration:none;
	}
	
#content .time a:hover{
	color:#D9E021;
	text-decoration:none;
	border-bottom:#D9E021 solid 1px;
	}

.post{
	padding:0 0 10px 0;
/*    background: #FFF;*/
	}

.post #arrow{
    position: relative;
    left: -30px;
    top: -3px;
    width: 580px;
    height: 10px;
	border-top: 1px dashed #000;
/*    background: #EE0000 ;  */
}

.wp-caption-text {
  margin-top: 0;
}

	
.details{
/*	background: #f0f0f0;url('img/details-bg.png') repeat-x; */
    border-top: 1px dotted #D9E021;
/*    border-bottom: 1px dotted #000;*/
	padding:2px 0 2px 0;
	}

.details p {
  margin: 2px 0px;
/*  background: url('img/separateur.png');
  background-position: bottom;*/
}

	
.details a ,  .details a:visited{
	color:#999;
	}
.details a:hover { color:#D9E021;}	

/* ----------- Previous & Next link ----------- */
	
.navigation{
	text-align:left;
	}
	
	
	
	
/* ----------- Sidebar ----------- */
	
.sidebar{
	font-size:1.2em;
	width:200px;
	float:left;
	margin-right:0px;
	background: #FFF/*url('img/sidebarbg.png')*/;
	color:#009EE0;
	}
	
.sidebar h2{
	padding:0;
	margin:5px;
	color:#009EE0;
	font-weight:200;
	border-bottom:#E9DF00 solid 1px;
/*    font-size: 12px; */
	}
	
#archivesmessage p {
	margin: 5px;
	}	
	
.sidebar ul{
	margin: 0;
	padding: 5px;
	list-style-type: none;
	}
	
.sidebar ul li{
	background:none;
	padding:2px 0 2px 0;
/*	margin:5px;     */
	}
	
.sidebar ul li li{
	border-bottom:#EEE solid 1px;
	}

.sidebar a{
	text-decoration:none;
	color:#666;
	}
	
.sidebar ul li li:hover{
	background: #FEFEFE/*url('img/sidebarbg.png')*/;
	border-bottom:#E9DF00 solid 1px;
	}
	
.widget_search {
	margin-top: 3px;
}
	

/* ----------- Search ----------- */
	
#searchform{
	padding: 0;
	margin:0px 5px;

	}
	
#searchform #s{
	background: #000;/*url('img/contentbg.png'*/);
	border:0;
	color:#FFF;
	font: 1.0em GillSans, Calibri, Trebuchet, sans-serif;
    height: 15px;
    position: relative;
    top: -5px;
	width: 157px;
	}
	
#searchform #searchsubmit {
    margin: 0px;
}
	
	
	
	
/* ----------- Footer ----------- */

#footer{
	height:100px;
	width:800px;
	clear:both;
	margin-bottom:0;
	color:#009EE0;
    margin-right: auto;
    margin-left: auto;
    text-align: left;

	}
	
#footerimg{
	width:263px;
	height:100px;
/*	background: url('img/memberof-expression-libre.gif') no-repeat ;  */
    float: left;
	/* background-color:#000000; */
	}
	
#footer p {
  float: left;
  margin-left: 48px;
  margin-top: 3px;
}

	
/* ----------- Comments ----------- */

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	color:#ffffff;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#ae537b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#ffffff;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commenttext {
	background: url('img/sidebarbg.png');
	border-top:1px dotted #ffffff;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}