/*
Theme Name: Nireus Hotel
Theme URI: http://nireus-hotel.gr/
Description: classy, royal, warm
Version: 1.0
Author: SymiSun*
Author URI: http://symisun.com/
Latest Revision: 24th of September, 2009
*/

/*
some basic styling to set the master background, the font color and size, center the template and get rid of margins and padding
*/
body {
background:#340d06 url('img/bg-site.gif') top left repeat-x;
color:#8a522d;
font:normal 12px/18px georgia,tahoma,arial,sans-serif;
text-align:center; /* "center the table please" hack part 1/2 =D */
margin:0;
padding:0;
}
/* links */
a:link, a:active { color:#532c1b; text-decoration:none; }
a:hover { text-decoration:underline; }
a:visited { color:#532c1b; text-decoration:underline; }
a:focus, input:focus { outline:none; }
/* links */
img { border:none; }
h3 {clear:both;}
/* lists */
#content ul, #content ol { line-height:20px; }

/*
source formatted view aka sfv lol, it just makes the code clearer to me that way
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
one (table class) to include them all
*/
.master {
width:900px;
text-align:left;
margin:0 auto; /* "center the table please" hack 1/2 =D */
background:url('img/interface.jpg') top left no-repeat;
}
	/*
	overall header
	*/
	#header {
	width:900px;
	height:366px;
	vertical-align:top;
	margin:0;
	position:relative;
	}
		/*
		logo background
		*/
		#logo {
		position:absolute;
		top:0;
		left:70px;
		}
		/*
		language selection
		*/
		#lang {
		width:125px;
		height:40px;
		text-align:center;
		vertical-align:top;
		margin:2px 0 0 0;
		position:absolute;
		top:0;
		right:122px;
		}
		/*
		tp
		*/
		#tp {
		width:344px;
		height:313px;
		margin:0;
		position:absolute;
		top:40px;
		right:52px;
		}
		/*
		testimonials
		*/
		#testimonials {
		width:210px;
		height:155px;
		position:absolute;
		top:90px;
		left:100px;
		vertical-align:top;
		margin:0;
		text-align:center;
		font:normal 14px/normal georgia,arial,sans-serif;
		color:#856660;
		}
		#testimonials h4 {
		font:bold 14px/normal georgia;
		text-decoration:underline;
		color:#dfc095;
		margin:0 0 10px 0;
		}
		#testimonials .by {
		text-align:right;
		font-style:italic;
		margin-right:10px;
		color:#8a5525;
		}
		#sign {
		width:245px;
		height:85px;
		position:absolute;
		top:217px;
		left:81px;
		font:bold 14px georgia;
		text-align:right;
		}
		#sign a {display:block; width:245px; height:85px; color:#e22d3c; text-decoration:none;}
		#sign a:hover {background:url('img/bell.jpg') no-repeat top left; color:#a00;}
		#sign .pos {display:block; padding:31px 35px 0 0;}
		#sign .hint {font:normal 13px arial; color:#856660;}
	/*
	overall body
	*/
	#parent {
	width:900px;
	height:auto;
	vertical-align:top;
	margin:0;
	background:url('img/bg-content.gif') top center repeat-y;
	position:relative;
	}
	.trick {background:url('img/interface.jpg') 0 -366px no-repeat;}
		/*
		main content here
		*/
		#content {
		width:480px;
		float:left;
		background:#f6edd0;
		border:2px solid #ead5a2;
		text-align:left;
		vertical-align:top;
		margin:7px 0 0 79px;
		font:normal 12px/normal georgia,serif;
		}
		#content a:link, #content a:visited { background:#fff; padding:2px 5px; color:#300; text-decoration:none; }
		#content a:hover { color:#a00; }
		#content a.img { padding:0; background:none; }
		#content .img img { vertical-align:middle; }
		#content h1 {font:normal 22px georgia,serif; color:#f6edd0; margin:-62px 0 40px 0;}
		#content .date {width:120px; height:52px; float:left; margin:0 10px 10px 0; text-align:center; padding:3px 0 0 0;}
		#content .filed {font-size:11px; color:#577c8f;}
		#content .comments a {text-decoration:none;}
		#content p {margin:8px 0;}
		#content h2, #content h2 a {color:#4c0400; font:normal 18px georgia,sans-serif; margin:5px 0 3px 0;}
		#content hr {background:#c7b59d; border:none; font-size:1px; height:1px; overflow:auto; margin-bottom:12px;}
		#rightcol {
		width:225px;
		float:left;
		text-align:left;
		vertical-align:top;
		margin:9px 0 0 7px;
		font:normal 12px/normal georgia,serif;
		}
		#rightcol h3, #rightcol h3 a {color:#a86a31; font:normal 14px georgia,sans-serif; margin:5px 0;}
		#rightcol p {color:#695b52;}
		#rightcol hr {background:#ccb484; border:none; font-size:1px; height:1px; overflow:auto; margin-bottom:6px;}
		.rbox {padding:5px 10px;}
		.rboxc {background:#dfc797; border:1px solid #eee; padding:5px 15px; line-height:20px;}
		.offer {
		width:116px; 
		height:106px; 
		position:absolute; 
		top:-40px; 
		right:0; 
		background:url('img/offer.png') no-repeat top left; 
		z-index:100;
		}
			/*
			navigation bar
			*/
			#menu {
			width:135px;
			height:230px;
			position:absolute;
			top:80px;
			left:375px;
			vertical-align:top;
			font:bold 13px/22px tahoma,serif;
			}
			#menu ul {width:135px; margin:0; padding:0; list-style:none;}
			#menu ul li a {text-decoration:none;}	
			#menu ul li a:link, #menu ul li a:visited {color:#a55e32; display:block; padding:0;}
			#menu ul li a:hover, .active a {color:#000!important; padding:0;}
	/*
	overall footer
	*/
	#footer {
	width:100%;
	height:115px;
	background:url('img/bg-footer.gif') top repeat-x;
	vertical-align:top;
	margin:0;
	clear:both;
	font:normal 12px tahoma,serif;
	color:#512717;
	}
		/*
		top full width background image
		*/
		#cleardiv {
		width:900px;
		margin:0 auto;
		padding-top:15px;
		}
		/*
		left part
		*/
		#footleft {
		width:300px;
		margin-left:90px;
		float:left;
		vertical-align:top;
		text-align:left;
		}
		.contact {font:normal 9px verdana,serif; color:#964623; margin-top:30px;}
		.contact a:link, .contact a:visited, 
		.valid a:link, .valid a:visited {text-decoration:none; color:#9c652c;}
		.contact a:hover, .valid a:hover {text-decoration:underline;}
		a.symisun:link, a.symisun:visited, a.symisun:hover {text-decoration:none; color:#87222a;}
		.star {color:#8c670f;}
		/*
		right part
		*/
		#footright {
		width:300px;
		margin-right:110px;
		float:right;
		text-align:right;
		}
		.valid {margin-top:30px;}
/* Some Extra Styling */		
.clear {clear:both;}
.pad10 {padding:10px 15px;}
.pad20 {padding:20px;}
.s12 {font-size:12px;}
.s14 {font-size:14px;}
.s18 {font-size:18px;}
.s22 {font-size:22px;}
.s24 {font-size:24px;}
.s30 {font-size:30px;}
.s36 {font-size:36px;}
.light1 {color:#437791;}
.light {color:#c0c6ca;}
.dark1 {color:#08334b;}
.dark {color:#020f15;}
.gold {color:#d8a759;}
.blue {color:#7a97a3;}
.txtright {text-align:right;}
.code {
width:90%;
padding:8px;
background-color:#0b1017;
border:1px solid #182331;
font-size:9px;
font-family:tahoma,sans-serif;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0;
	padding: 12px 0px 0 10px;
	float: left;
	position: relative;
	width: 190px;
	height: 160px;
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding-left: 1px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	background: url('img/watercolor-mask.png') no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
	color:#333;
}
/* small thumbs gallery */
/*gallery*/
ul.photos {list-style:none;margin:0 0 10px 0!important;padding:0!important;}
ul.photos li {display:block;float:left;margin:0 5px 5px 0;}
ul.photos li a {padding:2px!important;display:block;border:1px #ad9c73 solid;line-height:0;}
ul.photos li a:hover {border:1px #313739 solid;}

input {
vertical-align:middle;
padding:2px;
}
input.searchfield {
width:255px;
border:2px solid #ccc;
font-size:.9em;
padding:6px;
}
input.searchbutton {
border:0;
color:#fff;
font-weight:700;
font-size:.9em;
background:gray;
padding:6px;
}
.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #E4DF94;
color:#000;
background:#fff8e0;
margin:0 0 8px;
padding:10px 8px;
}

textarea {
width:97%;
height:20em;
padding:3px;
}

.comment {
color:black;
margin:0 0 10px;
padding:10px;
border-bottom:1px solid #E4DF94;
}

.commentsbox {
color:gray;
margin:0 0 10px;
padding:10px;
}

.date {
display:none;
border-top:1px solid #E4DF94;
margin:0 0 20px;
}

.clearer {
clear:both;
margin:0 auto;
padding:1px 0 0;
}