/*
Theme Name: Ristorante Rinuccini
Theme URI: http://eventmedia.ie
Description: Site template (2) for Ristorante Rinuccini, Kilkenny
Version: 1
Author: Ken McGuire, Event Media
Author URI: http://eventmedia.ie/
*/
.foodmenu{ text-align: center;}

.winetable{ width: 600px; vertical-align: top;}

#aw{
	text-align:center;
	clear: both;
	width: 95%;
	margin: 20px auto;
	}

#dropinboxv2cover{
width: 223px; /*change width to desired */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 203px; /*change width to above width-20. */
border: 2px solid black; /*Customize box appearance*/
background-color: lightyellow;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

img#i1{
padding: 3px;
border: 1px solid #ddd;
}

img#i1r{
padding: 3px;
border: 1px solid #ddd;
margin-left: 10px;
}

td#i2{
padding-right: 10px;
vertical-align: top;
text-align: center;
}


body {
	margin-top:30px;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #333 url(images/patt_4b1e60eac3a98.jpg);
	color: #333;
	
	}


table, img { border: 0; }

table tr td{ vertical-align: top;}

/* ----- HEADER ----- */

#outerdiv{
margin: 0 auto;
border: 10px solid #666;
width: 850px;
background-color: #fff;

}

#rinheader{
display: block;
}

#rinTop {
	display: block;
	background-color: #fff;
	width: 850px;
	height: 110px;
	background-image: url('images/rinlogo.jpg');
	background-repeat: no-repeat;
	background-position: 10px 5px;
	}

#rinBot {
    margin: auto;
	clear: both;
	padding: 0;
	text-align: right;
	width:850px;
	color: #fff;

	}
	
#rinBot a{
	color: #8dc63f;
	}

#header {
	display: block;
	margin:0px auto 0px auto;
	background-color: #999;
	padding: 0; 
	height: 150px; 
	width: 850px;
	background-image: url('images/rinucciniheader.jpg');
	border-top: 3px solid #666;
	border-bottom: 3px solid #666;
	}

#header a:link, #header a:visited { color: #fff; }
#header a:hover { color: #fff; }

#header p {
	font: 9px/10px 'Lucida Grande', Verdana, arial, sans-serif;
	color: #fff;
	margin: 0 0 0 25px;
	width: 310px;
}

/* ----- MAIN AREAS ----- */

#content {
	margin:0 auto;
	padding: 10px 0 0 0;
	width: 850px;
	background-color: #ffffff;
	font: 1.2em 'Lucida Grande', Verdana, arial, sans-serif;
	color: #444;
	
}




#content img.wp-smiley {
	padding: 0px;
	border: 0px;
	margin: 1px;
}

#left {
	margin-top: 5px;
	float: left;
	width: 600px;
	clear: none;
	padding-left: 20px;

}

#sidebar {
	/* border: 1px solid #00ff00; */
 	width: 200px;
	float: right;
	display: inline;
	margin-right: 20px;
	clear: none;
	}


#sidebar img { border: 0; }


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

#wp-calendar th{
	color: #666;
}

#wp-calendar a{
	background-color: #F1F5E9;
	font-weight: bold;
}



/* ----- FORMS ----- */

form {
	margin-top: 20px;
}

input, textarea {
	font: 11px 'Lucida Grande', Verdana, arial, sans-serif;
	/* background-color: #333; */
}



#commentform {
	width: 350px;
	text-align: left;
}

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

#commentform input, #commentform textarea {
	width: 300px;	
}

#commentform input.field {
	text-align: left;
}

#commentform #submit {
	height: 24px;
	font: bold 11px 'Lucida Grande', Verdana, arial, sans-serif;
	color: #666;
}

.post input { /* for password protected posts */
	font: 11px Verdana, arial, sans-serif;
}

label {
	letter-spacing: 0;
	color: #666;
}

label small {
	color: #999;
}

.field { /*common to all text fields */
	border: 1px solid #ccc;
	background-color: #fafafa;
	color: #666;
}

.field:hover, .field:focus {
	border: 1px solid #9c0;
	background-color: #fff;
}

/* search area */
#searchform { margin: 0 auto; padding: 0 0 0 0; text-align: left; }
.searchbox{ background-color: #F1F5E9; border: 1px solid #888; 	width: 105px;}

.searchbutton{
	font: 10px/12px 'Lucida Grande', Verdana, arial, sans-serif;
	width: 30px;
}

.box #searchform p {
	display: inline;
	padding: 0;
	margin: 0;
}

.submit {
	width: 45px;
	font: 9px 'Small Fonts', Verdana, arial, sans-serif;
	height: 19px;
	color: #666;
}

.submit:hover {
	font-weight:bold;
}

/* ----- LINKS ----- */

a:link { color: #000; text-decoration: none; font-weight: bold;}
a:visited { color: #000; text-decoration: none; font-weight: bold;}
a:hover { color: #000; text-decoration: underline; font-weight: bold;}
a:active { color: #000; text-decoration: none; font-weight: bold;}



/* ----- TITLES ----- */

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	border-bottom: 2px solid #bbb;
	}

h1 {
	color: #fff;
	margin: 0 0 0 24px;
	padding-top: 150px;
	letter-spacing: -1px;
}

h3,h2 {
	margin: 0 0 12px 0;
	color: #000;
	font-size: 1.6em;
	padding-bottom: 4px;
}

a.h3:link , a.h3:visited , a.h3:active{ color: #717961; text-decoration: none; }
a.h3:hover { color: #333; text-decoration: none; }


img.wp-smiley{
	border: 0 solid #ff0000;
}

div.commentform{
	margin-top: 20px;
}

div.comments {
	margin-left: 14px;
}

ol.commentlist {
	margin:0 0 0 0px;
	padding:0;
}

ol.commentlist li {
	border: 1px dotted #808080;
	list-style: none;
	margin: 0px 25px 15px 0;
	padding: 2px 2px 2px 10px;
}

ol.commentlist li p {
	color: #555;
	line-height: 16px;
	margin: 0 10px 10px 0;
}

ol.commentlist li p.commentdate {
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	color: #666;
	padding-bottom: 0px;
}

ol.commentlist li p.commentauthor {
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	color: #666;
	padding-bottom: 6px;
}

.comment_author {
	font: 13px Georgia, "Times New Roman", serif;
	font-weight: bold;
	line-height: 14px;
	margin-left: 16px;
}

div#pinned{ 
	background:#9c0;
	margin: 0 0 20px 0;
	padding: 0;
}

div.post{
	line-height: 1.4em;
	text-align: justify;
	background-image: url('images/rinuccinibg.gif');
background-position: top center;
	background-repeat:no-repeat;
	background-color:#fff;
	margin-top: 0px;
	margin-bottom: 35px;
	min-height: 457px;
}

.post hr {
	height: 5px;
	visibility:hidden;
}



.post p.thedate {
	font: normal 9px/9px Georgia, "Times New Roman", serif;
	color: #444;
	letter-spacing: 2px;
	margin-bottom: 4px;
}

/* blockquotes */

* html blockquote{height: 1%;} /* ie hack */
* html li{height: 1%;} /* ie hack */

blockquote {
	border: 1px dotted #878686;
	background: url('img/quote.gif') no-repeat;
	font: 10px/16px Georgia, "Times New Roman", serif;
	display: block;
	padding: 0 10px 6px 12px;
	color: #444;
	margin: 0 16px 15px 16px;
}

.post blockquote p {
	margin:0;
}



/* meta */

div.cat {
	font-weight: bold;
	color: #fff;
	background-color: #9CA686;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
}


div.meta {
	background-color: #F1F5E9;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	margin: 15px 0 0 0;
	padding: 4px 4px 4px 4px;
}



div.meta p {
	font-size: 9px;
	line-height: 16px;
	color: #444;
	margin: 0;
}

div.meta span {
	color: #666;
}
/* navigation */
.navigation{
	text-align: center;
	padding-bottom: 30px;
	font: 10px 'Lucida Grande', Verdana, arial, sans-serif;
	font-weight: bold;
}


/* SIDEBAR stuff */

.box {
	background-color: #fff;
	margin:0 0 18px 0;
}

.box p, .box img, #firstbox p {
	margin: 0 14px 8px 14px;
}
#menu{
	margin-right: 8px;
	display: inline;
}

#menu{
	/*border: 1px solid #ff0000;*/
}

ul.menu {
	margin:0 0 0 0;
	padding: 0 0 0 0;
	padding-left:40px;
}

ul.menu li {
	list-style: none;
}

ul.menu li a {
	display: block;
	width: 100%;
}

#pages ul,#categories ul, #archives ul, #meta ul, #links ul{
	margin-top: 5px;
	margin-left: 10px;
}

#search div{
	margin-left: 8px;
	margin-top: 20px;
}

#p.a:hover{ color: #ff0000; text-decoration: none; }
/* remove .norm rules if number of posts in category is not used */ 
/* should remove class='norm' from sidebar.php first */

#sidebar ul.norm li a {
	display: inline;
}

#sidebar ul.norm li {
	color: #2052AF;
}

/* remove until here */

#sidebar ul.norm li a:hover {
	background-color: transparent;
}

#sidebar ul li a.feed {
	background-image: url(./img/feed-icon-10x10.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 18px;
	width: auto;
}



#sidebar form {
	margin: 0;
	}
	
#sidebar a{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size:1.7em;
	color: #666;
	line-height:1.31em;
}

#sidebar a:hover{
	text-decoration: underline;
	}

#souvenirs {
	margin-top: 35px;
	text-align: center;
}

#souvenirs img {
	margin-bottom: 30px;
}

.footer { 
	text-align: left;
	padding-left: 40px;
	}

.footertxt{
	color: #666;	
	margin-left: 85px;
	margin-top: 0px;
	text-align:left;
}

a.footerlink:link { color: #666; text-decoration: none; }
a.footerlink:visited { color: #666; text-decoration: none; }
a.footerlink:hover { color: #000; text-decoration: none; }
a.footerlink:active { color: #666; text-decoration: none; }





p.error {
	margin-top: 16px;
	font-weight: bold;
	color: #900;
}

a#totop {
	display: block;
}

div.post p.nocomments {
	margin: 0;
	color: #666;
	text-align: center;
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

#ringallery{
height: 110px;
vertical-align: middle;
float: right;
position:relative;

}

#ringallery img{

}

#clear{
clear:both;
}

#logo{
	background-color: #fff;
	height: 110px;
	background-image: url('images/rinlogo.jpg');
	background-repeat: no-repeat;
	background-position: 10px 5px;
	}
	
#address{
	text-align: center;
	color: #fff;
	font-family: verdana;
	text-transform:uppercase;
	}

#address a{
	font-weight: bold;
	color: #fff;
	
	}
span.gf{
font-weight: bold;
color: #8dc63f;!important
}

a.an:hover{
text-decoration: none;
font-weight: normal;
}

p.alc{ font-size: 1.6em; text-align: center; border-bottom: 1px solid #ddd; color: #000;}

h2.alc{
border-bottom: 1px solid #ddd;
width: 300px;!important
text-align: center;!important;

}

div#alc{
margin: 0px auto;
width: 300px;
text-align: center;
}

#flyad {background-color:#ffffff;text-align:center;border:1px solid #000099;z-Index:999;visibility:hidden;position:absolute;top:300px;left:200px;width:200px;}
#fa1 {width:100%;background-color:#000099;text-align:right;font-family: arial, helvetica, sans-serif;}
#fa1 a:link{text-decoration:none;color:#ffffff;font-weight:bold;font-family: arial, helvetica, sans-serif;}
#fa1 a:visited{text-decoration:none;color:#ffffff;font-weight:bold;font-family: arial, helvetica, sans-serif;}
#fa1 a:active{text-decoration:none;color:#ffffff;font-weight:bold;font-family: arial, helvetica, sans-serif;}
#fa1 a:hover{text-decoration:none;color:#ffffff;font-weight:bold;font-family: arial, helvetica, sans-serif;}
#fa2 {width:100%;margin:4px;text-align:left;}
#fa3 {width:100%;margin:4px;text-align:center;}

#justask{
	text-align: center;
	padding: 10px;
	background: #46584B;
	color: #fff;
	}
	
#justask a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
#justask a:hover{
	text-decoration: underline;
	}