/*  
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 8px 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: #0000cd  ;
}
a:hover {
text-decoration: underline;
color: #0000cd   ;
}
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: 14px;
text-align: center;
vertical-align: top;
background:#FFFFFF;
color: #333;
}
#wrapper {
margin: 0 auto 0 auto;
width: 950px;
text-align: left;
}
#main_content {
background: #000000 url(images/bgcontent.gif);
float: left;
display: inline;
margin: 0 auto 0 auto;
width: 950px;
border: none;
}
#container {
display: inline;
float: left;
width: 530px;
margin: 15px 0 0 10px;
padding: 5px 5px 0 10px;
}
#container_wide {
float: left;
display: inline;
width: 850px;
margin: 15px 0 0 35px;
padding: 5px 7px 0 7px;
}

.post {
padding: 15px 10px 0px 10px ;
margin:5px 0px 20px 0px;
border:1px solid #d3d3d3 ;
clear:both;
}

.post_page {
padding: 15px 10px 0px 10px ;
margin:5px 0px 20px 0px;
}

.post 2{
padding: 15px 10px 10px 10px ;
margin:5px 0px 15px 0px;
clear:both;
}

.post h2 {
font-family: Georgia, Sans-serif;
font-size: 16px;
}
.entry {
padding: 10px 0px 10px 0px ;
line-height: 135% !important;
letter-spacing:1px;
clear:both;
}

.noentry {
padding: 10px 0px 10px 0px ;
line-height: 135% !important;
letter-spacing:1px;
height:300px;
clear:both;
}

.postmetadata {
margin: 25px 0 0 0;
font-size: 12px;
border-top:1px dashed #d3d3d3 ;
clear:both;
}
.date {
font-size: 10px;
padding: -20px 0 10px 0;
}
.date img {
vertical-align:bottom;
}
.bookmark {
padding: 0px 0px 14px 10px;
}
.tweet-this{
padding: 6px 0px 0px 0px;
vertical-align: middle;
}
#author-box {
width: 475px;
height:100px;
margin: 10px 10px 10px 0;
padding: 10px 10px 20px 10px;
background: #f7f6e3;
border: 1px solid #61574a;
}
#author-box .avatar {
float: left;
display: inline;
width: 80px;
height: 80px;
}
#author-box h2,
#author-box h4 {
color: #d4be87;
background: none;
border: none;
padding-bottom: 5px;
}

/***** HEADER *****/
#header {
float: left;
display: inline;
width: 944px;
height: 200px;
border: #9f9f9f 2px solid;
border-top: #9f9f9f 1px solid;
border-bottom: none;
background:  url(images/header.gif);
padding: 0;
margin: 0 0 0 1px;
}
#header h1, 
#header h2{
margin:0;
padding:0;
text-indent:-9999px;
}
#header h1 a{
display: block;
width: 944px;
height:200px;
}
/***** 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 {
text-indent: 10px;
width: 944px;
margin: 0 0 0 3px;
padding: 5px 0;
list-style: none;
background: #eae7b3;
font-size:14px;
font-weight: bold;
}
#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: none;
padding: 0;
max-width: 100%;
}
a img {
border: none;
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;
display: inline;
}
.alignleft {
float: left;
display: inline;
}
.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;
display: inline;
margin-right: 5px;
border: #afb997 1px solid;
}
#flickrrss img {
border: 1px solid #61574a;
float: left;
display: inline;
margin: 0 0 3px 3px;
}

/***** NAVIGATION *****/
.navigation {
padding: 5px 0 30px 0;
font-size: 12px;
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: #FFFFFF;
font-variant:small-caps;
font-family: Times, Verdana, Sans-Serif;
font-size: 14px;
font-weight: bold;
margin: 15px auto 0px auto;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background:url(images/sidebar_img.gif) no-repeat ;
width: 184px;
height:30px;
text-align: center; 
} 
#left_sidebar ul li a:hover,
#right_sidebar ul li a:hover,
#main_sidebar ul li a:hover {
color: #0000cd;
text-decoration: underline;
}
#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: 13px;
font-family: Verdana, Times, Sans-Serif;
color: #0000cd;
text-decoration: none;
margin: 0;
padding: 0;
}
#left_sidebar ul li,
#right_sidebar ul li,
#main_sidebar ul li {
display: block;
padding: 0px;
margin: 0px;
font-size: 10px;
color:#333;
}

#left_sidebar {
width: 185px;
float: left;
margin: 5px 0 0 5px;
padding: 0 5px 10px 5px;
display: inline;
}
#left_sidebar ul {
list-style: none;
margin: 0 0 5px 0;
padding: 0;
}

#right_sidebar {
width: 185px;
float: right;
padding: 0 0 10px 0px;
margin: 5px 10px 0 0;
display: inline;
}
#right_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#main_sidebar {
width: 480px;
float: left;
display: inline;
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 {
float: left;
display: inline;
background:#e6e6fa ;
width:370px;
margin-top:10px;
margin-left:10px;
}

#info_banner {
float: left;
display: inline;
width:370px;
margin-top:15px;
margin-left:10px;
}

#info h2 {
color: #333;
font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif;
font-size: 16px;
font-weight: bold;
margin:0 auto 5px auto;
padding: 10px 0 0 15px;
width: 100%;
text-align: left;
} 
#info p {
font-size: 12px;
font-weight: bold;
color: #666 ;
line-height:150%;
padding-top:0px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

/***** SEARCH *****/
#searchform {
margin: 0px auto;
padding: 5px 3px;
text-align: center;
font-size: 10px;
}
#sidebar
#searchform
#s {
width: 108px;
padding: 2px;
color:#666666;
}
#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 12px 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: 135% !important;
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: 12px;
}
.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: fix;
float: left;
display: inline;
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;
}

/*****TEXT*****/
#rightsidebar_text ul{
list-style:none;
line-height:200%;
}

#rightsidebar_text ul li{
text-indent:0px !important;
text-indent:0px;
display:block;
padding:0 0 0 30px;
}

.guide_img {
background:url(images/guide_img.gif) no-repeat ;
}
.mail_img {
background:url(images/mail_mark.gif) no-repeat ;
}
.rss_img {
background:url(images/rss_img.gif) no-repeat ;
}

/*****STAFF*****/
#staff_text{
font-size:12px;
line-height:120%;
}
.staff01 {
background:url(images/staff_01_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff02 {
background:url(images/staff_02_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff03 {
background:url(images/staff_03_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff04 {
background:url(images/staff_04_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff05 {
background:url(images/staff_05_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff06 {
background:url(images/staff_06_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff07 {
background:url(images/staff_07_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff08 {
background:url(images/staff_08_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff09 {
background:url(images/staff_09_b.gif) no-repeat ;
width:184px;
height:60px;
}
.staff10 {
background:url(images/staff_10_b.gif) no-repeat ;
width:184px;
height:60px;
}
/*****WHITE*****/
.white {
background:url(images/white.gif) no-repeat ;
width:185px;
height:50px;
}
/*****USERPHOTO TITLE*****/
#user_wrapper{
width:480px;
}
#user_container{
width: 480px;   
height: auto; 

}
#user_primary{
display: inline;   
float: right;   
width: 390px;   
height: auto;   
background: #FFFFFF;   
margin: 0 20px 0 0;   
}
#user_secondary{
display: inline;   
float: left;   
width: 60px;   
height: auto;   
background: #FFFFFF;   
margin: 0 10px 0 0px; 
}

img#wpstats{display:none}

table#simple-table {
    /*width: 530px;*/
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#simple-table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#simple-table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
span.wpcf7-list-item {
    display: block;
}
.trackback-url {
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 12px;
    width: 400px;
}