/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Imran Razaq
	Author Site	: www.unknownparticles.com
	Style Name	: Seaview
	Style URI	: 
	Version		: 1.0
	Comments	: This is first theme for seaview v2
*/

body {
	background-color:#dddddd;
	color:#767676;
	outline-width:0px;
	outline-color:none;
	font-family:Arial, Helvetica, sans-serif;
}
a {outline:none; outline-style:none;}
#page {
	/* The entire design is contained within the 'page' id */
	width:989px;
	padding:0px;
	background: url(../../images/site_bg.gif) repeat-y;
	}
	
#header {
	/* Contains the H1 and menu */
	height:138px;
	background: url(../../images/header_bg.gif);
	width:957px;
	margin:0px auto;
	position:relative;
	}
.content {float:left; margin-bottom:16px; width:989px; position:relative;}
h1, h2, h3, h4, h5, h6  {font-family:Arial, Helvetica, sans-serif;}
h1 {
	color:#737373;
	padding: 17px 0px 0px 0px !important;
}

h2 {font-size:14px; font-weight:bold; color:#196b80; text-align:left;}
.page-head {margin:0px;}
.page-head h2 {margin-bottom:15px;}
#header p.description {display:none;}
.entry-content h2 {margin:10px 0px 10px 0px; font-size:1.5em; border-bottom:1px solid #eaeaea; font-weight:bold; padding-bottom:5px; letter-spacing:0px;}
#primarycontent .entry-content cite {
	display: block;
	font-size: 11px;
	color: #444444;
	margin-top: 0px;
	font-style: normal;
}

	
.primary {
	/* Contains the main column */
	
	}
#primary {width:775px; margin:0px; padding:0px; float:right;}
*html #sidebar-2 { right:47px; top:0px; height:550px; position:absolute;}
*html #sidebar-2 .textwidget {position:absolute;}
.secondary {width:175px; margin:0px 0px 20px 0px; float:left; padding:0px 0px 10px 0px; 
position:relative;}
.secondary div  {margin:0px;}
.secondary div div  {margin:0px;}
.secondary .lsidebar {margin-left:10px;}
#sidebar-2 {position:absolute; right:47px; width:223px;}
.hentry {
	/* Each entry is contained within the 'hentry' class */
	}

.entry-content {
	/* The meat and potatoes of every entry */
	font-size:1.1em;
	}

.secondary {
	/* Contains the sidebar */
	}
#header #sub_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	position:absolute;
	top:17px;
	right:5px;
}
#header #sub_menu ul li a {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	color:#888888; font-weight:bold;
}
#header #sub_menu ul li a:hover {color:#000000;}
#header address {
	margin:-5px 0px 0px 60px;
	font-style: normal;
	text-transform: uppercase;
	position:absolute; top:100px;
	font-size:1.1em;
}
#page #header #sub_menu li {
	display: inline;
}
*html #current-content {margin-left:0px;}
#current-content {width:520px; float:left; margin-left:-8px;}

#reservation_area {
	width:186px;
}

/*Main nav bar*/
#main_nav {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style: none; width:172px;
}
#main_nav li {
	margin:0px;
	list-style:none;
	padding: 0px;
	display:inline;
}
#main_nav li a {
	font-family:Tahoma, Arial,Helvetica, Verdana;
	font-size:11px;
	color:#767676;
	text-decoration:none;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	border-bottom: 1px dotted #cccccc;
	background:transparent url(http://seaview-hotel.com/home/assets/images/arrow.png) no-repeat scroll 5px center;
}	
#main_nav li a:hover {background-color:#efefef; color:#555555;}
.rsidebar { /* CSS for right sidebar */
position:absolute; top:15px; left:765px; width:207px;
	}	

/* end of main content*/
/*Reservation box*/
#reservation_content {width:200px;float:right;padding:8px 0px 8px 8px; margin:0px 5px 0px 0px; background:#f6f6f6; border:1px solid #efefef;}
*html #reservation_content {width:185px;}
.map {width:197px; float:right; margin:10px 5px 0px 0px;}

#reservation_box #searchboxcontainer select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #720303;}

#reservation_box  select {
	font: 11px Arial, Helvetica, sans-serif;
	color: #737373;
	background: #f6f6f6;
	border: 1px solid #737373;
}

#reservation_box  input {
	color: #196b80;
	background: #efefef;
	font: bold 10px Tahoma, Arial, "Helvetica CE", Verdana;
	text-transform: uppercase;
	border:none;
	padding:3px; margin-top:15px;
}
.package {margin-bottom:20px;}
.reservation_btn {
	background: url(/assets/images/reservation_btn.jpg) no-repeat;
	height: 30px;
	width: 148px;
	color: #ffffff;
	font-size: 1.1em;
	font-weight:bold;
	border:0px;
	margin-top:10px;
} 
input.reservation_btn:hover {color:#ffffff; text-decoration:underline;}

.searchboxtext {
	color: #737373;
	font: 10px Tahoma, Arial, "Helvetica CE", Verdana;
	text-transform: uppercase;
	line-height:22px;
}
#footer {
	margin: 0 auto 10px auto;
	padding-top: 15px;
	clear:both;
	background:#FFFFFF url(../../images/site_bg.gif) repeat-y scroll 0 0;
	width:989px;
	border-bottom:4px solid #efefef;
}
#footer ul {list-style: none; margin: 0px; padding: 0px;}
#footer ul li  {list-style: none; display:inline;}
#footer ul li a {padding:0px 10px 0px 0px;}
#footer a {border:0px;}
#reservation_content #res_links {
	margin-top: 20px;
}
#reservation_content #res_links ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#reservation_content #res_links li {
	padding: 2px 0px 2px 15px;
	background: url(http://www.seaview-hotel.com/home/assets/images/bullets.gif) no-repeat left center;
}
#reservation_content #checkaressrch select {
	color: #737373;
	font: 11px Tahoma, Arial, "Helvetica CE", Verdana;
	padding: 0px;
	height:20px;
}

.left{float:left;}
.right {float:right;}
.footer_links {display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;}
.footer_links li {display:inline;}
.footer_links li a {
display:inline;
padding-left:5px;
padding-right:5px; color:#196B80 !important; text-decoration:none !important; border-bottom:none !important; font-weight:normal !important;}
.footer_links li a:hover {
padding-left:5px;
padding-right:5px; color:#196B80 !important; text-decoration:underline !important; border-bottom:none !important;}
/*Specials Carousol styles*/

/*Specials Carousol styles*/

h3 {font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#196B80; margin:0px; padding:0px; font-weight:bold; letter-spacing:0px;}
/*Welcome message toggle*/
#divtoggles {
	float:left;
	height:100px;
	list-style-type:none;
	padding:0;
	width:100px;
	margin: 0;
}
.welcome_area #div1, .welcome_area #div2, .welcome_area #div3, .welcome_area #div4 {
	display:none;
	margin-top:0;
	width:395px;
	margin-top:0px;
	float: left;
	background:#f6f6f6; padding:10px;
}
.welcome_area #div1 {display:block;}
#div1 p, #div2 p, #div3 p, #div4 p {
 font-size:11px; line-height:16px;}
*html .welcome_area #divtoggles li {
height:1%;
}
.welcome_area #divtoggles li a {
	font-size:11px;
	color:#7a7a7a;
	padding:5px 0px 5px 5px;
	border-bottom: 1px solid #DFDFDF;
	display:block;
	margin:0px 0px;
}
.welcome_area #divtoggles li a:hover {background:#efefef;}
.welcome_area .classon {background-color:#f6f6f6; font-weight:bold; color:#196B80;}
.welcome_area {margin-top:10px; height:340px;}
/*Welcome message toggle*/
.slide_show {border-bottom:0px solid #eaeaea; margin-bottom:10px;}
/*Guest rooms*/

/*End of Guest rooms*/
#rooms_panel h2 {
	margin: 0px;
}
#rooms_panel span {
	color: #737373;
	font-size: 11px;
}
#rooms_panel {
	padding:10px;
	background:url(/assets/images/special_bg.gif) repeat-x scroll 0 -54px
}
#rooms_panel .rooms_options  {
	padding: 10px 10px 10px 20px !important;
}
#rooms_panel .right img {
	margin: 0px;
}
#primarycontent .entry-content .terms {
	background: #f6f6f6;
	border: 1px solid #efefef;
	padding: 5px;
	margin-top:20px;
	color:#999999;}

#weather {margin-top:15px;}
#main_specials {margin-bottom:20px; height:150px;}

/***Slides ****/
#myController {position:absolute; right:10px; top:140px;}
#myController span{
color:#73737;
margin-right:10px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#current_specials {position:relative; width:175px;}
.controls {position:absolute;}
#jFlowSlide{
	width: 175px !important;
	background: url(assets/images/special_bg.gif) repeat-x scroll 9px 116px;
	height: 175px;
	padding:15px 0px 0px 5px;
	margin-left:-7px;
}

#myController span.jFlowSelected {
background:#f6f6f6;
border:1px solid #EAEAEA; padding:3px;
}


.jFlowPrev, .jFlowNext{
cursor:pointer; position:absolute;
}

#myController2 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide2{
border:10px solid #0F0;
}

#myController2 span.jFlowSelected2 {
background:#0F0;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
}


#myController3 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide3{
border:10px solid #00F;
}

#myController3 span.jFlowSelected3 {
background:#00F;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer; position:absolute;
}
.jFlowNext {left:30px; top:137px;}
.jFlowPrev {left:5px; top:137px;}

/*home specials*/
#home_special {margin:5px 0px;}
ul.lcp_catlist {padding:0px;}
ul.lcp_catlist li {list-style:none;}
ul.lcp_catlist li a {font-size:1.5em; font-weight:bold; color:#196B80;}
ul.lcp_catlist li a:visited {color:#196B80;}
ul.lcp_catlist li p {margin:5px 0px;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(http://www.seaview-hotel.com/assets/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.seaview-hotel.com/assets/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.seaview-hotel.com/assets/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.seaview-hotel.com/assets/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(http://www.seaview-hotel.com/assets/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.seaview-hotel.com/assets/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/http://www.seaview-hotel.com/assets/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/http://www.seaview-hotel.com/assets/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/http://www.seaview-hotel.com/assets/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/http://www.seaview-hotel.com/assets/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/http://www.seaview-hotel.com/assets/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(http://www.seaview-hotel.com/assets/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(http://www.seaview-hotel.com/assets/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(http://www.seaview-hotel.com/assets/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
ul.gallery {list-style:none;}
ul.gallery li {float:left; padding:5px 10px 5px 0px;}
ul.gallery li img {border:5px solid #fff; 
	box-shadow: -moz-box-shadow: 1px 4px 5px #9e9e9e;
    -webkit-box-shadow: 1px 4px 5px #9e9e9e;
    box-shadow: 1px 4px 5px #9e9e9e;
	border:solid 4px #ffffff;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright:11px;
    -moz-border-radius-bottomleft:11px;
    -moz-border-radius-bottomright:11px;
    -webkit-border-top-left-radius:11px;
    -webkit-border-top-right-radius:11px;
    -webkit-border-bottom-left-radius:11px;
    -webkit-border-bottom-right-radius:11px;
    border-top-left-radius:11px;
    border-top-right-radius:11px;
    border-bottom-left-radius:11px;
    border-bottom-right-radius:11px;
	width:129px; height:100px;
}
.image-meta, .entry-content ol, .entry-content ul {padding:0px 11px 0px 0px;}


