/*  
Theme Name: Lunatic Fringe
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Lunatic+Fringe
Description: 4 Column, widget-ready theme. Compatible up to WP 2.7.
Version: 1.4
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 4 column, fixed width, gravatars, widget-ready, white, brown, yellow, related posts, author box, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-variant: small-caps; font-family: Times, Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 10px 0;  }

h1 { font-size: 24px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #61574a; }
p { padding: 10px 0 0 0; }
blockquote { margin: 15px 30px 10px 30px; padding: 0 20px 10px 20px; border-left: 2px solid #585b3e; border-right: 2px solid #585b3e; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 10px; text-align: center; vertical-align: top; 	background:#f7f6e3; color: #333; }
#wrapper { margin: 0 auto 0 auto; width: 950px; text-align: left; }
#main_content { background: #d8d8c0 url(images/bgcontent.gif); float: left; margin: 0 auto 0 auto; width: 950px; border: none; }
#container { float: left; width: 500px; margin: 15px 0 0 5px; padding: 5px 7px 0 7px; border-right: #ebebeb 1px solid; }
#container_wide { float: left; width: 850px; margin: 15px 0 0 35px; padding: 5px 7px 0 7px; }
.post { padding: 15px 0 0px 0; }
.post h2 { font-family: Georgia, Sans-serif; font-size: 14px; }
.entry { line-height: 14px; }
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: 9px; margin: -20px 0 10px 0; }

#author-box { width: 475px; min-height: 100px; margin: 10px 10px 10px 0; padding: 10px 10px 20px 10px; background: #f7f6e3; border: 1px solid #61574a; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2, #author-box h4 { color: #d4be87; background: none; border: none; padding-bottom: 5px;}

/***** HEADER *****/
#header { float: left; width: 944px; height: 200px; border: #9f9f9f 2px solid; border-top: #9f9f9f 1px solid; border-bottom: none; background:  url(images/header.jpg); padding: 0; margin: 0 0 0 1px; }
#header h1 { padding: 0; margin: 35px 15px 0 ; font-family: Georgia, Sans-serif; font-size: 36px; line-height: 38px; color: #f7f6e3; }
#header h1 a { text-decoration: none; color: #f7f6e3; float: right; }
#header h1 a:hover { text-decoration: none; color: #fff; }
#header .description { margin: 40px -235px 0 20px; padding: 0; font-size: 14px; font-style: italic; font-weight: bold; color: #f7f6e3; float: right; }

/***** HORIZONTAL MENU *****/
#menu, #sub_menu  { float: left; width: 950px; height: 30px; margin: 0; padding: 0; display: inline;   background: #000 url(images/bgcontent.gif); }
#menu ul { width: 944px; margin: 0 0 0 3px; padding: 9px 0; list-style: none; background: #eae7b3; }
#sub_menu ul { width: 944px; margin: 0 0 0 3px; padding: 9px 0; list-style: none; background: #61574a; }
#menu ul li, #sub_menu ul li { display: inline; margin: 0; }
#menu ul li a { padding: 0  0 0 10px; text-decoration: none; color: #61574a; font-variant: small-caps; font-weight: bold; }
#sub_menu ul li a { padding: 0  0 0 10px; text-decoration: none; color: #eae7b3; font-variant: small-caps; font-weight: bold; }
#menu ul li a:hover, #sub_menu ul li a:hover { text-decoration: underline; }

/***** IMAGES *****/
p img { border: #61574a 1px solid; padding: 0; max-width: 100%; }
a img { border: #61574a 1px solid; padding: 3px; background: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;   padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px;    margin: 0; }
img.avatar { float:left; margin-right: 5px; border: #afb997 1px solid; }
#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

/***** NAVIGATION *****/
.navigation { padding: 15px 0 15px 0; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** SUBSCRIPTION *****/
.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: -20px 0 0 10px; padding: 6px 0 6px 15px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }

/***** SIDEBAR *****/
#left_sidebar h2, #right_sidebar h2, #main_sidebar h2, #commentblock h2 { color: #000000; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; font-size: 14px; font-weight: bold; margin: 15px auto 10px auto; padding: 10px auto 0 auto; border-bottom: #9D9080 1px solid; width: 90%; text-align: left; } 
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover, #main_sidebar ul li a:hover { color: #61574a; }
#left_sidebar a.title, #right_sidebar a.title, #main_sidebar a.title { color: #fff; padding: 0px; margin:0px; }	
#left_sidebar ul li a, #right_sidebar ul li a, #main_sidebar ul li a { display: inline;
font-size: 11px; font-family: Verdana, Times, Sans-Serif; color: #600000; text-decoration: none; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li, #main_sidebar ul li { display: block; padding: 0; margin: 0px; font-size: 10px; color:#000; }

#left_sidebar { width: 185px; float: left; margin: 5px 0 0 15px; padding: 0 5px 10px 5px; }  
#left_sidebar ul { list-style: none; margin: 0 0 5px 0; padding: 0; }

#right_sidebar { width: 185px; float: right; padding: 0 0 10px 5px; margin: 5px 10px 0 0; }
#right_sidebar ul { list-style: none; margin: 0px; padding: 0; }

#main_sidebar { width: 480px; float: left; text-align: justify; padding: 10px 0px 5px 0px; margin: 0 0 15px 7px; }
#main_sidebar ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }

/***** INFO BOX *****/
#info { width: 380px;  margin: 15px 0 0 10px; float: left; padding: 5px 10px; background: url(images/info_bg.gif); border-top: #ccc 2px double; border-bottom: #ccc 2px double; }
#info p { font-size: 10px;  color: #333; padding: 5px 10px 0 10px; } 
#info h2 { color: #000000; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; font-size: 14px; font-weight: bold; margin:0 auto 5px auto; padding: 0; border-bottom: #9D9080 1px solid; width: 90%; text-align: left; } 

/***** SEARCH *****/
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

/***** Calendar *****/
#wp-calendar { text-align:center; background-color:#f7f6e3; margin:0 0 10px 5px;
padding:0; width: 95%; border: #61574a 3px double; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height:10px; font-size:10px; color:#333; font-variant:  small-caps; }
#wp-calendar td a { display:block; color:#333; text-decoration:none; line-height:10px;
font-weight:bold; font-variant: small-caps; font-size:10px; }
#wp-calendar #prev a { width:30px; font-variant: small-caps; }
#wp-calendar #next a { width:30px; margin:0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background:#600000; color:#d7d7bf; font-variant: small-caps; }
#wp-calendar #today a { color:#d7d7bf; font-weight:700; font-variant: small-caps; }
#wp-calendar caption { text-align: center; width: 100%; margin:5px 0 5px 0; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }

/***** COMMENTS *****/
.comments-template { margin: 10px 0 0 0; border-top: 1px solid #bab195; padding: 10px 0 0 0; }
.comments-template ol { margin: 0 ; padding: 0 0 15px ; list-style: none; }
.comments-template ol li { margin: 0 0 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 20px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; }
.authorcomment { background: #f7f6e3; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 950px; margin-top: 10px; padding: 15px 0 5px 0; background: none; border-bottom: #9f9f9f 1px solid; }
#footer p { font-size: 9px; line-height: 18px; padding: 0 10px 0 10px; text-align: center; color: #000; }
#footer a { color: #000; }