/*
Theme Name: Librio: 
Description: Website Design by <a href="http://www.kathyosborne.com">Kathy Osborne</a> using Librio Theme
Version: 1.0
Author: Deniart
Author URI: http://deniart.ru/
Tags: fixed width, two columns, widgets, apple, mac, white, grey
	Librio v1.0
	http://deniart.ru/
	This theme was designed and built by Denis Shakhov,
	whose homepage you will find at http://deniart.ru/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul, ol { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }

/* Body
-------------------------------------------------------------------*/
body { 
	font-family: Georgia, Verdana, Helvetica, Geneva, sans-serif; 
font-size:.9em;
line-height: 1.3em;
	color: #1b1c1d; 
	background: #990000 url('.../wp-content/uploads/bg.jpg') repeat-y top center; 
}

h1, h2, h3, h4, h5,h6 { font-family: Georgia, Helvetica, Geneva, Sans-Serif; font-weight: normal; color: #272727; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; font-weight: bold;}
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; font-weight: bold; margin-top: 20px; } h3 { font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: bold;}

h4 { font-size: 14px; line-height: 20px; margin-bottom: 5px;}

h5 { font-size: 12px; line-height: 18px; margin-bottom: 5px;}

h6 { font-size: 10px; line-height: 16px; margin-bottom: 5px;}



h1 span { color: #999; }



a { color: #990000; text-decoration: none; }

a:hover { color: #000; text-decoration: underline; }

a:visited { color: #990000; }



p { margin-bottom: 10px; margin-right: 20px;}



input, textarea { font: 12px Georgia, Verdana, Helvetica, Arial, Geneva, sans-serif; }



blockquote { 

	font: italic 14px/22px; 

	padding: 5px 10px;

	margin-bottom: 20px;

	background: #eef3f7; 

}



.table { 

padding: 10px;

}



/* Container

-------------------------------------------------------------------*/

#container { 

	width: 900px; 

	margin: 0px auto 0px auto;

	overflow: hidden; 

}

#container #wrapper { 

	width: 900px; 

	float: left; 

	overflow: hidden; 

	background: #fff; 

}







/* Header

-------------------------------------------------------------------*/

#header { 

	width: 900px; 

	height: 272px; 

	float: left; 

	background: #fafafa url(images/header.jpg) no-repeat; 

	position: relative; 

}

#header h1 { 

	display: none;

font: 24px Georgia;

	padding: 12px 0 0 15px; 

	margin-bottom: 0; 

	color: #333; 

}

#header h1 a { 

	color: #333; 

	text-shadow: 1px 1px 1px #fff; 

	text-decoration: none; 
}

#header h1 span { 

	padding-left: 10px; 

	font-size: 11px; 

	color: #777; 

}



#topurl a { 

	font-size: 8pt; 

        font-family: Georgia, Helvetica, san-serif;

	color: #94aac2; 

	margin: 3px 0 0 660px;

        position: absolute;

        display: none;

}

#topurl a:hover { 

	color: #fff; 

}



#hcontact { 

color:#FFFFFF;

font-family: Georgia,Helvetica,san-serif;

font-size:10pt;

margin:55px 0 0 560px;

padding-right:30px;

position:absolute;

text-align:center;

width: 320px;

}



.big {

font-size: 20px;

color: #f3f3d8;

}



#hcontact a { 

	color: #fff;

        text-decoration: none; 

}

#hcontact a:hover { 

	color: #fff;

        text-decoration: underline; 

}









/* Search

-------------------------------------------------------------------*/

#search {

	display: none;

position: absolute;

	top: 20px; 

	right: 10px;

}

#search #s { 

	width: 170px;

	height: 14px;

	padding: 5px 0 5px 23px;

	vertical-align: bottom;

	line-height: 1px;

	font: normal 12px Georgia, Sans-Serif;

	color: #777;

	border: 0;

	background: #fafafa url(images/search-bg.gif) no-repeat;

}

/* Navigation
-------------------------------------------------------------------*/
.menu-primary-container { 
	float: left; 
	height: 43px;	width: 900px;	background: #000000;	text-align: center;
}
#menu-primary { 
	text-align:center;	float: left; 
	font-size: 12px;	position:absolute;	list-style:none;	background-color: #000000; 	 margin-left: 115px;
}
#menu-primary li { 
	float: left;	position: relative;
	}#menu-primary a {	display:block;	padding: 5px;	color: #ffffff;	text-decoration: none;	text-transform: uppercase;	line-height: 33px;	margin-left: 20px;}
#menu-primary ul {	left:-9999px;	position: absolute;	list-style: none;	background: #000000;}#menu-primary ul li {	 float: none;	 padding-top:1px;}#menu-primary ul li a{	white-space: nowrap;	margin-left: 0px;}#menu-primary li:hover ul{ /* Display the dropdown on hover */	left: 0; /* Bring back on-screen when needed */	width: 150px;}#menu-primary li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */	text-decoration:underline;}#menu-primary li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */	text-decoration:none;}#menu-primary li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */	background:#333;}
#menu-primary ul li a:hover { 
	color: #d13346; 
}
.menu-primary-container #feed {  
	display: none;
    position: absolute; 
	right: 15px; 
	top: 7px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block; 
	text-shadow: 1px 1px 1px #fff; 
	background: url(images/feed.gif) no-repeat 0 3px; 
}

/* Content

-------------------------------------------------------------------*/

#content { 

	width: 600px; 

	float: left; 

	padding: 15px; 

	background: #fff; 

margin-top:20px;



}



#content .post { 

	margin-bottom: 30px; 

        margin-left: 15px;

margin-right: 15px;



}

#content .post h1.post-title { 

	color: #103475;

        font-size: 16pt;

}

#content .post h1.post-title a { 

	text-decoration: none;

	color: #103475;

}



#content .post h1.post-title a:hover { 

	text-decoration: underline;

}



#content .post .post-info { 

	clear: both; 

	font-size: 11px; 

	color: #777; 

	padding: 3px 5px 3px 5px; 

	margin-bottom: 20px; 

	border-top: 1px solid #bdccdc; 

	border-bottom: 1px solid #bdccdc; 

	background: #e9eff5; 

        display: none;

}

#content .post .post-info a { color: #333; text-decoration:none; }

#content .post .post-info a:hover { color: #555; text-decoration:none; }



#content #pages { text-align: center; }

#content #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }

#content #pages a:hover { color: #1e2726; }



#content ul, ol, dl { margin-bottom: 20px; }

#content ul { 

	list-style: disc;

	list-style-position: outside; 

        margin: 0 50px 10px 50px;

}

#content ol { 

	list-style: decimal; 

	list-style-position: outside;

         margin-left: 40px; 

}

#content dl dt { 

	font-weight: bold;

}

#content dl dd { 

	font-style: italic;

	margin: 0 0 5px 20px;

	color: #555;

}



.aligncenter { margin-left: auto; margin-right: auto; }

.alignleft { float: left; margin: 5px 15px 10px 0; }

.alignright { float: right; margin: 5px 0 10px 15px; }







/* Comment Form

-------------------------------------------------------------------*/

#commentform { 

	background: #fafafa; 

	border: 5px solid #def7f8; 

	padding: 10px; 

	color: #555; 

}

#commentform p { margin-bottom: 7px; }

#commentform textarea { 

	width: 630px; 

	border: 1px solid #aaa; 

	height: 120px;

}

#commentform input.text { 

	width: 150px; 

	border: 1px solid #aaa; 

	margin-right: 10px; 

	padding: 3px 3px; 

}

#commentform input#submit { padding: 3px 10px; }







/* Comments

-------------------------------------------------------------------*/

#comments .comment { 

	width: 670px;

	background: #def7f8; 

	margin-bottom: 10px; 

	overflow: hidden; 

	padding-bottom: 5px; 

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}

#comments .comment .comment-avatar { 

	width: 50px; 

	float: left; 

	padding: 5px 7px; 

}



#comments .comment .comment-content { 

	width: 570px;

	float: left; 

	padding: 10px 15px; 

	margin: 5px 5px 0 0; 

	background: #fafafa ; 

}

#comments .comment .comment-content a { color: #444; }



#comments .comment .comment-info { 

	font-size: 11px;

	color: #777;

	margin-bottom: 5px; 

}

#comments .comment .comment-info span {

	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	

	padding-right: 10px; 

	margin-bottom: 5px;

}

#comments .comment .comment-info a { 

	color: #444; 

	text-decoration: none;

}







/* Sidebar

-------------------------------------------------------------------*/

#sidebar { 

	width: 260px; 

	float: left; 

	font-size: 12px; 

	color: #1b1c1d; 

	margin-bottom: 15px;

        margin-top: 20px;

line-height:15px;

}

#sidebar h3 { 

	font: bold 13px Georgia; 

	color: #990000; 

        text-transform: uppercase;

}



#sidebar a { color: #1a5594; text-decoration: none; }

#sidebar a:hover { color: #1a5594; }



#sidebar .block { 

	overflow: hidden;

	background: url(images/sidebar-block-bg.gif) no-repeat bottom center; 

padding-bottom:10px;

padding-top:10px;

}

#sidebar .block ul li { 

	padding-left: 18px; 

	background: url(images/arrow.gif) no-repeat 0px 3px; 

}

/* Opentable reserve styles */

#OT_searchWrapperAll {
height:220px;
width:350px;
background: #eaeaea;
}
form#ism {
height:220px;
width:350px;
 margin:0px;
}
#callShim {
 height: 0px;
}
.imgcal {
 height:0px;
}
h2.OT_feedTitle {
clear:both;
color:#990000;
display:block;
font-size:16px;
margin:10px 2px 0 10px;
text-align:left;
text-transform:uppercase;

}
#OT_dateLbl {
  text-align: left;
  margin-left: 20px;
}
#OT_timeLbl {
margin-left:20px;
margin-top:20px;
text-align:left;
}
#OT_partySize {
  text-align:right;
  width:200px;
}
#OT_partySizeLbl {
  text-align: left;
  margin-left: 20px;
}
.OT_partySizeLbl {
 float: left;
 margin-left: 20px;
}
#OT_date {
font-size:10px;
line-height:5px;
text-align:right;
height: 15px;
width:200px;
}
#OT_date input {
  width:130px;
}
#OT_time {
text-align:right;
width:200px;
}
#OT_submitWrap {
  margin-top: 10px;
  width:200px;
}
p#dateDisplay {
  margin:5px 0px 0px 0px;
  padding-bottom: 0px;
 
}




/* Calendar */

#sidebar .block #calendar_wrap .pad { background: none; }

#sidebar .block #calendar_wrap #prev { background: none; }

#sidebar .block #calendar_wrap #next { background: none; }

#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}

#sidebar .block #calendar_wrap table th { width: 14.2%; }

#sidebar .block #calendar_wrap table td { width: 14.2%; background: #fafafa; text-align: center; color: #888; }

#sidebar .block #calendar_wrap table td a { font-weight: bold; }







/* Footer

-------------------------------------------------------------------*/

#footer {

	width: 900px;

	height: 104px;

	float: left;

	clear: both;  

	position: relative;

	background: #000000; 

}

#footer a#theme-author { 

	position: absolute; 

	top: 0px; 

	right: 0px; 

	display: block; 

	height: 28px; 

	width: 130px; 

}

#footer p { 

	color: #fff; 

        text-align: center;

	font-size: 13px; 

	margin-top: 20px; 

}

#footer a { 

	color: #fff;

	text-decoration: underline;

}

#footer a:hover { 

	color: #990000;

	text-decoration: underline;

}