/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of Starkers by Elliot Jay Stocks which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/
@import "css/reset.css";
@import "css/layout.css";
/* ----------------- General styles ----------------- */
body {background:url("http://www.reservexxx.com/images/background.jpg") repeat-x center top #151515; color:#ffffff; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:13px;}
h1 {color:#ffffff; font:bold 20px Arial;}
h2 {color:#DD0633; font:20px Arial;}
h3 {font:bold 16px Arial; margin:10px 0 0; text-align:center;}
p {font:14px Arial; padding:10px 0;}
a {color:#ffffff; text-decoration:none;}
a:hover {color:#DD0633; cursor:pointer; text-decoration:underline;}
hr {background:url("http://www.reservexxx.com/images/hr.gif") repeat-x; border:0 none; height:2px; margin:0px; padding:0px;}
.item-left {display:block; float:left;}
.item-right {display:block; float:right;}
.clear-fix:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
/* ----------------- Header ----------------- */
header {margin:0 auto; width:960px;}
#logo {height:50px;}
nav {margin:20px 0px; position:relative;}
nav .item-left ul li {background:url("http://www.reservexxx.com/images/nav-split.gif") no-repeat right; display:inline; padding:3px 20px 3px 15px;}
nav .item-left ul li.first {padding:3px 18px 3px 0;}
nav .item-left ul li.last {background:none; padding:3px 0px 3px 13px;}
nav .item-right ul li {display:inline; padding:3px 5px;}
nav a {font-size:15px;}
#qtranslate-chooser li.active a {color:#DD0633;}
#home-banner {height:250px; position:relative; width:960px;}
#home-banner.banner-en {background:url("http://www.reservexxx.com/images/homebanner-en.jpg") no-repeat #8e0316;}
#home-banner.banner-es {background:url("http://www.reservexxx.com/images/homebanner-es.jpg") no-repeat #8e0316;}
#home-banner.banner-fr {background:url("http://www.reservexxx.com/images/homebanner-fr.jpg") no-repeat #8e0316;}
#home-banner.banner-it {background:url("http://www.reservexxx.com/images/homebanner-it.jpg") no-repeat #8e0316;}
#home-banner-text {position:absolute; left:-9999px;}
#home-banner h1, #home-banner h2, #home-banner h3 {font-size:1px;}
#home-banner-button {position:absolute; right:30px; top:100px;}
#home-banner-button a {background:url("http://www.reservexxx.com/images/bannerbutton1.png") no-repeat; color:#ffffff; display:block; font-size:20px; font-weight:bold; height:50px; padding:15px 0 0; text-align:center; text-decoration:none; width:220px;}
#home-banner-button a:hover {background:url("http://www.reservexxx.com/images/bannerbutton2.png") no-repeat;}
/* ----------------- Content ----------------- */
#wrapper {margin:40px auto; position:relative; width:960px;}
#wrapper #main-content {float:left; position:relative; width:680px;}
#wrapper article {width:680px;}
#wrapper aside {float:right; width:260px;}
/* ----------------- Homepage Styles ----------------- */
#home-content {}
#home-content li {background:url("http://www.reservexxx.com/images/hr.gif") repeat-x 0 bottom; margin:40px 0; padding:0 0 20px;}
#home-content li.first {margin:0px 0 40px;}
#home-content li.last {background:none; margin:40px 0 0; padding:0px;}
.q-buttons {margin:0 auto; padding:20px 0 30px 180px;}
.q-buttons a {background:url("http://www.reservexxx.com/images/qbutton1.png") no-repeat; color:#ffffff; display:inline-block; font:bold 15px; height:30px; line-height:30px; margin-right:10px; text-align:center; text-decoration:none; width:150px;}
.q-buttons a:hover {color:#ffffff; background:url("http://www.reservexxx.com/images/qbutton2.png") no-repeat; text-decoration:none;}
/* ----------------- Side Panel ----------------- */
aside h3 {color:#DD0633; font:20px Arial; margin:30px 0 10px; text-align:left;}
#info-panel {background:#484848; background:rgba(171, 171, 171, 0.2); padding:0 8px 20px;}
#info-panel p {padding:0px;}
#info-panel h2 {color:#ffffff; font-size:35px; font-weight:normal; padding:30px 0 0;}
#info-panel h3 {color:#ffffff; font-size:35px; font-weight:normal; margin:0px; padding:30px 0 0; text-align:left;}
#info-panel hr {background:url("http://www.reservexxx.com/images/hr-light.gif") repeat-x; border:0 none; height:2px; margin:10px 0 0; padding:0px;}
#info-panel .textwidget {font-size:14px; line-height:18px;}
ul#blog-links, ul#index-links {}
ul#blog-links li, ul#index-links li {}
/* ul#blog-links li a, ul#index-links li a {display:block; margin:10px 0 10px 10px;} */
aside ul li {display:block; margin:10px 0 10px 10px;}
.screen-reader-text {display:none;}
#searchform, #searchform div {width:300px;}
/* ----------------- Footer ----------------- */
footer {margin:0 auto; padding:0 0 30px; width:960px;}
footer div {font-size:14px; text-align:center;}
footer a {padding:0 10px;}
/* ----------------- Forms ----------------- */
form {margin:10px 0; position:relative; width:680px;}
form h2 {color:#ffffff; font:bold 41px Arial; margin:0 0 10px;}
form p {font-size:12px; padding:3px 0;}
form div {position:relative;}
#signup label {color:#acacac; font:italic 26px Arial; left:10px; position:absolute;}
form #name-label {top:20px;}
form #email-label {top:13px;}
form a {text-decoration:underline;}
form .text-field {border:0 none; font:italic 26px Arial; margin:0 0 15px; padding:6px 10px; width:655px;}
form .text-area {border:0 none; font:italic 26px Arial; margin:0 0 15px; padding:6px 10px; width:655px;}
form .upload {color:#666666; font-size:12px; margin-bottom:20px;}
form .country-list {font-size:12px; margin:10px 0; padding:4px;}
form .tickbox {}
form .submit {background:url("http://www.reservexxx.com/images/submit-btn1.jpg") no-repeat; border:0 none; color:#ffffff; cursor:pointer; display:block; font:bold 20px Arial; height:50px; margin:20px 0 0 0; width:220px;}
form img.ajax-loader {background:#ffffff; border:0 none; bottom:0px; margin:0px; padding:8px; position:absolute; right:0px;}
form #form-test {}
/* ----------------- Blog homepage ----------------- */
article.type-post header {border-bottom:1px solid #DD0633; margin:0px; padding:25px 10px 10px; width:650px;}
article.type-post header h2 {}
article.type-post header a {}
article.type-post p {background:#484848; background:rgba(171, 171, 171, 0.2); margin:0px; padding:30px 30px 20px; width:610px;}
article.type-post footer {background:#484848; background:rgba(171, 171, 171, 0.2); margin: 0 0 40px; padding:0 0 20px 30px; width:640px;}
article.type-post footer a {}
/* ----------------- Comment page ----------------- */
#wrapper nav {width:680px;}
#wrapper #respond {width:680px;}
#comments-title, #reply-title {color:#DD0633; margin:50px 0 0; text-align:left;}
article.comment {margin:20px 0 30px;}
article.comment p {background:#383838; background:rgba(100, 100, 100, 0.2); border-top:1px solid #DD0633; margin:5px 0 0; padding:15px 30px; width:610px;}
a.comment-reply-link {background:#383838; background:rgba(100, 100, 100, 0.2); display:block; padding:0 30px 15px; text-align:right; width:610px;}
#commentform input, #commentform textarea {display:block; margin:0 0 10px;}
p.form-allowed-tags {color:#cccccc; font-size:11px; width:400px;}
/* ----------------- Search Page ------------------ */
.search article.type-page {display:none;}