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

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #4f3e2f; font-family: Helvetica, Georgia, Times, 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; }

a:link, a:visited { text-decoration: none; color: #533419; }
a:hover { text-decoration: none; color: #663; }
p { padding: 10px 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; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 77%; background: #3f464f; color: #65503e; }
#wrapper { margin: 0 auto 0 auto; padding: 0; width: 1000px; text-align: left; }
#main_content { background: #c3b18d; float: left; margin: 0; padding: 0; width: 1000px; border: 4px solid #000; border-bottom: none; }
#container { background: transparent; float: left; width: 500px; margin: 10px 10px 0 5px; 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: 10px 0 5px 0; }
.entry h2 { background: #b7a176; border-top: 1px solid #927d57; border-bottom: 1px solid #b6a688; color: #4f3e2f; font-size: 90%; font-weight: bold; font-family: Georgia, Times, 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: justify; }
.byline { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Tahoma, sans-serif; text-transform: uppercase; color: #915f34; border-bottom: 1px solid #aa9b7f; letter-spacing: .1em; }
.postmetadata { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; font-family: Tahoma, Helvetica, Verdana, Tahoma, sans-serif; text-transform: uppercase; color: #915f34; letter-spacing: .1em; }

/***** 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: #4f3e2f; font-size: 1.03em; font-weight: bold; font-family: Georgia, Times, Arial, serif; margin: 5px 0 0 0; padding: 2px 0; text-transform: uppercase; }
.right-column p { font-size: 88%; text-align: justify; }

.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: #65503e; font-family: Palatino, Georgia, Verdana, Times, serif; text-align: center; font-size: 1.8em; font-weight: bold; font-variant: small-caps; }

/***** HEADER *****/
.header { background: #000 url(images/header.jpg) no-repeat; width: 1000px; height: 200px; margin: 0 auto 10px auto; padding: 0; border-bottom: #4f3e2f 1px solid; }
.header h1, .header h1 a { font-size: 1.9em; color: #660000; text-decoration: none; padding: 40px 0 0 0; margin: 0; text-align: center; font-family: Palatino, Georgia, Verdana, Times, serif; }
.header h1 a:hover { text-decoration: none; color: #000; background: none; border: none; }
.header .description { color: #000; font-size: 1.4em; margin: 0; padding: 5px 0 0 0; text-align: center; font-weight: bold; }

/***** BIOGRAPHY & MISC*****/
#bio { background: #660000 url(images/bio_m.jpg) repeat; width: 229px; float: left; margin: 15px 0 0 30px; padding: 0; color: #e6dfb3; }
#bio p { color: #decca8; margin: 0 15px 0 15px; padding: 0; text-align: justify; }
#bio a { color: #ceb87f; }
#bio a:hover { background: none; border-bottom: 1px solid #7a8462; color: #decca8; text-decoration: none; }
#bio h2 { color: #decca8; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 10px; padding: 10px 0 0 0; font-family: Palatino, Georgia, Verdana, Times, serif; list-style: none; }
#bio img { float: right; margin: 0 10px 0 15px; }
.bio_top { background: #660000 url(images/bio_t.jpg) no-repeat; height: 35px; clear: both; }
.bio_bottom { background: #660000 url(images/bio_b.jpg) no-repeat; height: 30px; clear: both; }

#misc { background: #58818a url(images/misc-m.jpg) repeat; width: 229px; float: right; margin: 15px 15px 10px 0; padding: 0; color: #e6dfb3; border: #b7a176 1px solid; }
#misc p { color: #decca8; padding: 10px 20px 0 20px; text-align: justify; }
#misc h2 { font-size: 1.2em; color: #decca8; font-variant: small-caps; margin: 0 0 5px 15px; padding: 15px 0 0 0; font-family: Palatino, Georgia, Verdana, Times, 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; }

#bio ul li a:hover, #misc ul li a:hover { background: none; border-bottom: 1px solid #7a8462; color: #decca8; text-decoration: none; }
#bio ul li a, #misc ul li a { color: #decca8; 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: #4f3e2f; font-family: Palatino, "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; }
.menu ul li a:hover { background: #660000; color: #b3a381; padding: 3px; font-weight: bold; }
.menu a:link, .menu a:visited { text-decoration: none; color: #4f3e2f; }

/***** IMAGES *****/
p img { border: #544b40 1px solid; padding: 3px;  max-width: 100%; }
a img { border: none; padding: 3px; 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; padding: 0; clear: both; }
#footer { background: #6a6a5a; width: 1000px; float: left; margin: 0; padding: 0; color: #ceb87f; font-size: 95%; line-height: 130%; border: 4px solid #000; border-top: #4f3e2f 1px solid; }
#footer a, #footer a:visited { color: #ceb87f; }
#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: Georgia, Helvetica, "Trebuchet MS", Tahoma, Arial; font-variant: small-caps; color: #3f2713; 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: #ceb87f; font-size: 85%; line-height: 120%; }
#credits a, #credits a:visited { color: #ceb87f; }
#credits p { color: #ebe1c8; margin: 0 20px 0 10px; }

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

/***** SIDEBAR *****/
#sidebar { background: #b7a176 url(images/sidebar_m.jpg) repeat; width: 170px; float: left; margin: 20px 10px 20px 20px; padding: 0; clear: left; } 
#sidebar ul li a:hover { background: none; border-bottom: 1px solid #7a8462; color: #921b00; text-decoration: none; }
#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 ul { margin: 0 0 5px 15px; padding: 0; }
#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: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; } 
.sidebar_top { background: #b7a176 url(images/sidebar_t.jpg) repeat; height: 30px; clear: both; }
.sidebar_bottom { background: #b7a176 url(images/sidebar_b.jpg) 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: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; 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: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 80%; margin: 5px 0 5px 7px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px 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: Georgia, 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, Georgia, 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; }