/*
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
*/

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

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

a img { border:none; }

.aligncenter  { display: block; margin-left: auto; margin-right: auto; }
.alignleft  { float: left; }
.alignright  { float: right; }
  
body { background:#c35d8a url('img/header.png') repeat-x; text-align:center; margin:0; padding:0; font-size:77%; font-family:GillSans, Calibri, Trebuchet, sans-serif; color:#2e1737; }
	
p a { color:#ae3b88; text-decoration:none; }
p a:hover { color:#2e1737; text-decoration:none; }
	
li a { color:#ae3b88; text-decoration:none; }
li a:hover { color:#2e1737; text-decoration:none; }
	
.wrapper { width:100%; }
	
h1 { padding:0; margin:0; }	
h1.categoryh1 { font-size:1.2em; font-family:GillSans, Calibri, Trebuchet, sans-serif; text-transform: uppercase; color:#580c39; margin-top: 10px; font-weight: normal;}
h1 a { color: #fff; font-family: Georgia, serif; font-size: 2.0em; text-decoration:none; font-weight: normal; }
h2 { margin: 10px 0 0 0; padding; 5px 0 0 0; font-size:1.8em; line-height: 1.2em;}
h3 { font-size: 1.4em; }	
h4 { font-size:1.2em; font-weight:bold; }
	
strong { border-bottom:#FFCCFF dotted 1px; }		
em { color:#FFCCFF; }

/* ----------- Heading ----------- */

.witch-decal { float: left; }	
p#description { font-size:1em; font-family:GillSans, Calibri, Trebuchet, sans-serif; text-transform: uppercase; color:#000; padding: 0; margin: 0;}
	
/* ----------- Menu ----------- */
		
#topnavi { width:100%; margin:0; height: 200px; font: 1.4em GillSans, Calibri, Trebuchet, sans-serif; }

#topnavi h1 { padding-top: 30px; }	
	
#topnavi a { color: #fff; text-decoration:none; }	
#topnavi a:hover { color: #370c42; }

#menu { margin-left: 160px; }
ul#menu { margin: 0; padding: 0; list-style-type: none; text-align: left; border-left:#c3adae dotted 1px; }
ul#menu li { display: block; float: left; padding: 10px 5px 0px 5px; margin: 0; border-right:#c3adae dotted 1px; }
ul#menu li a { width: 85px; height: 20px; padding: 0; margin: 0 0 10px 0; color: #fff; text-decoration: none; display: block; text-align: center; }
ul#menu li a:hover { color: #370c42; }
ul#menu li:hover {   background:url('img/menuhover.png') repeat-x bottom left; }
ul#menu .current_page_item { color: #370c42; background:url('img/menuhover.png') repeat-x bottom left; }
	
#rightnavi { float:right; text-align:right; margin-right:0; padding: 20px 5px 0px 5px; height: 40px; color: #fff; text-decoration: none; display: block; }
	
	
/* ----------- Centerpieces ----------- */
	
#main { width:950px; margin:0 auto 0 auto; text-align:left; }
#content { width:700px; padding: 10px 25px; background:url('img/contentbg.png'); margin-left:0; float:left; font-size:1.2em; line-height:1.4em; }
#content h2 { font-size:1.8em; font-weight:100; color:#fff; }
#content h2 a { color:#fff; text-decoration:none; }
#content h2 a:hover { color:#eee; }
#content .time { text-transform:uppercase; margin-top:-12px; border-bottom:#ae537b dotted 1px; color:#E8CDEB; }	
#content .gray { color:#844a76; }	
#content .edit { float:right; }	
#content .time a { color:#ae3b88; text-decoration:none; }	
#content .time a:hover { color:#2e1737; text-decoration:none; border-bottom:#ae3b88 solid 1px; }	
.post { padding:0 0 10px 0; }	
.details { background-color: #c56f9a; padding:2px 15px 2px 15px; }
.details p { margin: 2px 0; padding: 2px 0; font-size: 13px; line-height: 15px; }
.details a:hover { color:#2e1737; border-bottom:#ae3b88 solid 1px; }
	

/* ----------- Previous & Next link ----------- */
	
.navigation { text-align:center; }
	
	
/* ----------- Sidebar ----------- */
	
.sidebar { font-size:1.2em; width:200px; float:left; margin-right:0px; background:url('img/sidebarbg.png'); color:#fff; }	
.sidebar h2 { padding:0; margin:5px; color:#fff; font-weight:200; font-size: 1.4em; border-bottom:#c15b8b solid 1px; }	
.sidebar ul { margin: 0; padding: 2px; list-style-type: none; }	
.sidebar ul li { background:none; padding:2px 0 2px 0; margin:5px; }	
.sidebar ul li li { border-bottom:#ae537b solid 1px; }
.sidebar a { text-decoration:none; color:#FBD6FC; }	
.sidebar ul li li:hover { background:url('img/sidebarbg.png'); border-bottom:#ae537b solid 1px; }
		
	
/* ----------- Search ----------- */
	
#searchform { padding:0; margin:5px; }


/* ----------- Forms ----------- */

.fmtext, .fmverify, textarea { background-color: #ffddee; border: 1px solid #ffddee; color: #666; padding: 3px;}
#searchform .fmtext { background-color: #eebbdd;  border: 1px solid #eebbdd;}
.submitbtn { background-color: #71537b; border: 2px solid #580c39; color: #fff; font-weight: bold; padding: 3px 10px;} 
	
/* ----------- Footer ----------- */

#footer { height:420px; width:100%; background: url('img/footerbg.png') repeat-x bottom center; clear:both; margin-bottom:0; color:#fff; }
#footerimg { width:1000px; height:390px; background: url('img/footer.png') repeat-x bottom center; margin: 0 auto;}
	
	
/* ----------- 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:#fff; }	
.commentlist a:link, .commentlist a:visited  { color:#ae537b; }
.commentlist a:hover, .commentlist a:active  { color:#fff; }
.commentlist cite img  { padding:1px; border:1px solid #aab59a; float:left; margin-right:9px; }
.commentlist .author  { font: small-caps bold 1.2em Georgia, serif; text-decoration:underline; }
.commenttext  { background: url('img/sidebarbg.png'); border-top:1px dotted #fff; padding: 0 20px 10px 20px; color:#fafcf6; }