/*  
Theme Name: MTWT
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Miscellany
Description: 3 Column, widget-ready fixed width theme featuring an extended footer, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7.  Compatible up to Wordpress 2.7.
Version: 1.1
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 3 column, fixed width, gravatars, widgets, suede, brown, tan, black, sitemap, archives, 2.7, extended footer

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #000; font-family: Helvetica, Georgia, "Trebuchet MS", Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

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: #660000; }
a:hover { text-decoration: none; color: #000; font-style: italic; }
p { padding: 10px; }
blockquote { color: #61574a; 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: 11px; vertical-align: top; background: #4d2600; color: #333; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #ebe1c8 url(images/content-bg.jpg) repeat; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; border: 2px solid #7c7953; border-bottom: none; }
#main_content_top { background: #ebe1c8 url(images/horz-bg.jpg) no-repeat; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 30px; }
#main_content_bottom { background: #ebe1c8 url(images/bottom-bg.jpg) repeat; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 30px; }
#container { background: transparent; float: left; width: 700px; margin: 0 10px 0 0px; padding: 0 10px 10px 10px; border-right: 1px solid #b5a573; }
#container_wide { background: transparent; float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

.post { padding: 10px 0 5px 0; text-align: justify; }
.post h2 { font-size: 20px; margin: 0 0 0 5px; padding-top: 5px; }
.entry { font-size: 12.5px; line-height: 1.42em; padding: 0 0 40px 0; }
.postmetadata { margin: 0; font-size: 10px; }
.date {	font-size: .9em; margin-top: -30px; }

.featured-container { background: #b7a176; margin: 10px 0 15px 10px; padding: 0 0 5px 0; float: left; width: 680px; border: #61574a 1px solid; }
.featured-container h3 { background: #000; color: #b3a381; font-size: 1.5em; margin: 0; padding: 3px 0; text-align: center; font-variant: small-caps; border: #3f2713 1px solid; }
.featured-container h3 a { color: #b3a381; font-size: 1.5em; }
.featured { font-size: 12.5px; line-height: 1.42em; margin: 15px 0 0 0; padding: 0; float: left; text-align: justify; }
.featured h2 { font-size: 1.5em; margin: 5px 0 0 10px; padding: 0; }
.featured .postmetadata { margin: 0 0 0 10px; padding: 0; font-size: 9px; }
img.featured { background: #660000; width: 250px; height: 200px; float: left; padding: 3px; margin: 2px 10px 10px 5px; border: #000 3px double; }
.featured p { margin: 0; padding-right: 5px; }

/***** COLUMNS *****/
.left-col { float: left; width: 220px; margin: 0; padding: 0 0 0 5px; clear: left; }
.mid-col { float: left; width: 220px; margin: 0; padding: 0 0 0 15px; }
.right-col { float: right; width: 220px; margin: 0; padding: 0; }
.left-col h2, .mid-col h2, .right-col h2 { width: 195px; background: #000; font-size: 1.2em; margin: 5px 0 0 10px; padding: 5px; }
.left-col h3, .mid-col h3, .right-col h3 { width: 195px; background: #660000; font-size: 1.5em; margin: 5px 0 0 10px; padding: 5px; text-align: center; }
.left-col h2 a, .mid-col h2 a, .right-col h2 a, .left-col h3 a, .mid-col h3 a, .right-col h3 a { color: #b3a381; }
.left-col p, .mid-col p, .right-col p { text-align: justify; }
.left-col .postmetadata, .mid-col .postmetadata, .right-col .postmetadata { margin: 0 0 0 10px; padding: 0; font-size: 10px; }

/***** TOP *****/
#top { float: left; width: 990px; margin: 0 0 5px 5px; padding: 0; background: transparent; }
.top-section { background: transparent; float: left; width: 990px; height: 300px; margin: 0; padding: 0; color: #000; }
.top-section .block1 { background: #b7a176 url(images/frame.jpg) no-repeat; float: left; width: 220px; height: 280px; margin: 10px 0 0 25px; padding: 0; border: #000 1px solid; text-align: justify; overflow: hidden; }
.top-section .block2 { background: #b7a176 url(images/frame.jpg) no-repeat; float: left; width: 220px; height: 280px; margin: 10px 0 0 15px; padding: 0; border: #000 1px solid; text-align: justify; overflow: hidden; }
.top-section .block3 { background: #b7a176 url(images/frame.jpg) no-repeat; float: left; width: 220px; height: 280px; margin: 10px 0 0 15px; padding: 0; border: #000 1px solid; text-align: justify; overflow: hidden; }
.top-section .block4 { background: #b7a176 url(images/frame.jpg) no-repeat; float: left; width: 220px; height: 280px; margin: 10px 0 0 15px; padding: 0; border: #000 1px solid; text-align: justify; overflow: hidden; }

.top-section .block1 h2, .top-section .block2 h2, .top-section .block3 h2, .top-section .block4 h2 { color: #000; margin: 10px 0 0px 10px; padding: 0; font-size: 14px; }
.top-section .block1 ul, .top-section .block2 ul, .top-section .block3 ul, .top-section .block4 ul { display: block; padding: 0; margin: 10px 0 0 10px; list-style: none; }
.top-section .block1 ul li, .top-section .block2 ul li, .top-section .block3 ul li, .top-section .block4 ul li { display: block; padding: 0; margin: 0; list-style: none; }
.top-section .block1 ul li ul li, .top-section .block2 ul li ul li, .top-section .block3 ul li ul li, .top-section .block4 ul li ul li { list-style: none; margin: 0; padding: 0; }
.top-section .block1 li, .top-section .block2 li, .top-section .block3 li, .top-section .block4 li { list-style: none; text-align: left; margin: 0; padding: 0; font-size: 1.1em; }
.top-section .block1 p, .top-section .block2 p, .top-section .block3 p, .top-section .block4 p { color: #000; }
.top-section .block1 a, .top-section .block2 a, .top-section .block3 a, .top-section .block4 a { color: #000; font-size: .8em; }
.top-section .block1 a:hover, .top-section .block2 a:hover, .top-section .block3 a:hover, .top-section .block4 a:hover { color: #fff; }
.top-section .block1 p img, .top-section .block2 p img, .top-section .block3 p img, .top-section .block4 p img, .top-section .block1 a img, .top-section .block2 a img, .top-section .block3 a img, .top-section .block4 a img { border: #544b40 3px double; }

/***** HEADER *****/
#header-wrap { width: 1000px; height: 201px; background: #000 url(images/header.jpg) no-repeat; padding: 0; margin: 0 auto 0 auto; }
.header { width: 1000px; height: 200px; margin: 0 auto 0 auto; padding: 0; float: left; border-bottom: #3f3013 3px double; }
.header h1 { width: 900px; padding: 0; margin: 40px 0 0 95px; font-family: Times New Roman, Arial, "Trebuchet MS", Georgia, Sans-serif; font-size: 3.5em; line-height: 40px; text-align: center; }
.header h1 a { text-decoration: none; color: #000000; font-variant: small-caps; }
.header .description { width: 500px; margin: 0 0 0 325px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #000000; text-align: center; font-style: italic; }

/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 1000px; height: 30px; margin: 0; padding: 0; display: inline; background: #000; }
.menu ul { width: 100%; margin: 0 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-variant: small-caps; font-size: 1.2em; color: #e6dfb3; }
.menu ul li a:hover { background: #b3a381; color: #660000; padding: 3px; }
.menu a:link, .menu a:visited { text-decoration: none; }

.footer_menu  { float: left; width: 1000px; height: 30px; margin: 0; padding: 0; display: inline; }
.footer_menu ul { width: 100%; margin: 10px 15px 7px 0; padding: 5px 0; list-style: none; text-align: center; }
.footer_menu ul li { display: inline; margin: 0; }
.footer_menu ul li a { width: 100%; margin: 0 0 0 15px; padding: 0; text-decoration: none; font-variant: small-caps; font-size: 1.4em; color: #e6dfb3; }
.footer_menu ul li a:hover { background: #000; color: #660000; padding: 3px; }
.footer_menu a:link, .menu a:visited { text-decoration: none; }

#suckerfishnav { background:#000000 repeat-x; font-size:12px; font-family:helvetica,sans-serif; font-weight:normal; width:100%; z-index:1000; }
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:40px; padding:0; margin:0; width:100%; z-index:1000; }
#suckerfishnav a { display:block; color:#e6dfb3; text-decoration:none; padding:0px 10px; }
#suckerfishnav li { float:left; padding:0; }
#suckerfishnav ul { position:absolute; left:-999em; height:auto; width:101px; font-weight:normal; margin:0; line-height:1; border:0; border-top:1px solid #e6dfb3; z-index:1000; }
#suckerfishnav li li { width:99px; border-bottom:1px solid #e6dfb3; border-left:1px solid #e6dfb3; border-right:1px solid #e6dfb3; font-weight:normal; font-family:helvetica,sans-serif; }
#suckerfishnav li li a { padding:4px 10px; width:80px; font-size:12px; color:#b3a381; }
#suckerfishnav li ul ul { margin:-21px 0 0 100px; }
#suckerfishnav li li:hover { background:#9C1F1B; }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { color:#e6dfb3; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#660000; }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { color:#b3a381; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left:auto; background:#000000; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#b3a381; }
* html #suckerfishnav { z-index:1000; }
* html #suckerfishnav ul { z-index:1000; }

/***** IMAGES *****/
p img { border: #000000 3px solid; padding: 0; max-width: 100%; }
a img { border: #000000 3px solid; padding: 3px; background: 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: 0; margin: 0 0 0 7px; display: inline; }
img.alignleft, .alignleft { float: left; padding: 0; 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; }

#flickrrss img { width: 174px; height: 234px; float: left; margin: 5px 0 0 20px; padding: 0; }

.thumbnail { width: 70px; height: 70px; float: left; margin: 15px 5px 0 10px; padding: 0; border: #544b40 1px solid; }

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

/***** FOOTER *****/
.footer-wrap { background: #58818a url(images/footer-bg.jpg) repeat; width: 1000px; height: 100%; margin: 0 auto; border: 2px solid #7c7953; border-top: none; }
#footer { width: 1000px; background: url(images/footertop-bg.jpg) no-repeat; float: left; color: #ceb87f; font-size: 95%; line-height: 130%; }
#footer a, #footer a:visited { color: #ebe1c8; }
#footer_bottom { background: #ebe1c8 url(images/credits-bg.jpg) no-repeat; clear: both; margin: 0 auto 0 auto; padding: 0; width: 1000px; height: 8px; }

#footer .f-left-col { width: 220px; float: left; margin: 10px 0 20px 30px; padding-right: 10px; }
#footer .f-right-col { width: 400px; float: right; margin: 10px 20px 0 5px; padding: 0; }
#footer h4, .f-left-col .area h2, .f-right-col .area h2 { font-size: 1.5em; 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, .f-left-col .area a, .f-right-col .area a { font-size: 115%; line-height: 130%; }
.footer-misc li a:hover, .footer-misc-r li a:hover, .f-left-col .area a:hover, .f-right-col .area a:hover { background: none; text-decoration: none; }
.footer-misc li { padding: 10px 0 0 20px; }
.f-left-col .area li { text-align: left; list-style: none; padding: 10px 0 0 0; }
.f-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; }
.f-left-col .area, .f-right-col .area { list-style: none; margin: 0; padding: 0; }
.f-left-col .area ul li ul li, .f-right-col .area ul li ul li { list-style: none; margin: 0 0 0 5px; padding: 0; border: none; }
.f-left-col .area ul ul, .f-right-col .area ul ul { margin: 0 0 0 5px; }
.f-left-col .area ul ul ul, .f-right-col .area ul ul ul { margin: 0 0 0 10px; }
.f-left-col .area ul, .f-right-col .area ul { margin: 0 0 5px 15px; padding: 0; }
#footer a img { border: #544b40 1px solid; padding: 3px; }

#credits { height: 30px; clear: both; background: transparent; margin: 0; padding: 0; text-align: right; color: #ceb87f; font-size: 12px; line-height: 120%; }
#credits a, #credit a:visited { color: #ebe1c8; }
#credits p { margin-right: 20px; }

/***** SIDEBAR *****/
#sidebar { background: transparent; width: 210px; float: left; margin: 0 0 20px 5px; padding: 0; }  
#sidebar ul li a:hover { color: #660000; }
#sidebar ul li a { font-size: 1.08em; display: inline; margin: 0 0 0 10px; padding: 0; }
#sidebar ul li { background: transparent; display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#sidebar ul ul { margin: 0 0 0 10px; }
#sidebar ul ul ul { margin: 0 0 0 10px; }
#sidebar ul { margin: 0 0 5px 0; padding: 0; }
#sidebar h2, #commentblock h2 { font-size: 18px; font-variant: small-caps; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0; text-align: left; border-bottom: 1px solid #7c7953; width: 80%; } 

/***** LOGIN *****/
#login { background: transparent; width: 210px; float: left; margin: 0 0 0 10px; padding: 0; }  
#login ul li a:hover { color: #660000; }
#login ul li a { font-size: 1.08em; display: inline; margin: 0 0 0 10px; padding: 0; }
#login ul li { background: transparent; display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#login ul ul { margin: 0 0 0 10px; }
#login ul ul ul { margin: 0 0 0 10px; }
#login ul { margin: 0 0 5px 5px; padding: 0; }
#login h2 { font-size: 18px; font-variant: small-caps; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0; text-align: left; border-bottom: 1px solid #7c7953; width: 90%; }
#login h4 { color: #533419; margin: 0 0 5px 10px; padding: 0; font-variant: small-caps; }

/***** SEARCH *****/
.search { float: right; width: 250px; margin: -90px 0 0 0; padding: 0; }
.search form { float: right; margin: .5em 10px 0 0; padding: 0; }
.search input#s { background: #e3d7b5; color: #544b40; width: 160px; margin: 0 10px 0 0; padding: 3px 5px; border: 1px solid #b3a381; }
.search .search-submit { display: none; }

/***** CALENDAR *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 3px double; }
#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: #000; text-align: center; width: 80%; margin: 10px 0 10px 20px; font-size: 14px; font-family: Helvetica, Georgia, "Trebuchet MS", Verdana, Times, Tahoma, Arial, Sans-serif; font-weight: bold; }

/***** 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: 12px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; background: #b3a381; }

/***** IE HACKS *****/
* html .menu ul { width: 99.2%; margin: 0; padding: 0; }
* html #top { margin: 5px 0 5px 2px; padding: 0; }
* html .top-section .block1 { margin-left: 15px; width: 220px; height: 280px; overflow: hidden; }