/*
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: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

h1 { color: #730000; font-family: Georgia, Times, serif; margin: 0; padding: 0; font-size: 1.5em;}
h2 { color: #730000; font-family: Georgia, Times, serif; margin: 0; padding: 0; font-size: 1.4em;}
h3 { color: #730000; font-family: Arial Narrow, Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 1.4em;}
h4 { color: #730000; font-family: Arial Narrow, Arial, Helvetica; sans-serif;margin: 0; padding: 0; font-size: 1.2em;}
h5 { color: #730000; font-family: Arial Narrow, Arial, Helvetica; sans-serif;margin: 0; padding: 0; font-size: 1.2em;}
h6 { color: #730000; font-family: Arial Narrow, Arial, Helvetica; sans-serif;margin: 0; padding: 0; font-size: 0.9em;}

a:link { text-decoration: none; color: #c70509; }
a:visited { text-decoration: none; color: #c70509; }
a:hover { text-decoration: underline; color: #c70509; }
p { padding: 10px 0; color: #000000; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #730000; border-right: 2px solid #730000; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 77%; background: #730000; color: #210132; }
#wrapper { margin: 0 auto 0 auto; padding: 0; width: 1000px; text-align: left; }
#main_content { background: #f2ecec; float: left; margin: 0; padding: 0; width: 1000px; border: 1px solid #000; border-bottom: none; }
#container { background: transparent; float: left; width: 520px; margin: 0; padding: 20px 20px 20px 20px; border: 1px solid #730000; border-bottom: none; border-top: none; }
#container_wide { background: transparent; float: left; width: 900px; margin: 0; padding: 5px 5px 0 0; }

.post { padding: 10px 0 5px 0; }
.entry h2 { font-size: 110%; font-weight: bold; font-family: Georgia, Times, serif; margin: 0; padding: 0; text-transform: ; }
.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: normal; font-family: Tahoma, Helvetica, Verdana, Tahoma, 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: normal; 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 p { font-size: 88%; text-align: justify; }
.title { background: #73468a url(images/title.jpg) no-repeat; width: 230px; height: 60px; margin: 0; padding: 0; }

/***** HEADER *****/
.header { background: #de3030 url(header-images/rotate.php); no-repeat; width: 1000px; height: 275px; margin: 0; auto 10px auto; padding: 0; }
.header h1, .header h1 a { color: #d09ffd; text-decoration: none; padding: 60px 0 0 10px; margin: 0; text-align: center; font-family: Palatino, Georgia, Verdana, Times, serif; font-size: 1.5em; }
.header h1 a:hover { text-decoration: none; color: #d966f0; background: none; border: none; }
.header .description { color: #d09ffd; font-size: 1.4em; margin: 0; padding: 5px 0 0 0; text-align: center; font-weight: bold; }

/***** BIOGRAPHY & MISC*****/
#bio { background: #cccccc url(images/bio_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; }
#bio p { color: #000000; margin: 0 5px 0 10px; padding: 0 10px 0 5px; }
#bio a { color: #412b02; }
#bio a:hover { background: none; color: #402008; text-decoration: underline; }
#bio h2 { color: #505050; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0px 10px 0; font-family: Arial; font-size: 1.2em; list-style: none; }
/*{ font-size: 1.2em; color: #730000; font-variant: small-caps; margin: 0 0 5px 15px; padding: 15px 0 0 0; font-family: Palatino, Georgia, Verdana, Times, serif; list-style: none; }*/
#bio h4 { color: #111111; letter-spacing: normal; font-variant: ; margin: 0 0px 5px 15px; padding: 5px 0 0 0; font-family: Arial; font-size: 1.05em; list-style: none; }
#bio h5 { color: #111111; letter-spacing: normal; font-variant: ; margin: 0 0px 5px 15px; padding: 5px 0 0 0; font-family: Arial; font-size: 1.0em; list-style: none; }
#bio img { float: left; margin: 0 0px 0 5px; }
.bio_top { background: #cccccc url(images/bio_t.jpg) no-repeat; height: 20px; clear: both; }
.bio_bottom { background: #cccccc url(images/bio_b.jpg) no-repeat; height: 30px; clear: both; }

#misc { background: #fdf992 url(images/misc-m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; color: #fdf992; border: #b7a176 1px solid; border-bottom: 0; }
#misc p { color: #000000; margin: 0 5px 0 10px; padding: 0 10px 0 5px; text-align: left; }
#misc h2 { color: #505050; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0px 10px 0; font-family: Arial; font-size: 1.2em; list-style: none; }
#misc h4 { color: #563900; letter-spacing: normal; font-variant: ; margin: 0 0px 5px 15px; padding: 0px 0 0 0; font-family: Arial; font-size: 1.2em; list-style: none; }
#misc h5 { color: #563900; letter-spacing: normal; font-variant: ; margin: 0 0px 5px 15px; padding: 0px 0 0 0; font-family: Arial; font-size: 1.0em; list-style: none; }
#misc img { float: left; margin: 0 0px 0 5px; }
.misc_top { background: #fdf992 url(images/misc-t.jpg) no-repeat; height: 20px; clear: both; }
.misc_bottom { background: #fdf992 url(images/misc-b.jpg) no-repeat; height: 30px; clear: both; }

#bio ul li a:hover, #misc ul li a:hover { background: none; color: #222222; text-decoration: underline; }
#bio ul li a, #misc ul li a { color: #222222; font-size: 1.08em; line-height: 1.42em; margin: 0; text-decoration: none; border: none; padding: 0px; }
#bio ul li, #misc ul li { padding: 0; list-style: none; margin-left: 10px; }
#bio ul ul, #misc ul ul { margin: 0 10px 0 5px; list-style: none; }
#bio ul ul ul, #misc ul ul ul { margin: 0 0 0 0px; list-style: none; }
#bio ul, #misc ul { margin: 0 0 5px 10px; padding: 0; list-style: none; padding-left: 10px; text-indent: -10px;}

/***** ARCHIVESBAR *****/
#archivesbar { background: #cccccc url(images/bio_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; }
#archivesbar p { color: #730000; margin: 0 15px 0 15px; padding: 0; text-align: left; }
#archivesbar a { color: #412b02; }
#archivesbar a:hover { background: none; border-bottom: 1px solid #666666; color: #730000; text-decoration: none; }
#archivesbar h2 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.2em; list-style: none; }
#archivesbar h3 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.0em; list-style: none; }
#archivesbar img { float: right; margin: 0 10px 0 15px; }
.archivesbar_top { background: #cccccc url(images/bio_t.jpg) no-repeat; height: 35px; clear: both; }
.archivesbar_bottom { background: #cccccc url(images/bio_b.jpg) no-repeat; height: 30px; clear: both; }

#archivesbar ul li a:hover { background: none; border-bottom: 1px solid #222222; color: #222222; text-decoration: none; }
#archivesbar ul li a { color: #222222; font-size: 1.08em; display: ; margin: 0; padding: 0; text-decoration: none; border: none; }
#archivesbar ul li { display: ; padding: 0; margin: 0 10px 0 0; list-style: none; }
#archivesbar ul ul { margin: 0 0 0 5px; list-style: none; }
#archivesbar ul ul ul { margin: 0 0 0 10px; list-style: none; }
#archivesbar ul { margin: 0 0 5px 10px; padding: 0; list-style: none; }

/***** RECENTDIR *****/
#recentdir { background: #cccccc url(images/bio_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; }
#recentdir p { color: #730000; margin: 0 15px 0 15px; padding: 0; text-align: left; }
#recentdir a { color: #412b02; }
#recentdir a:hover { background: none; border-bottom: 1px solid #666666; color: #730000; text-decoration: none; }
#recentdir h2 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.2em; list-style: none; }
#recentdir h3 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.0em; list-style: none; }
#recentdir img { float: right; margin: 0 10px 0 15px; }
.recentdir_top { background: #cccccc url(images/bio_t.jpg) no-repeat; height: 35px; clear: both; }
.recentdir_bottom { background: #cccccc url(images/bio_b.jpg) no-repeat; height: 30px; clear: both; }

#recentdir ul li a:hover { background: none; color: #222222; text-decoration: underline; }
#recentdir ul li a { color: #222222; font-size: 1.08em; display: ; margin: 0; padding: 0; text-decoration: none; border: none; }
#recentdir ul li { display: ; padding: 0; margin: 0 0px 0 0; list-style: none; }
#recentdir ul ul { margin: 0 0 0 5px; list-style: none; }
#recentdir ul ul ul { margin: 0 0 0 10px; list-style: none; }
#recentdir ul { margin: 0 0 5px 10px; padding: 0; list-style: none; }

/***** RECENTMAIN *****/
#recentmain { background: #cccccc url(images/bio_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; }
#recentmain p { color: #730000; margin: 0 15px 0 15px; padding: 0; text-align: left; }
#recentmain a { color: #412b02; }
#recentmain a:hover { background: none; color: #730000; text-decoration: underline; }
#recentmain h2 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.2em; list-style: none; }
#recentmain h3 { color: #730000; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0 0 0; font-family: Arial; font-size: 1.0em; list-style: none; }
#recentmain img { float: right; margin: 0 10px 0 15px; }
.recentdir_top { background: #cccccc url(images/bio_t.jpg) no-repeat; height: 35px; clear: both; }
.recentdir_bottom { background: #cccccc url(images/bio_b.jpg) no-repeat; height: 30px; clear: both; }

#recentmain ul li a:hover { background: none; color: #222222; text-decoration: underline; }
#recentmain ul li a { color: #222222; font-size: 1.08em; display: ; margin: 0; padding: 0; text-decoration: none; border: none; }
#recentmain ul li { display: ; padding: 0; margin: 5px 5px 0 0; list-style: none; }
#recentmain ul ul { margin: 0 10px 0 5px; list-style: none; }
#recentmain ul ul ul { margin: 0 0 0 0px; list-style: none; }
#recentmain ul { margin: 0 0 5px 10px; padding: 0; list-style: none; padding-left: 10px; text-indent: -10px; }

/***** QUOTE *****/
#quote { background: #7eaae5 url(images/quote_m.jpg) repeat; width: 200px; float: right; margin: 0; padding: 0; border: #b7a176 1px solid; border-top: 0; }
#quote ul li a:hover { background: none; color: #222222; text-decoration: underline; }
#quote ul li a { color: #505050; font-size: 1.0em; display: inline; margin: 0; padding: 0; text-decoration: none; }
#quote ul li { display: block; padding: 0; margin: 0; list-style: none; }
#quote ul ul { margin: 0 0 0 5px; }
#quote ul ul ul { margin: 0 0 0 10px; }
#quote ul { margin: 0 15px 5px 15px; padding: 0; }
#quote img { float: right; margin: 0 10px 0 15px; }
#quote h2 { color: #505050; letter-spacing: normal; font-variant: small-caps; margin: 0 0 0 15px; padding:2px 0px 10px 0; font-family: Arial; font-size: 1.2em; list-style: none; }
.quote_top { background: #7eaae5 url(images/quote_t.jpg) no-repeat; height: 30px; clear: both; }
.quote_bottom { background: #7eaae5 url(images/quote_b.jpg) no-repeat; height: 17px; clear: both; }

/***** 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: #390255; 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: #7c0303 1px solid; padding: 3px;  max-width: 100%; }
a img { border: #7c0303 1px solid; padding: 3px; background: none; }
.post .wp-smiley { border: none; }
img.avatar { float: left; margin: 5px; border: #7c0303 1px solid; }
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright, .alignright { float: right; padding: 3px; margin: 3px 0 3px 7px; display: inline; }
img.alignleft, .alignleft { float: left; padding: 3px; margin: 3px 7px 3px 0; display: inline; }

.wp-caption { border: 1px solid #ddd; text-align: left; 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: #41413f; width: 1000px; float: left; margin: 0; padding: 0; color: #ceb87f; font-size: 95%; line-height: 130%; border: 1px 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: 220px 20px 20px 0; padding: 5px 0px 20px 0; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
#sidebar { background: #cccccc url(images/sidebar_m.jpg) repeat; width: 210px; float: left; margin: 0px 15px 20px 0px; padding: 0; border: #888888 1px solid; border-top: 0; clear: left; }
#sidebar ul li a:hover { background: none; color: #000000; text-decoration: underline; }
#sidebar ul li a { color: #222222; font-size: 1.08em; margin: 0; padding: 0; text-decoration: none; border: none; }
#sidebar ul li { color: #000000 ; padding: 0 0px 3px 0; margin: 0; list-style: none; }
#sidebar ul ul { color: #000000; margin: 0 0px 0 0px; }
#sidebar ul ul ul { color: #000000; margin: 0 0px 0 0px; }
#sidebar ul { color: #000000; margin: 0 10px 5px 15px; padding: 0; }
#sidebar h2 { font-size: 1.1em; letter-spacing: normal; margin: 5px 0 5px auto; padding: 0px 0px 3px 3px; text-align: left; color: #E6E6E6; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; list-style: none; }
.sidebar_top { background: #cccccc url(images/sidebar_t.jpg) repeat; height: 22px; clear: both; }
.sidebar_bottom { background: #cccccc url(images/sidebar_b.jpg) repeat; height: 15px; clear: both; }


/***** SEARCH *****/
#searchform { float: right; margin: 220px 20px 20px 0; padding: 5px 0px 20px 0; 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: 250px; height: 120px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #fbfac5; }

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