/*
Theme Name: Royal Orchid
Theme URI: http://www.byme.se
Description: Byme Theme
Author: Tommie Hansen af Stockholm.
Author URI: http://www.byme.se
Version: 1.0
*/

/* RESET CSS **************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td {text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
strong, b { font-weight: bold; } em { font-style: italic; }

/*===== HUVUD-ELEMENT  ===*/
body {font-family:arial,helvetica,sans-serif;font-size:12px; color:#666;}
body {background:#fff url(http://royalorchidholidays.se/wp/wp-content/themes/hotellresor/images/topgfx2.jpg) repeat-x top center; }
#c {padding-top:320px;} /* allow body bg to do its shit */
#c,#fc {position:relative;margin:auto;width:960px;zoom:1;}
#c a {color:#8f61b2;}
#c a:hover {color:#444;}
#m {text-indent:-9999px;position:absolute;left:0;}
.red {color:#dd0000;}
.clear {clear:both;}
p.clear { padding-top:10px; }
.mb10 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}


/* Headers */
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
#l h1 { font-size:30px; margin:0 0 18px 0; display:block; }
h2 {font-size:20px;margin:30px 0 10px;clear:both;}
h3 {font-weight:bold;line-height:18px;margin-bottom:5px;}
h4,h5 {font-weight:bold;padding:5px 0; margin:5px 0; border-bottom:1px solid #ddd;}
h5 {margin-top:-8px;font-weight:normal;color:#888;font-size:12px;}
h6 {margin-top:-10px;color:#777;font-size:14px;line-height:22px;margin-bottom:20px;}
h1,h2 { text-indent:-999em; }
.cufon-ready h1, .cufon-ready h2 { text-indent:0; }
/*****************************************************************************************/

/*===== MENU ===*/
#menu {position:absolute;top:178px;left:-10px;font-size:12px; z-index:999; }
#menu li {float:left;position:relative; zoom:1; }
#menu a {color:#8a64a6; text-decoration:none; padding:5px 10px; zoom:1; }
#menu a:hover {color:#dfbef8;}
#menu li.on a, #menu li.on2 a {color:#e1bcfe;}

#menu li ul {display:none;}
#menu ul {width:200px;}

/* 2nd level */
#menu li ul { position:absolute; top:14px; left:-20px; padding:10px 20px 30px; }
#menu ul li {float:none;}
#menu li:hover ul {display:block;}
#menu li:hover ul ul {display:none;}
#menu ul li a { color:#666; display:block; padding:8px 15px; border-bottom:1px solid #ddd; background:#fff; }
#menu ul li a:hover { color:#8a64a6; background:#F8EFFF; }
#menu ul li.on2 a {text-decoration:underline;}
#menu li li.on a {text-decoration:underline;}

/* 3rd level */
#menu ul li ul {width:305px;left:250px;top:-30px; padding:30px; padding-left:0;}
#menu ul li ul {left:200px;z-index:10;}
#menu ul li:hover ul {display:block;}
#menu ul li.on2 li a {text-decoration:none;}
#menu ul li li.on a {text-decoration:underline;}

/* active classes */
li.mactive {}
#menu li.mactive a {color:#dfbef8;}
#menu li.mactive li a {color:#666;}
#menu li.mactive li a:hover {color:#8a64a6;}
#menu ul li.mactive a {color:#8a64a6;background:#F8EFFF;}
#menu ul li.mactive li a:hover {background:#fff;}


/*===== MAIN-FORMATTING  ===*/

/* #l(eft) / #r(ight) */
#c {border:0;}
#l {float:left;width:500px; padding-left:40px; position:relative; }
#r {float:right; width:300px; padding:20px 40px; padding-right:42px; color:#666; border-left:1px solid #ddd; }
#r {_padding-left:20px;}
#l p {margin-bottom:18px;line-height:18px;}
p.intro {font-style:oblique;font-size:14px;}
#pt {position:absolute;z-index:11;top:-59px;background:#bbb;color:#fff;font-weight:normal;padding:3px 7px; text-transform:uppercase; font-size:11px; }
#back {position:absolute;top:-90px;left:40px;font-size:11px;}
#back a {color:#aaa;text-decoration:none;padding:5px 0;}
#back span {display:block;float:left;line-height:12px;margin-right:5px;}

/* #r widgets */

#r, #r li, #r a {zoom:1;}
#r ul a { line-height:30px; color:#666; border-bottom:1px solid #ddd; display:block; text-decoration:none; }
#r ul a { background:url(images/arrow.png) no-repeat 0 8px; padding-left:20px; }
#r ul a:hover {color:#222; background:#F8EFFF url(images/arrow.png) no-repeat 0 8px; }
#r h4 {margin:0;}
#r .widget {margin:0 0 30px 0;}


/* POST STUFF */
#sp { margin:-10px 0 20px 0; } #sp em { font-style:normal; margin:0 0 0 5px; } #sp img {vertical-align:bottom;margin:0 0 1px 0;}

/* lists */
#l ul, #l ol { margin-bottom:20px;line-height:20px; }
#l ul, #l ol { list-style-type:none;list-style-position:inside; }
#l ul li {background:url(images/bullet_green.png) no-repeat 0 2px;padding-left:20px;}
#l ol {list-style-type:decimal;}
#l ol li {list-style-type:decimal;background:none;}

/* default wp-classes */
img.size-full, img.size-large {clear:both;float:none;margin:10px 0;}
#c img.size-large, #c img.size-full {float:none;}
img.size-large {margin-bottom:0px;}
.alignleft {float:left;margin:3px 10px 0 0;}
.alignright {float:right;margin:3px 0 0 10px;}
img.size-thumb {-ms-interpolation-mode: bicubic;}

/* footer */
#f {background:#300451;margin-top:150px;padding:50px 0 50px;font-size:11px;color:#954DCF;}
#fc {width:880px;text-align:center;} #fc p {line-height:18px;} #fc a {color:#954DCF;text-decoration:none;}

/* gallery, man genererar alla span via jquery! */
.gallery {width:550px;margin-bottom:30px;}
.gallery-item { float: left; display:block; margin:10px 0; width: auto; margin-right:25px; overflow:hidden; position:relative; zoom:1;}
.gallery-caption { margin-left: 0; }
.gallery-item {background:#000;padding:0;height:150px;width:150px;}

.gallery a {width:150px;height:150px; display:block; zoom:1; position:relative; text-decoration:none; color:#fff; }
.gallery-item a span { width:130px; height:130px; cursor:pointer; zoom:1; padding:10px; color:#fff; position:absolute; bottom:0; left:0; z-index:99; background:#000;  font-size:11px; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
/*.gallery a:hover span { display:block; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }*/
.gallery a:hover span {display:block;}
.gallery a span {top:150px}
.gallery em {margin-top:3px;display:block;font-style:normal;color:#aaa;font-size:10px;}

/* erbjudande */
#e {width:880px;height:400px;position:relative;background:#000;margin-left:38px;margin-bottom:30px;}
#e a:hover { opacity:0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; }

/* jade sidebar */
#r .widget.jade img {margin-top:20px; }
#r .jade a:hover {opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)";}

/* buttons */
#l a.btn { color:#fff; font-size:12px; background:url(images/cssbuttons.png); background-position:0 -240px; text-decoration:none; text-shadow:1px 1px #7F0F55;}
#l a.btn { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; zoom:1; cursor:pointer; margin:10px 10px 10px 0; }
#l a.btn span { display:table-cell; background:url(images/cssbuttons.png) right -240px; padding:0 15px 0 0; zoom:1; }
 
#l a.btn:hover { background-position: 0 -280px; color:#fff; }
#l a.btn:hover span { background-position: right -280px; }
 
#l a.btn:active { background-position: 0 -320px; color:#fff; }
#l a.btn:active span { background-position: right -320px; }
#l a.btn:focus {outline:0;}

#l a.btn2 { color:#777; font-size:12px; background:url(http://www.royalorchidholidays.se/wp/wp-content/themes/hotellresor/images/cssbuttons.png); background-position:0 0; text-decoration:none; text-shadow:1px 1px #fff;}
#l a.btn2 { display:block; float:left; height:30px; line-height:30px; padding:0 0 0 15px; zoom:1; cursor:pointer; margin:10px 10px 10px 0; }
#l a.btn2 span { display:table-cell; background:url(http://www.royalorchidholidays.se/wp/wp-content/themes/hotellresor/images/cssbuttons.png) right 0; padding:0 15px 0 0; zoom:1; }
 
#l a.btn2:hover { background-position: 0 -40px; color:#555; }
#l a.btn2:hover span { background-position: right -40px; }
 
#l a.btn2:active { background-position: 0 -80px; }
#l a.btn2:active span { background-position: right -80px; }
#l a.btn2:focus {outline:0;}

/* forms */
#form {margin:20px 0 20px; }
#form label {float:left;display:block;width:250px;padding-bottom:18px;}
#form label span {display:block;margin-bottom:3px;}
#form label.textarea {width:450px;}
#form input, #form textarea { color:#666; font-family:arial,helvetica,sans-serif; padding:3px 5px; border:1px solid #ddd; }
#form input { padding:7px;width:200px; }
#form input.disabled {background:#F8EFFF;border:1px dashed #ccc;}
#form textarea {width:100%;font-size:12px;line-height:20px;padding:7px;overflow:auto;min-height: 100px; height: auto !important; height: 100px;}
#form input.input_on, #form textarea.input_on {background:#ffc;color:#222;border-top:1px solid #aaa;border-left:1px solid #aaa;}
.q {cursor:help;}
#l .lgroup {}
#l label.ppl {width:50px;}
#l input.vinput {width:28px;}
#l .checkers {padding-top:17px;margin-left:248px;}
#l label.check {margin:0;padding:0;}
#l label.check span { float:left; }
#l .check input { width:16px; height:16px; border:1px solid #ccc; margin:0 7px 0 0; float:left; }
#l .check input.input_on {outline:1px solid #999;}

#fmore, #fmoreb {float:left;margin-bottom:15px; border:1px dashed #ccc; padding:20px;display:none;background:#fff;width:188px;margin-right:5px;}
#fmore strong, #fmoreb strong {display:block;margin-bottom:20px;font-weight:normal;line-height:18px;}
#fmore strong em, #fmoreb strong em {border-bottom:1px solid;}
#fmore textarea, #fmoreb textarea {width:168px;overflow:auto;min-height: 130px; height: auto !important; height: 130px;}

/* Validate */
#l label { position:relative; }
#l label.error {color:#dd0000;position:absolute;margin-top:-50px;margin-left:136px;background:#fff; width:auto;padding:0px; }
#l label.error { width:120px; right:33px; text-align:right; }

/* Calendar */
table.jCalendar { border:0; background: #fff; border-collapse: separate; font-size:12px; border-spacing:2px; }
table.jCalendar th { background: #fff; color: #888; font-weight: normal; padding: 3px 5px; text-align:center; }
table.jCalendar td { background: #fff; color: #888; padding: 3px 5px; text-align: center; border:1px solid #ccc; }
table.jCalendar td.other-month { background: #eee; color: #888; }
table.jCalendar td.today { background: #666; color: #fff; border-color:#666; }
table.jCalendar td.selected { background: #51177F; color: #fff; border-color: #51177F; }
table.jCalendar td.selected.dp-hover { background: #51177F; color: #fff; border-color:#51177F; }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #fff; color: #ccc; border-color:#ddd;}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; border-color:#51177F; color:#51177F; }

/* For the popup */
div.dp-popup { position: relative; background: #fff; padding: 5px; width: auto; line-height: 16px; border:1px solid #ddd; }
div#dp-popup { position: absolute; z-index: 199; margin-top:-200px; margin-left:0px; }
#dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; letter-spacing:0px; line-height:24px; word-spacing:1px; background:#51177F; color:#fff; font-weight:bold; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; color:#51177F; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #fff; text-decoration: none; padding: 4px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 7px; left: 14px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; color:#fff; }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 7px; right: 14px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }

a.dp-nav-next-month { background:transparent url(images/imgsprites_png8.png) no-repeat -10px -2px; text-indent:-999em; width:10px; }
a.dp-nav-next-year { background:transparent url(images/imgsprites_png8.png) no-repeat -30px -2px; text-indent:-999em; width:10px; }
a.dp-nav-next-month:hover, a.dp-nav-next-year:hover, a.dp-nav-prev-year:hover, a.dp-nav-prev-month:hover {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
a.dp-nav-prev-month { background:transparent url(images/imgsprites_png8.png) no-repeat -2px -22px; text-indent:-999em; width:10px; }
a.dp-nav-prev-year { background:transparent url(images/imgsprites_png8.png) no-repeat -24px -22px; text-indent:-999em; width:10px; }
a.dp-nav-prev-month.disabled, a.dp-nav-prev-year.disabled { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; }

/* Admin Edit */
#edit {position:absolute;z-index:10;top:-30px;right:-410px;}
#edit a {color:#ccc;text-decoration:none;padding:10px;}
#edit a:hover {color:#444;}


/* Hotellista */
#hl {width:500px;margin-top:20px;border-collapse:collapse;}

#hl th { font-weight:bold; cursor:pointer; zoom:1; position:relative; }
#hl td, #hl th {line-height:40px; vertical-align:top; border-bottom:1px solid #ddd; padding:5px 5px; }
#hl th {line-height:18px;} #hl th:hover {color:#333;}
#hl td.price, #hl th.price { text-align:right; border:1px solid red; }
#hl tbody tr:hover {background:#F8EFFF;cursor:pointer;}
#hl tbody tr:hover a {text-decoration:underline;color:#6E319F;}

#hl h3 { font-size:14px; text-decoration:none; width:330px; margin:0; padding:0; font-weight:normal; }
#hl h3 a {display:block; line-height:18px; color:#444; text-decoration:none; margin:9px 0 2px 0;}
#hl h3 a:hover { color:#6E319F; text-decoration:underline; }
#hl td em {position:absolute;left:15px;font-style:normal;text-indent:-999em;}

#hl th em {margin-top:6px;margin-left:7px;position:absolute;width:10px;height:10px;background:url(images/imgsprites_png8.png) no-repeat -70px -10px;}
#hl th.add em {background-position:-50px -10px;margin-top:8px;}
#hl th.desc em {background-position:-50px -30px;margin-top:8px;}
#hl p {margin:0 0 10px 0;font-size:11px;padding-left:60px;}
#hl img.wp-post-image {width:50px;height:50px;background:#eee;float:left;margin:13px 10px 0 0;}

/* L�nga hotellistan */
#hlist {list-style-type:none;}
#hlist li {list-style-position:outside;zoom:1;}
#hlist li a {font-size:20px;text-decoration:none;color:#666;line-height:36px;}
#hlist li a:hover {color:#8f61b2;text-decoration:underline;}
#hlist li li a {font-size:12px;line-height:30px;display:block;border-bottom:1px solid #ddd; }
#l #hlist li {background:none;padding:0;margin:0;}
#hlist li li {background:inherit;padding:inherit;}

/* colorbox */
#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; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:#fff;}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(js/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; bottom:20px; right:0; color:#eee; background:#111; padding:5px 15px 5px 10px; font-weight:bold; }
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:17px; height:17px; position:absolute; top:-20px; background:url(http://royalorchidholidays.se/wp/wp-content/themes/hotellresor/images/imgsprites_png8.png) -10px -50px no-repeat;}
#cboxPrevious{background-position:-10px -50px; right:44px;}
#cboxPrevious.hover{background-position:-50px -50px;}
#cboxNext{background-position:-30px -50px; right:22px;}
#cboxNext.hover{background-position:-70px -50px;}
#cboxClose{background-position:-10px -70px; right:0;}
#cboxClose.hover{background-position:-30px -70px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* Erbjudande p� undersidor */
#erb { margin:-5px 0 30px 0; line-height:20px; }

/* Editgrejer */
span.edit {}
#l span.edit a {text-decoration:none;color:#ccc;position:absolute;right:0;margin-top:-15px;display:block;padding:10px;}
#hl tr:hover span.edit a {color:#aaa;text-decoration:none;}
#hl tr:hover span.edit a:hover {text-decoration:underline;color:#444;}

/* Share */
#share {position:absolute;top:225px;right:0;z-index:99;}
#share a { margin:0 0 0 10px; display:block;float:left; text-indent:-999em; overflow:hidden; }
#share a.fb {width:62px;height:29px;background:url(http://royalorchidholidays.se/wp-content/themes/hotellresor/images/imgsprites_png8.png) no-repeat -78px -100px; }
#share a.fb:hover {background-position:-9px -100px;}
#share a.tw {width:43px;height:30px;background:url(http://royalorchidholidays.se/wp-content/themes/hotellresor/images/imgsprites_png8.png) no-repeat -100px -50px;}
#share a.tw:hover {background-position:-100px -10px;}

/* Tags */
#tags {display:none;}