/*  
Theme Name: Soho Serenity
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Soho+Serenity
Description: Multi Column (1 sidebar, 2 main content colums, 2 right hand sections and 3 footer sections all widgetized) fixed width theme loosely inspired by the art galleries of Soho New York and is perfect for a showcase/portfolio or scrapbook type site.  It features an author info page and gravatars along with Custom Archives, Sitemap, Blog Post and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to Wordpress 2.7 and is XHTML 1.0 Transitional and CSS 2.1 valid right out of the box.
Version: 1.2
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: four-columns, fixed-width, left-sidebar, blue, red, tan, green, threaded-comments

*/
/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/******************************************************************************/

/***** TYPOGRAPHY AND LINKS *****/


body, address, dd, dl, hr, p, form { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; font-size: 1.0em;}

h1, h2, h3, h4, h5, h6 { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; margin-bottom: 10px; }
h6.news  { font-size: 1.1em; color: #666666;}


a:link, a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #000; }
p { padding: 0 0 15px 0; }
/*blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #7c7953; border-right: 2px solid #7c7953; }*/
blockquote, pre {
	background:#FFFFFF url(images/quote-mark.jpg) 3px 0px no-repeat;
	border:1px none #CCC;
	padding:0px 5px 8px 25px;
	margin:5px 0;
}
/***** MAIN CONTENT *****/
body {  margin: 0; font-size: 77%;  background: #FFFFFF url(images/bck.jpg); color: #000000; }
#wrapper { margin: 0 auto 0 auto; padding: 0; width: 1000px; text-align: left;}
#main_content { background: #FFFFFF; float: left; margin: 0; padding: 0; width: 1000px;}
#container { background: transparent; float: left; width: 500px; margin: 0px 10px 20px 20px; padding: 0 0 10px 10px; }
#container_wide { background: transparent; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 0px 0 5px 0; }
.entry h2 { background: #b7a176; border-top: 1px solid #927d57; border-bottom: 1px solid #b6a688; color: #000000; font-size: 90%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 10px; padding: 0; text-transform: uppercase; }
.entry { font-size: 1.02em; line-height: 1.42em; margin: 0; padding: 10px 0 5px 0; text-align: left; }
.byline { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #666666; border-bottom: 1px solid #aa9b7f; letter-spacing: .1em; }
.postmetadata { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #666666; letter-spacing: .1em; }

.page_post { padding: 0px 0px 5px 0px; }
.page_entry h2 { background: #b7a176; border-top: 1px solid #927d57; border-bottom: 1px solid #b6a688; color: #000000; font-size: 90%; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 10px; padding: 0; text-transform: uppercase; }
.page_entry { font-size: 1.02em; line-height: 1.42em; margin: 0; padding: 0px 0px 0px 0px; text-align: left; }
.page_byline { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #666666; border-bottom: 1px solid #aa9b7f; letter-spacing: .1em; }
.page_postmetadata { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; color: #666666; letter-spacing: .1em; }
#post-15 .entry { padding-top: 0; }
#post-15 .entry p { padding: 0; }
.page_entry ul {
     padding: 0;
     margin-top: 0;
     margin-left: 15px;
     list-style-position: outside;
     width: 540px;
     float: left;
}

.page_entry ul li {
     padding: 5px 0;
     margin-right: 15px;
     width: 250px;
     float: left;
}

.page_entry h3 {
    margin-bottom: 7px;
}

.page_entry a:link, .page_entry a:visited {
color: #921B00;
/* border-bottom: 1px #777 dotted; */
}

.page_entry a:hover {
color: #000;
}

.page_entry p a.lightview {
border: none;
}

/***** COLUMNS *****/
.left-column { float: left; width: 230px; padding: 0; margin: 0; }
.left-column .entry { background: #b7a176 url(images/preview.jpg) no-repeat; width: 230px; height: 130px; padding: 0; margin: 15px 0 7px 0; border: none; }

.right-column { float: right; width: 230px; margin: 0; padding: 0; }
.right-column h2 { background: #b7a176; border-top: 1px solid #927d57; border-bottom: 1px solid #b6a688; color: #000000; font-size: 1.03em; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 5px 0 0 0; padding: 2px 0; text-transform: uppercase; }
.right-column p { font-size: 88%; text-align: left; }

.title { background: #b7a176 url(images/title.jpg) no-repeat; width: 230px; height: 60px; margin: 0; padding: 0; }
.title h3 { padding-top: 15px; margin: 0; color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: center; font-size: 1.8em; font-weight: bold; font-variant: small-caps; }

/***** HEADER *****/
.header { background: #FFFFFF url('images/inprint_logo_banner.jpg') no-repeat; width: 1000px; height: 129px; margin: 0 auto 10px auto; padding: 0px;}
.header h1, .header h1 a { font-size: 1.9em; color: #000000; text-decoration: none; padding: 40px 0 0 0; margin: 0; text-align: center; font-family: Arial, Helvetica, Verdana, sans-serif; }
.header h1 a:hover { text-decoration: none; color: #921b00; background: none; border: none; }
.header .description { color: #000000; font-size: 1.4em; margin: 0; padding: 5px 0 0 0; text-align: center; font-weight: bold; }

/***** BIOGRAPHY & MISC*****/
#bio { background: #FFFFFF repeat; width: 229px; float: left; margin: 0px 10px 20px 20px; padding: 0; color: #999999; }
#bio p { color: #999999; margin: 0 15px 0 15px; padding: 0; text-align: left; }
#bio a { color: #999999; margin-left: 35px;}
#bio a:hover { background: none; border-bottom: 0px solid #7a8462; color: #921b00; text-decoration: none; }
#bio h2 { color: #000000; letter-spacing: normal; margin: 0 0 0 10px; padding: 0px 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; list-style: none; }
#bio img {margin: 0px 0px 20px 0px;}

#misc { background: #FFFFFF repeat; width: 229px; float: right; margin: 0px 15px 10px 0; padding: 0; color: #999999; }
#misc p { color: #999999; padding: 10px 20px 0 20px; text-align: left; font-size: 1.1em; }
#misc h2 { font-size: 1.2em; color: #999999; font-variant: small-caps; margin: 0 0 5px 15px; padding: 15px 0 0 0; font-family: Arial, Helvetica, Verdana, sans-serif; list-style: none; }
#misc img { margin: 0 10px 0 15px; }
.misc_top { background: #58818a url(images/misc-t.jpg) no-repeat; height: 35px; clear: both; }
.misc_bottom { background: #58818a url(images/misc-b.jpg) no-repeat; height: 30px; clear: both; }
#misc blockquote { margin: 0; }

#bio ul li a:hover, #misc ul li a:hover { background: none; color: #921b00; text-decoration: none; }
#bio ul li a, #misc ul li a { color: #999999; font-size: 1.08em; display: inline; margin: 0; padding: 0; text-decoration: none; border: none; }
#bio ul li, #misc ul li { display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#bio ul ul, #misc ul ul { margin: 0 0 0 5px; list-style: none; }
#bio ul ul ul, #misc ul ul ul { margin: 0 0 0 10px; list-style: none; }
#bio ul, #misc ul { margin: 0 0 5px 35px; padding: 0; list-style: none; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 100%; height: 31px; margin: 0 0 5px 0; padding: 0; display: inline; background: transparent; }
.menu ul { margin: 1px 15px 7px 0; padding: 5px 0; list-style: none; text-align: center; }
.menu ul li { display: inline; margin: 0; }
.menu ul li a { width: 100%; margin-left: 15px; padding: 0; text-decoration: none; font-size: 1.3em; color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; }
.menu ul li a:hover { background: #660000; color: #921B00; padding: 3px; font-weight: bold; }
.menu a:link, .menu a:visited { text-decoration: none; color: #000000; }

/***** IMAGES *****/
p img { border: #544b40 1px solid; padding: 8px;  max-width: 100%; }
a img { border: none; padding: 8px; background: none; }
.post .wp-smiley { border: none; }
img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright, .alignright { float: right; padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft, .alignleft { float: left; padding: 3px; margin: 0 7px 0 0; display: inline; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.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.thumbnail { float: left; width: 70px; height: 70px; margin: 0 5px 0 0; padding: 0; border: #4f3e2f 1px solid; }
img.medium { float: right; width: 230px; height: 130px; margin: 5px 0 5px 0; padding: 0; border: #4f3e2f 1px solid; }
img.preview { float: left; width: 172px; height: 93px; margin: 18px 0 0 28px; padding: 0; }

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

/***** FOOTER *****/
.footer-wrap { width: 1000px; height: 100%; margin: 0 auto; padding: 0; clear: both; }
#footer { background: #FFFFFF; width: 1000px; float: left; margin: 0; padding: 0; color: #000000; font-size: 95%; line-height: 130%;}
#footer a, #footer a:visited { color: #000000; }
#footer .left-col { width: 220px; float: left; margin: 10px 0 20px 30px; padding-right: 10px; }
#footer .right-col { width: 400px; float: right; margin: 10px 20px 0 5px; padding: 0; }
#footer h4, .left-col .area h2, .right-col .area h2 { font-size: 1.5em; font-family: Arial, Helvetica, Verdana, sans-serif; font-variant: small-caps; color: #000000; margin: 10px 0 10px 15px; padding: 0; }

.footer-misc, .footer-misc-r { list-style: none; margin: 0; padding: 0; font-size: 92%; line-height: 110%; }
.footer-misc a, .footer-misc-r a, .left-col .area a, .right-col .area a { font-size: 115%; line-height: 130%; }
.footer-misc li a:hover, .footer-misc-r li a:hover, .left-col .area a:hover, .right-col .area a:hover { background: none; text-decoration: none; }
.footer-misc li { padding: 10px 0 0 20px; border-bottom: 1px solid #919a7b; }
.left-col .area li { text-align: left; list-style: none; padding: 10px 0 0 0; border-bottom: 1px solid #919a7b; }
.right-col .area li { text-align: left; list-style: none; padding: 10px 0 0 0; border: none; }
.footer-misc-r li { padding: 10px 0 0 20px; }
.left-col .area, .right-col .area { list-style: none; margin: 0; padding: 0; }
.left-col .area ul li ul li, .right-col .area ul li ul li { list-style: none; margin: 0 0 0 5px; padding: 0; border: none; }
.left-col .area ul ul, .right-col .area ul ul { margin: 0 0 0 5px; }
.left-col .area ul ul ul, .right-col .area ul ul ul { margin: 0 0 0 10px; }
.left-col .area ul, .right-col .area ul { margin: 0 0 5px 15px; padding: 0; }
 
/***** CREDITS & SITE INFO *****/
#credits { height: 30px; clear: both; background: transparent; margin: 0; padding: 0; text-align: left; color: #000000; font-size: 85%; line-height: 120%; }
#credits a, #credits a:visited { color: #000000; }
#credits p { color: #000000; margin: 0 20px 0 25px; }

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 10px 20px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
/*#sidebar {  background: #94948C url(images/bck.jpg); repeat; width: 170px; float: left; margin: 20px 10px 20px 20px; padding: 0; clear: left; } */
#sidebar {  background: #F4F5F7 repeat; width: 170px; float: left; margin: 0px 10px 20px 20px; padding: 0; clear: left; font-size: 1.1em;}
#sidebar ul li { background: #F4F5F7; color: #000000; text-decoration: none;  list-style: none; padding: 10px 15px;}
#sidebar ul li:hover { background: #FFFFFF; border-bottom: 0px solid #7a8462; color: #000000; text-decoration: none; list-style: none;padding: 10px 15px; font-weight: bold;}
#sidebar ul { margin: 0px 0px 0px 0px; padding: 0; }
#sidebar a:hover { text-decoration: none; color: #921b00; }
/*
#sidebar ul li a { color: #734900; font-size: 1.08em; display: inline; margin: 0; padding: 0; text-decoration: none; border: none; }
#sidebar ul li { display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#sidebar ul ul { margin: 0 0 0 5px; }
#sidebar ul ul ul { margin: 0 0 0 10px; }

#sidebar h2 { font-size: 1.1em; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 5px; text-align: left; color: #4f3e2f; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; font-variant: small-caps; } 
.sidebar_top { background: #b7a176 repeat; height: 30px; clear: both; }
.sidebar_bottom { background: #b7a176 repeat; height: 30px; clear: both; }
*/

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

/***** CALENDAR *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 7px; padding: 0; width: 80%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Arial, Helvetica, Verdana, sans-serif; }
#wp-calendar td { line-height: 10px; font-000000: 10px; color: #000000; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; 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: #000000; font-variant: small-caps; }
#wp-calendar #today a { color: #000000; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #000000; text-align: center; width: 80%; margin: 5px 0 5px 7px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 0px solid #7c7953; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; background: #e6dfb3; }

/***** IE HACKS *****/
* html #sidebar { margin: 0 10px 20px 10px; padding: 0; }
* html #misc { margin-left: 28px; }
* html #misc h2 { margin: 0; padding: 10px 10px 0 0; }
* html #container_wide { margin: 0 0 0 20px; }