@charset "UTF-8";
/*
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
------------

*/




#sentence
{
	position:fixed;
	top:10px;
	left:255px;
	width:670px;
	text-align:right;
	z-index:2000;
	color: #fff;
    font-family: Times,Verdana,Arial,sans-serif;
  	font-size: 20px;
	font-style:italic;
	
}

#sentence2
{
	position:fixed;
	top:10px;
	left:255px;
	width:670px;
	text-align:right;
	z-index:2000;
	color: #000;
    font-family: Times,Verdana,Arial,sans-serif;
  	font-size: 20px;
	font-style:italic;
	
}

#logo_madiba{
	margin-top:20px;
	margin-left:40px;
	width:170px;
	height:230px;
	background: url("images/logo_madiba.png") top left no-repeat;
	}


/* Links */

a {text-decoration: none;}

a img {border: none;}

#blog-title a {color: white;}

.breadcrumb a {color: inherit;}


#sidebar a:active,
#sidebar a:link,	#sidebar a:visited,
#right-col a:link,	#right-col a:visited,
#footer a:link,		#footer a:visited
{color: #555; text-decoration:underline;
background-color: none;

}

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

#menu a
{
	color: #555; 
	text-decoration: none; 
	display:block; 
	padding:0px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	
	
	}

#menu a:hover{
	
	color:#000;
	padding:0px;
	display:block;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

#menu .current-menu-item a, #menu .current-page-ancestor a
{
	color:#000;
	padding:0px;
	display:block;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
}


#language {
  height: 20px;
  margin-bottom: 20px;
  width: 210px;
  margin-left:40px;
}

#language a, #language a:visited{
	text-decoration:none;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	padding-left:5px;
	text-transform:uppercase;
	color:#555;
}


#language a:hover{
	text-decoration:underline;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#555;
}

#language .active a,#language .active a:hover 
{
	text-decoration:none;
	font-weight:bold;
	color: #000; 
}

.qtrans_language_chooser li {
 
  list-style-type: none;
  float:left;
}
#facebook{
	
	width:28px;
	margin-left:45px;
	
	}
#facebook_logo {
	width:20px;
	height:20px;
	margin-left:0px;
	margin-top:-12px;
	background: url("images/logo_facebook.png") top left no-repeat;
	}



#menu_chambres {
  height: 50px;
  position: absolute;
  text-align: center;
  top: 285px;
  width: 650px;
}


#menu_chambres li
{
	float:left;
	width: 125px;
	margin-left:4px;
	height:20px;
	background-color:#fff;
	text-align:center;
	padding:0px;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
}

#menu_chambres  a:link, #menu_chambres  a:visited
{
	color:#000;!important;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	
}

#menu_chambres  a:hover
{
	font-size:14px;
	font-weight:bold;
	
}

#menu_chambres .current_page_item a:link, #menu_chambres .current_page_item  a:visited
{
		font-size:14px;
	font-weight:bold;
}




/*

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: 1em; font-family: "Helvetica Neue", "Book Antiqua", "Palatino", serif;}

.entry,
.page_navigation, 
.commentlist, 
.comment_notice, 
.nocomments, 
.navigation, 
#commentform label, 
#commentform .required
{font-size: 0.8em; line-height: 1.12em;  width:650px;}

input,
textarea
{font-size: 1em; font-family: "Helvetica Neue", "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: 1.2em; line-height: 1em; text-transform:uppercase; padding:0; margin:0;} /* 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: 1em; line-height: 1em; font-style:normal;} /* roughly 24px */
.widgettitle {font-size: 0.8em; padding: 10px 0 10px 0;  margin: 0; width:170px;} /* 20px */
#adresse {font-size: 0.8em;line-height:1.1em; padding: 20px 0 35px 40px;  margin: 0; width:170px;} /* 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: left;}

.menu-item,
.page_item
{font-size: 1em; width:170px;line-height:14px; padding-left:5px;}

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

.children li,
.sub-menu li 
{font-size: 14px;} /* 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: right;
	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: "Helvetica Neue", "Book Antiqua", "Palatino", serif;
}

.error404 select {
	font-size: .8em;
	font-family: "Helvetica Neue", "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: "Helvetica Neue", monospace;}

/*

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

*/
body {
	margin: 0; padding: 0; 
}
#bg {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -10;
display:none;
}

.bgwidth 
{
	width: 100%; 
}
.bgheight 
{ 
	height: 100%; 
}

#header{
	top: 25px; 
	right: 0;
	padding: 10px;
	position: fixed;
}

#wrapper {padding: 0 0 0 0; margin: 0; width: 900px;height:100%; }

#left-col {
	position: fixed;
	float: left;
	padding: 0 10px 0 0; margin: 0;
	width: 210px; 
	height: 100%; 
	background: url("images/bkg1.png") repeat-y left top;
}

#right-col {
	position: relative;
	left: 255px;
	top:120px;
	min-height: 400px;
	width:650px;
	background: url("images/bkg1.png") repeat left top;
	padding:15px 15px 15px 15px;
}

#footer {
	text-align: center;
	width: 750px;
	clear: both;
	position: relative;
	left: 265px;
	padding: 5px 0 30px 0;
}


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





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



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

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

/* Content and Post Elements */

#right-col .post,
#right-col .page
{margin: 0 ; padding: 0 ; width: 650px; }

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

.posttitle {margin: 0 0 0 0; padding: 0 0 0px 0;}

.entry p {margin-bottom: 1em; padding: 0; text-align : justify;  margin-top:5px;}

.post-metadata {clear: both;}

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

.nav-next,.nav-prev {
	width:22px !important;;
	height:22px !important;;
}

.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 0 10px 0;}

#right-col img {height: 300px; max-width: 650px;}

.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;}



/* 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 45px; margin: 0; }

#sidebar div {margin: 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! */