/*  
Theme Name: Soho XIX
Theme URI: http://www.studioxix.com
Description: Multi Column (1 sidebar, 2 main content colums, 2 right hand sections and 3 footer sections all widgetized) fixed width, gravatars, Not Tested.
Version: 1.0
Author: Mina, hacked by Vig.
Author URI: http://www.studioxix.com
Tags: four-columns, fixed-width, left-sidebar, white, threaded-comments, dirty code
*/

/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { color: #666; font-family: Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; }

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 0.7em; font-weight:100; letter-spacing:0.05em; text-transform:uppercase;}
h6 { font-size: 1em; }

a:link, a:visited { text-decoration: none; color: #990000; }
a:hover { text-decoration: none; color: #CC0000; }
p { padding: 2px 0; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border 1px solid #CCC; }

/***** MAIN CONTENT *****/
body { margin 0px; background-image:url(images/header_pattern.gif); background-repeat:repeat-x; font-size: 77%; color: #000; }
#wrapper { margin: 110px 0 0 0; padding: 0; width: 1000px; text-align: left; }
#main_content { float: left; margin: 0; padding: 0; width: 1000px; }
#content { background: #fff url(images/c_mid.gif) repeat-y; float: left; width: 548px; margin: 15px 0px 0px 0px; padding: 0; }
.content_top { background: #fff url(images/c_top.gif) no-repeat; height: 33px; clear: both; }
.content_top h2 { margin: 0; padding: 4px 0px 0px 20px; text-align: left; }
.content_bottom { background: #fff url(c_bot.gif) no-repeat; height: 11px; clear: both; }
.content_recent { background: #fff url(images/c_top_recent.gif) no-repeat; height: 33px; clear: both; }
.content_about { background: #fff url(images/c_top_about.gif) no-repeat; height: 33px; clear: both; }
.content_services { background: #fff url(images/c_top_services.gif) no-repeat; height: 33px; clear: both; }
.content_archive { background: #fff url(images/c_top_archive.gif) no-repeat; height: 33px; clear: both; }
.content_contact { background: #fff url(images/c_top_contact.gif) no-repeat; height: 33px; clear: both; }
#container_wide { background: transparent; float: left; width: 700px; margin: 0 0 0 150px; padding: 5px 5px 0 10px; }
#post_wrapper { min-height:400px; }
.post { float: left; padding: 5px 5px 12px 12px;}
.entry h2 { background: #b8ad98; border: 1px solid #ccc; font-size: 60%; font-weight: bold; font-family: Verdana, Geneva, Helvetica, sans-serif; margin: 0 0 0 5px; padding: 0; text-transform: uppercase; }
.entry { font-size: 1em; line-height: 1.4em; margin: 0; padding: 5px 5px 5px 5px; text-align: left; }
.byline { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; text-transform: uppercase; color: #915f34; border-bottom: 1px solid #CCC; letter-spacing: .1em; }
.postmetadata { font-size: 77.6%; margin: 0; padding: 2px 0; font-weight: bold; text-transform: uppercase; color: #915f34; letter-spacing: .1em; }
.ul{ list-style:none; margin: 0 0 2px 0px; padding: 2px; text-transform: uppercase; }

/***** HEADER *****/
.header { margin 0px; background-image:url(images/header_bkgd2.gif); background-repeat:no-repeat; padding: 0px; }
.header h1, .header h1 a { font-size: 1.9em; color: #333; text-decoration: none; }
.header .description { color: #333; font-size: 1.4em; margin: 0; padding: 5px 0 0 0; text-align: center; font-weight: bold; }

#xix_head  { 
 	width:730px;
 	height:257px;
	position:absolute;
	top:0px;	
 	background-image:url(images/header_bkgd2.gif);
 	background-repeat:no-repeat;
z-index:-1;
 	}
#logo_head{ width:185px;
	height:84px;
	position:absolute;
	top:0px;	
 	background-image:url(images/studioxix.gif);
 	background-repeat:no-repeat;
z-index:0;
 	}
#about_head
 	{
 	width:200px;
 	height:110px;
	position:absolute;
	top:0px;	
	left:730px;
 	background-image:url(images/aboutxix.gif);
 	background-repeat:no-repeat;
z-index:0;
 	}

/***** SIDEBAR *****/
#sidebar { background: url(images/sidebar150_1mid.gif) repeat; width: 150px; float: left; margin: 150px 0px 0px 0px; padding: 3; text-align: left;} 
#sidebar h2 { font-size: 1em; margin: 0px 0px 4px 0; padding: 0; text-align: center; color: #615f56; font-weight: bold; text-transform:uppercase; } 
#sidebar ul { margin: 2px 0px 4px 18px; padding: 0; text-align: left; list-style: none;}
#sidebar ul li a:hover { border-bottom: 1px solid #7a8462; color: #615f56; }
#sidebar ul li a { color: #615f56; text-transform:uppercase; }
.sidebar_top { background: #fff url(images/sidebar150_1top.gif) no-repeat; height: 22px; clear: both; }
.sidebar_bottom { background: #fff url(images/sidebar150_1bot.gif) no-repeat; height: 30px; clear: both; }

/***** RIGHT SIDEBAR BIO TOP *****/
#bio { background: url(images/sidebar250_4mid.gif); background-repeat:repeat-y; float:left; width: 250px; margin: 10px 0px 0px 0px; padding: 0px; text-align: center; }
#bio p { color: #615f56; margin: 0px 6px 6px 6px; padding: 2px; font-size: 1em; text-align: center; }
#bio a { color: #666; font-size: 1em; }
#bio a:hover { background: none; color: #000; text-decoration: none; }
#bio h2 { font-size: 1.1em; color: #615f56; font-variant: small-caps; margin: 0 0 0 0px; padding: 1px 0 0 1px; list-style: none; }
#bio img { display: block; margin: 0px; text-align: center; }
.bio_top { background: #fff url(images/sidebar250_4top.gif) no-repeat; height: 22px; clear: both; }
.bio_bottom { background: #fff url(images/sidebar250_4bot.gif) no-repeat; height: 30px; clear: both; }

/***** RIGHT SIDEBAR MISC *****/
#misc { background: url(images/sidebar250_1mid.gif); background-repeat:repeat-y; width: 250px; float: left; margin: 2px 2px 2px 0; padding: 0; }
#misc p { color: #615f56; padding: 10px 10px 0 10px; text-align: justify; }
#misc h2 { font-size: 1.1em; color: #615f56; font-variant: small-caps; margin: 0 0 0px 10px; padding: 10px 0 0 0; font-family: Verdana, sans-serif; list-style: none; }
#misc img { margin: 0 6px 0px 6px; }
.misc_top { background: #fff url(images/sidebar250_1top.gif) no-repeat; height: 22px; clear: both; }
.misc_bottom { background: #fff url(images/sidebar250_1bot.gif) no-repeat; height: 30px; clear: both; }

/***** HORIZONTAL MENU FOR SUB-PAGES*****/
.menu  { margin: 0 0 20px 0; padding: 0; display: inline; background: transparent;}
.menu ul { list-style: none; text-align: center; margin: 0 0 20px 0; padding: 0;}
.menu ul li { display: inline; margin: 0; padding: 0;}
.menu ul li a { width: 100%; text-decoration: none; color: #4f3e2f; font-family: Verdana, Arial, Sans-serif; border-right-style:solid; border-width:1px; border-color: #9f669d; margin: 0; }
.menu ul li a:hover { color: #CC0000; text-decoration: underline; }
.menu a:link, .menu a:visited { text-decoration: none; color: #4f3e2f; }
.menu .current_page_item a,.menu .current-cat a {color:#524942;}
.menu .current_page_item li a,.menu .current-cat li a {color:#524942;}
a.currentPage,.current_page_item a {color:#524942;}

/***** IMAGES *****/
p img { border: #CCC 1px solid; padding: 2px;  max-width: 100%; }
a img { border: none; padding: 2px; 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: 980px; height: 100%; margin: 0; padding: 0; clear: both; }
#footer { background: #EEE; width: 1000px; float: left; margin: 0; padding: 0; color: #ceb87f; font-size: 95%; line-height: 130%; }
#footer a, #footer a:visited { color: #666; }
#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: Verdana, Arial; font-variant: small-caps; color: #666; 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 #fff; }
.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: #999; font-size: 85%; line-height: 120%; }
#credits a, #credits a:visited { color: #999; }
#credits p { color: #BBB; margin: 0 20px 0 10px; }

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

/***** 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: 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: Georgia, Sans-serif; font-size: 11px; background: #DDD; }

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



/* CSSMENU_H horizontal TOP ICON menu
---------------------------------------*/
ul.cssmenu_h { width: 300px; position:absolute; left:288px; top:0px; list-style: none; display: inline; padding: 0px; z-index:2; }
.displace { position: absolute; left: -5000px; }
ul.cssmenu_h li { float: left; }
ul.cssmenu_h li a { display: block; width: 75px; height: 80px; background: url('images/menu_h.gif'); }

/*
*	Normal Links
*/

ul.cssmenu_h li.about a { background-position: 0 -80px; }
ul.cssmenu_h li.services a { background-position: -75px -80px; }	
ul.cssmenu_h li.archive a { background-position: -150px -80px; }
ul.cssmenu_h li.contact a { background-position: -225px -80px; }

/*
*	Hover Links
*/
ul.cssmenu_h li.about a:hover { background-position: 0 0; }
ul.cssmenu_h li.services a:hover { background-position: -75px 0; }	
ul.cssmenu_h li.archive a:hover { background-position: -150px 0; }		
ul.cssmenu_h li.contact a:hover { background-position: -225px 0; }

/*
*	Clicked Links
*/
ul.cssmenu_h li.about a:active {
	background-position: 0 0;
	}

ul.cssmenu_h li.services a:active {
	background-position: -75px 0;
	}
	
ul.cssmenu_h li.archive a:active {
	background-position: -150px 0;
	}
		
ul.cssmenu_h li.contact a:active {
	background-position: -225px 0;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu_h li.about a:selected {
	background-position: 0 0;
	}

ul.cssmenu_h li.services a:selected {
	background-position: -75px 0;
	}
	
ul.cssmenu_h li.archive a:selected {
	background-position: -150px 0;
	}
		
ul.cssmenu_h li.contact a:selected {
	background-position: -225px 0;
	}
	  		 			
#fancytable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#fancytable th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#fancytable td
{
	padding: 8px;
	color: #669;
}
#fancytable .odd
{
	background: #e8edff; 
}

#simpletable
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 5px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#simpletable th
{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 6px 6px;
	border-bottom: 2px solid #786b5d;
}
#simpletable td
{
	border-bottom: 1px solid #ccc;
	color: #615f56;
	padding: 6px 6px;
}
#simpletable tbody tr:hover td
{
	color: #000;
}