/*
Theme Name: Tabula Rosa
Theme URI: http://leonewball.com/portfolio/tabula-rosa/

Description: Tabula Rosa is a black and white, minimal, 2 column theme, with a fixed menu and header. The theme includes several, jQuery powered features such as a sliding vertical sub-menu's and lightbox galleries. The theme also features: Vertical Hover Dropdown menu, menu sub items slide down when mouse hovers over them; Widgets slide open and close when clicked on; WordPress 3.1 post-formatting for all 9 supported types; breadcrumb navigation; Integrated Search Bar; SEO Formatted page titles; Customizable Menu & Widgetized Sidebar; and Lightbox Galleries.
Version: 1.0.6
Author: Leo Newball, Jr.
Author URI: http://leonewball.com/
Tags: black, white, fixed-width, threaded-comments, two-columns, custom-menu, left-sidebar, sticky-post, light

License:'Tabula Rosa' is copyright of Leo Newball, Jr. http://leonewball.com It is licensed under the GNU GPL version 2.0 or later.
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* 

Color Scheme - colors, borders & their colors
------------

*/

#left-col {border-right: 0px solid #aeaeae;}

/* Text Colors */
.posttitle {color: #111;}

.wp-caption {background-color: #FFFFFF;}

.wp-caption img {border: 1px solid #555;}

.wp-caption-text,
.gallery-caption
{color: #666666;}

blockquote {background: url('images/quote.png') top left no-repeat;}

/* Post Specific */

.sticky {
	border-top: 1px solid #cacaca;
	border-bottom: 5px solid #000;
	background-color: #f3f3f3;
}

.format-chat .entry {
	background-color: #eee;
}

/* Form Specific */
.error404 #right-col select {border: 1px solid #000; color: #FFF; background-color: black;}

#searchform {
	border: 1px solid #000;
	background-color: #fff;
}

/* Comment Specific */
#commentform label,
#commentform .required
{color: #a3a3a3;}

#comment-text,
#author,
#email,
#url,
#submit
{border: 1px solid #aeaeae; background-color: white;}

.comment-form-comment textarea {border: 1px solid #777;}

#comment-responses .comment {border: 1px solid #aeaeae; background-color: #f4f4f4;}

/* If you wish to have a different color, for each comment response follow these steps:
1. remove "background-color: #f4f4f4" from above
2. Uncomment this section
.depth-1 {background-color: #f0f0f0 !important;}

.depth-2 {background-color: #f4f4f4 !important; }

.depth-3 {background-color: #fafafa !important; }

.depth-4 {background-color: #fcfcfc !important; }

.depth-5 {background-color: #fefefe !important;}

*/
	
.bypostauthor {background-color: #B7DFEB !important;}

/* Links */

a {text-decoration: none;}

a img {border: none;}

#blog-title a {color: white;}

.breadcrumb a {color: inherit;}

#menu a,
.children a,
.sub-menu a
{color: #c1c1c1; text-decoration: none;}

#menu a:hover {color: white;}

#sidebar a:link,	#sidebar a:visited,
#right-col a:link,	#right-col a:visited,
#footer a:link,		#footer a:visited
{color: #003366;}

#sidebar a:hover, 	#sidebar a:active,
#right-col a:hover,	#right-col a:active,
#footer a:link, 	#footer a:active
{color: #5588BB;}

.widgettitle a {color: black !important;}

.posttitle a {
	color: #111 !important; /* Blah this is an ugly hack to fix IE issues*/
	text-decoration: none; 
}

.entry a {font-style: italic; font-weight: bold;}

.more-link {display: block;}

.navigation a {font-style: italic; color: #373636 !important;}

.post-pages-navigation a {
	border: 1px solid #a3a3a3;
	background-color: #f3f3f3;
	padding: 3px 8px;
	margin: 0 3px;
}

.post-edit-link {background-color: black; color: white !important;}

.comment-edit-link,
.comment-reply-link
{border: 1px solid #aeaeae; background-color: #fff;}

#wp-calendar a {font-weight: bold; color: #000 !important;}
	
#wp-calendar a:hover {text-decoration: underline;}

/*

Typography - font sizes, line hight, and font's: based on em
----------
Note:
Base font is set to 16px
Base font for entry is 14px

*/
body {font-size: 12px; line-height:20px; font-family: Arial, Helvetica, sans-serif;}

.entry,
.page_navigation, 
.commentlist, 
.comment_notice, 
.nocomments, 
.navigation, 
#commentform label, 
#commentform .required
{}

input,
textarea
{font-size: 1em; font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;}

small, #footer
{font-size: .625em;}

blockquote {
	text-align: justify;
	padding: 18px 25px 5px 35px;
	margin: 0;
	font-style: italic;
}

code {font-family: Courier, monospace; font-weight: bold;}

pre {
	display: block;
	font-family: Courier, monospace;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 0;
	font-weight: bold;
	font-size: .9em;
}

.error {text-align: center;}

/* headers */

#blog-title {
	font-size: 2em;
	margin: 0;
	padding: 0 15px;
	display: inline;
	vertical-align: middle;
	background-color: black;
}

#blog-description {
	font-size: .9em;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	vertical-align: middle;
	text-transform: lowercase;
}

.entry h1,
.posttitle
{font-size: 2em; line-height: 1.5em} /* roughly 28px; */

.entry h2 {font-size: 1.857em; line-height: 1.5em} /* roughly 26px */
.error404 #right-col h2 {font-style: italic;}

.entry h3 {font-size: 1.714em; line-height: 1.5em} /* roughly 24px */
.widgettitle {font-size: 1.25em; padding: 0 0 5px 0; margin: 0;} /* 20px */

#comments-title,
#reply-title,
#trackbacks-title
{font-size: 1.142em; margin: 10px 0 0 0;}

.entry h4 {font-size: 1.429em; line-height: 1.5em} /* roughly 20px */

.entry h5 {font-size: 1.142em; line-height: 1.5em} /* roughly 16px */

.entry h6 {font-size: 1em; line-height: 1.5em} /* 14px */


/* Sidebar Items */

#left-col {text-align: right;}

.menu-item,
.page_item
{font-size: 11px; text-transform:uppercase; font-weight:bold;}

#menu ul.children,
#menu ul.sub-menu {
	list-style: none; 
	margin: 0; 
	padding: 2px 0;
	display: none;
	 
}

.children li,
.sub-menu li 
{font-size: 11px;} /* Hate having to do this, but I don't want sub-menu's to degrade to a lesser font-size */

#menu .children .children,
#menu .sub-menu .sub-menu
{margin: 0;}

#sidebar ul li {font-size: .8em;}

/* Navigation */
.breadcrumb {
	font-size: .9em;
	font-style: italic;
	text-align: left;
	color: #7e7e7e;
	font-weight: normal;
}

.navigation {width: 550px; text-align: center;}

#comment-wrapper .navigation {text-align: left;}

.page-numbers {padding-left: 4px; padding-right: 4px;}

.navigation .prev {padding-left: 0;}

.navigation .next {padding-right: 0;}

.page-numbers.current {font-size: 1.25em;} /* Just chose a quarter size higher of the current font size - I got math lazy */

.post-pages-navigation {
	font-style: italic;
	font-size: 1.25em;
}

/* Post Elements */

.post-metadata {font-size: .714em; text-transform:lowercase;} /* 10px */

.pageSection,
.blogroll-title,
.more-link,
.meta-title,
.wp-caption-text,
{text-align: right;}

.gallery-caption {
	text-align: center;
	font-size: .857em; /* Roughtly 12px */
}

.post-author {font-size: .8em; font-style: italic;}

.underline {text-decoration: underline;}

/* Comment Elements */
#comment-trackbacks .commentlist {font-size: .9em;}

#comment-responses {border-right: 1px solid #aeaeae;}

.logged-in-as {
	font-style: italic;
	font-size: .9em;
}

.logged-in-as a {font-weight: bold;}

/* Form Elements */

#searchform {
	font-size: .8em;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
}

.error404 select {
	font-size: .8em;
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
}
	
.error #searchform {font-size: 1.5em;}

/* Links */
.comment-edit-link,
.comment-reply-link
{font-size: .9em; text-transform: lowercase;}

.post-edit-link {font-size: 1.25em;	font-style: italic;}

/* Post Formats */
.format-chat .entry {font-family: "Courier", monospace;}

/*

Design & Position - Design and position 
-----------------

*/
body {margin: 0; padding: 0; background:#d7d7d7 0 0 url(images/bg-main.png) repeat-y;color:#666666;}

#main.homepic {background:url(images/homepic4.jpg) 175px 0 no-repeat; height:780px}

html, body {height: 100%;}

#header{
	width:805px;
	left: 0;
	padding: 0px;
	
}

#header-wrapper {padding:20px 0 10px;}




#headimage {
	height:200px;
	
	background-attachment:fixed;
}

#wrapper {padding: 0px 0 0 0; margin: 0; width: 1000px; min-height: 100%;}


#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */
	
	
#left-col {
	position: fixed;
	float: left;
	padding: 0 15px 0 0; margin: 0;
	width: 160px;
	
	
}

#right-col {
	position: relative;
	width:800px;
	left: 175px;;
	background:#FFF;
	float:left;
	padding-left: 0;
}

#right_sidebar {
	 background-color: #fafafa;
   border-color: #efefef;
   border-width: 0px;
   border-style: solid;
   border-radius: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 11px;
   
   padding: 10px;
margin-right:20px;
}


#footer {

	text-align: center;
	width: 100%;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	padding:0;
	
	
	
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


.clear {
	
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}


/* Specific Page Elements and Post Formats */

/* 
-- Attachment.php Pages
*/
.single-attachment #wrapper {margin: 0 auto;}

#right-col.attachment {left: 0;}

.attachment .entry {margin: 0 auto;	width: 600px;}

/*
-- Handling Fancybox loading of attachment pages
*/
#fancybox-content #header {display: none;}

#fancybox-content #wrapper {
	padding: 0;
	width: 600px;
	margin: 0 auto;
}

#fancybox-content #footer {display: none;}

#fancybox-content .navigation {display: none;}

/*
-- Header Elements
*/



html body div#wrapper div#main div#left-col div#menu ul {
	padding-left:20px;
}

.menu-item,
.page_item 
{
	margin: 8px 0 8px 0;
	text-align: left;
	list-style: none;
}

#menu-topmenu.menu li.current-menu-item > a, #menu-topmenu.menu li.current-menu-parent > a {
	color:#39F;
}

.breadcrumb {
	
	margin: 3px 0 5px 0;
	padding: 0 0 0 20px;
}

.blogroll-title {margin: 0 0 4px 0;}

/* Content and Post Elements */

#right-col .post,
#right-col .page
{margin: 0 0 10px 20px; padding: 0 5px 15px 0; float:left; width:500px;}

#rightSide {float:right; width:250px; display:block; top:400px;}

.post-author {padding-bottom: 4px;}

.posttitle {margin: 0 0 2px 0; padding: 0 0 3px 0;text-transform:uppercase;}

.entry p {margin-bottom: 1em; padding: 0;}

.post-metadata {clear: both;}

.post-metadata p {padding: 0; margin: 0 0 3px 0;}

.nav-next,
.alignright,
img.alignright {
	padding: 4px;
	margin: 0 0 7px 7px;
	display: inline;
	float: right;
}

.nav-previous,
.alignleft,
img.alignleft {
	padding: 4px;
	margin: 0 7px 7px 0;
	display: inline;
	float: left;
}

.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .aligncenter {margin-top: 10px;	margin-bottom: 10px;}

.gallery-caption {margin-top: 4px;}

.wp-caption img {padding: 5px;}

.gallery-thumb,
.wp-post-image 
{ /* To ensure it only appears on the front page */ float: left; margin: 0 15px 5px 0;}

#right-col img {height: auto; max-width: 100%;}

.post-pages-navigation {clear: both; text-align: center;}

/* WordPress/Blog Specific Elements */

.navigation {
	clear: both;
	display: block;
	margin: 0 0 5px 0; padding: 10px 0 10px 0;
	height: 15px;
	width: 100%;
}

.blogroll {margin: 0; padding: 0;}

.blogroll li {list-style: none; margin: 3px 0 3px 0;}

/* Comments */

/* Note: I became really lazy in trying to measure things here, so going to use % for the win! */

.comment-form-comment { 
	width: 50%;
	margin-right: 1%;
	padding-top: 2px; /* Done for alignment with input forms*/
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	width: 47%;
	float: right;
	clear: right;
}

.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	display: block; /* This isn't needed for text area, but I don't feel like handling with redunant code.. */
	width: 100%; /* need to strech the element across the width of the comment container... and I'm being lazy */
} 

.form-submit {margin: 0; clear: both; display: block;}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-submit
{margin: 2px 0;}

.comment-author cite {display: block;}

.avatar {
	float: right;
	border: 1px solid #aeaeae;
	padding: 3px;
}

.vcard {position: relative;}

.comment-edit-link {
	position: absolute;
	top: 68px;
	right: 0;
	width: 29px;
	padding: 1px 2px 1px 7px;
}

.comment-reply-link {
	position: absolute;
	top: 43px;
	right: 0;
	padding: 1px 4px 1px 5px;
}

.comment-entry {padding-top: 5px; clear: both;}

#comment-reply,
#comment-wrapper
{clear: both;}

#comment-responses {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0 10px 0 0;
}
	
#comment-trackbacks {margin: 0 0 0 500px; padding: 0;}

#comment-trackbacks .commentlist {margin: 0; padding: 0 0 0 20px;}

#comment-responses .commentlist {margin: 0; padding: 0;}

#comment-responses .comment {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 7px;
	list-style: none;
}

/* Sidebar Design */

.children, .sub-menu {margin: 0; padding: 0 0 0 15px;}

.widgettitle + ul,
.widgettitle + form,
.widgettitle + div 
{display: none;} /* Created so widgets could drop down on touch */

.plus {padding-right: 18px;	background: url('images/plus.png') right 40% no-repeat;}

.minus {padding-right: 18px; background: url('images/minus.png') right 40% no-repeat;}

#wp-calendar {margin-left: 100px;}

#sidebar {padding: 5px 0 0 5px; margin: 0;}

#sidebar div {margin: 0 0 15px 0; padding: 0 0 5px 0;}

#sidebar p, #sidebar select {margin: 8px 0 5px 0; padding: 0;}

#sidebar ul, #sidebar ol {margin: 5px 0 0 5px; padding: 0 0 5px 0;}

#sidebar ul ul, #sidebar ul ol {margin: 0 0 0 5px;}

ol li, #sidebar ol {list-style: decimal outside;} /* I don't quite know when numbered lists are used on the sidebar in WordPress, but incanse... */

#sidebar ul li {list-style: none;}

#sidebar ul li, #sidebar ol li {margin: 3px 3px 0 0; padding: 0 0 5px 0;}

/* Search Form - Used in both the header and sidebar */
#searchform {
	height: 20px;
	padding: 0;
	margin: 0;
	width: 250px;
}

#s {
	margin: 0;
	border: none;
	width: 169px;
	padding: 0 3px;
}

#searchsubmit {
	border: none;
	background-color: #000;
	color: #fff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	width: 75px;
	height: 20px;
}

#header #searchform {float: right;} /* Header Search Form */

/*
--For the Search Error Pages If Nothing Is Found
*/
.error #searchform {
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	width: 600px;	
}
	
.error #s {
	height: 40px;
	width: 444px;
}
	
.error #searchsubmit {
	height: 40px;
	width: 150px;
}

/* Page Specific */

.error404 select {
	height: 20px;
	padding: 0;
	margin: 0;
	width: 250px;
}
	
.post-edit-link {
	position: relative;
	top: 5px;
	padding: 4px 6px;
	float: right;
	width: 31px;
}

/* Line 688 - Almost Evil! */


#right_sidebar div ul {
	padding-left:2px;
}

#right_sidebar div ul li a {
	color:#5588BB!important;
	text-transform:none;
	padding-left:17px;
	background:url(images/arrow-right1.png) no-repeat 0 3px;
}

#right_sidebar div ul li.current-menu-item a {
	color:#003366!important;
	font-weight:bold;
	text-transform:none;
	padding-left:17px;
	background:url(images/arrow-right1.png) no-repeat 0 3px;
}

#right_sidebar div ul li a:hover {
	text-transform:none;
	padding-left:17px;
	background:url(images/arrow-right1over.png) no-repeat 2px 3px;
}

#homenews {
	

	background:url(images/bg-homenews.png);
	padding:15px;
}

.newstitle {
	

	background: #FFFFFF;
	padding:10px;
}

#homeboxes div.homeshare a{
	margin:10px 0;
	width:446px;
	height:74px;
	display:block;
	background:url(images/but-share.png) no-repeat;

}

#homeboxes div.homeshare a:hover{

	background:url(images/but-share.png) 0px -74px no-repeat;

}

.newstitle {
	margin:0 0 10px;
	padding:0;
	font-size:14px;
text-transform:uppercase;
color:#111111;
background:none;
}

html body.home div#wrapper div#main.homepic div#right-col div#homeboxes div#homenews.widget ul {
	list-style: none outside none;
	margin:0;
	padding:0;
}

html body.home div#wrapper div#main.homepic div#right-col div#homeboxes div#homenews.widget ul li{
	margin-bottom:10px;
}

.post-date {
	margin:0;
	line-height:14px;
	
}

.post-title {
	font-weight:bold;
}

#footer1, #footer2 {
	float:left;
	margin-left:20px;
width:240px;
}

#footer3 {
	float:right;
width:240px;
}

#footer {
	width:805px;
	padding-left:175px;
	font-size:11px;
	line-height:16px;
	text-align:left;
}

#footer1.widget div.textwidget p a,
#footer2.widget h3.foottitle a.rsswidget,
#footer2.widget ul li a.rsswidget,
#footer3.widget h3.foottitle a,
#footer3.widget ul li.cat-post-item a.post-title {
	color:#666666;
}

#footerinner {
	background-color:#fafafa;
	min-height:250px;
	padding-top:20px;
}
#footer2.widget ul, #footer3.widget ul {
	list-style:none;
	padding-left:0;
}

#footer2.widget ul li, #footer3.widget ul li {
	margin-bottom:10px;
}

.rss-date {font-style:italic;
}

.bottomsmall {
	padding:20px;
	font-size:10px;
	color:#aaaaaa;
}
.gall {
	width:470px;
}
.gall1, .gall2 {
	width:150px;
	float:left;}
	
.gall2 {
	width:150px;
	padding:0 10px;}
	
	
.gall3 {
	width:150px;
	float:right;}
	
	.clickimages {
		font-size:10px;
		font-weight:bold;
	}
	
	/*---JOB ---*/
	
	
	#job1 tbody tr td {
		line-height:1.4em;
	}
	
	#job1 tbody tr td ul {
	margin:0;padding:0 0 0 20px;
	}
	#job1 tbody tr td ul li {
		padding-bottom:8px;
	}
	
	.jobbyapp {

	border: 1px solid #e0e0e0;
	padding:20px;
	margin:20px 0 0;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	behavior: url(PIE.htc);
}

.jobbyapp h2 {
	color:#002256;
	margin-top:0;
}