/*
THEME NAME: R Travel	
DESCRIPTION: Theme for R Travel
VERSION: 1.0
AUTHOR: Richard Clark, <a href="http://www.kmp.co.uk">KMP</a>
AUTHOR URI: <a href="http://www.kmp.co.uk">KMP</a> &amp; <a href="http://www.juicedigital.co.uk">Juice Digital</a>
TAGS: juicedigital, rtravel, travel
*/

/* ================ TABLE OF CONTENTS ======================

0. COMMON RESET
1. COMMON SITE FRAMEWORK
2. BRANDING BLOCK
	xx. H1 Logo Replacement
3. STANDARD TYPOGRAPHY
	3.1. Links	
4. NAVIGATION
	4.1. Primary Navigation
	xx. Breadcrumbs
5. FOOTER BLOCK
	5.1. Footer Navigation 
6. SIDEBAR COMPONENTS
7. COLOUR1
8. COLOUR2
9. COLOUR3
10. COLOUR4
11. COLOUR5
12. TABLES
13. VCARD
14. CONTACT FORM
15. HOMEPAGE FEEDS

/* =============== NOTES =======================


/* ====================
COLOUR REFERENCE SHEET
-----------------------
#about-us: color:#c0e20e;
#what-we-do: color:#e41b5b;
#who-use-it: color:#8adbff;
#got-seconds: color:#ffb515;
#contact-us: color:#666;
===================== */

/*=======================
0. COMMON RESET
=========================*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
	}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border-top: 1px solid #cccccc;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    margin: 1em 0;
    padding: 0;
}

input {
	vertical-align:middle;
}

/*=======================
1. COMMON SITE FRAMEWORK
=========================*/

html {
	position:relative;
}

body {
	background-image: url(img/bkgd/bodySliceT.jpg);
	background-repeat: repeat-x;
	background-color: #00608A;
	padding-top: 3px;
	font:normal 12px/1.5 Arial, Verdana, Helvetica;
	color: #3F3F3F;
}

#skipLink {
	display: block;
	padding: 10px 20px;
	position: absolute;
	top:0;
	left: -999px;
}
#skipLink:focus {
	left: 0; 
}

#wrapper {
	width: 912px;
	margin: 0px auto;
	background:#fff url(img/bkgd/wrapper.jpg) repeat-y 0 0;
	margin-bottom:20px;	
}

#container {
	margin:0 3px;
	background:#fc8300;
}

#container-inner {
	background: #fc8300	url(img/bkgd/page.png) repeat-x top right;
	min-height:600px;
}

.container-foot {
	background:#ff4f00 url(img/bkgd/container-foot.jpg) 0 0 no-repeat;
	height:32px;
	clear:both;
}

#content {
	float:right;
	width:611px;
	margin-right:15px;
}

.content {
	clear:both;
	float:left;
	width:100%;
}

.posts {
	background:#fff;
	padding:0 20px;
	float:left;
	width:571px;
}

.content-top {
	height:20px;
	background:transparent url(img/bkgd/posts-spr.png) 0 0 no-repeat;	
}

.content-bottom {
	height:20px;
	background:transparent url(img/bkgd/posts-spr.png) left bottom no-repeat;
	clear:both;
}


.post {
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
}

#sidebar {
	float:left;
	width:250px;
	margin:15px;
	color:#fead01;
}

.sidebar-top {
	height:20px;
	background:transparent url(img/bkgd/sidebar-spr.png) 0 0 no-repeat;
}

.sidebar-bottom {
	clear:both;
	height:20px;
	background:transparent url(img/bkgd/sidebar-spr.png) 100% 0 no-repeat;
}

.sidebar {
	background:#009cbd url(img/bkgd/sidebar-spr.png) 50% 50% repeat-y;
	padding:0 20px;
	overflow:auto;
}

/*=======================
2. BRANDING BLOCK
=========================*/

.header {
	float:left;	
	margin-bottom:5px;
	margin-top:10px;
}

/*-----------------------
2.1. H1 Logo Replacement
-------------------------*/

.logo { 
	letter-spacing : -1000em;
} 

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo { 
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 

h1.logo, h2.logo {
	background: url(img/logos/rtravel.png) top left no-repeat;
	float:left;
	border:none;
	margin-bottom:0;
	color:#fff;
}

h1.logo a, h2.logo a {
	display:block;
	width:390px;
	height:133px;
	margin-top:5px;
}

.header div {
	float:right;
	width:220px;
	text-align:center;
	color:#fff;
	font-size:1.1em;
	line-height:1.2;
	font-weight:bold;
}

.header strong {
	font-size:2.4em;
	font-weight:bold;
	line-height:1;
}

.header p {
	padding-bottom:5px;
}

.header ul {
	list-style:none;
}

.header li {
	display:inline;
}

/*=======================
3. STANDARD TYPOGRAPHY
=========================*/

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
	line-height:1;
	clear:both;
	font-family:"VAGRoundedStd-Black", "VAG Rounded Std Black", "Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
	font-weight:normal;
	letter-spacing:1px;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.5em;
	color:#009cbd;
}

h2 a {
	color:#009cbd;
}

h2.page-title {
	color:#525252;
}

h3 {
	font-size: 1.5em;
}
		
h4, h5, h6 {
	font-size:1.2em;
}

p {
	padding-bottom:15px;
}

hr {
    border-top: 1px solid #cccccc;
}

blockquote {
	padding:10px 20px;
	padding-bottom:0;
	margin:0 0 10px 0;
	border-left:5px solid #FF8408;
	background:#f0f0f0;
	clear:both;
}

blockquote p {
}

blockquote p.author {
	text-align:right;
	font-weight:bold;
	color:#E41B5B;
}

blockquote p.author a {
	color:#E41B5B;
	text-decoration:none;
}

.posts ol {
	list-style:decimal;
	padding: 5px 0 10px 35px;
}

.posts ul {
	list-style:disc;	
	padding: 5px 0 10px 30px;
}

.posts dl {
}

.posts img {
	margin:10px 0;
}

.posts p img {
}

.posts p img.right {
	float:right;
	margin:0 0 10px 10px;	
}

.posts .feature img {
	margin:0;
}
/*-----------------------
3.1. Links
-------------------------*/

a {
	text-decoration:underline;
	color:#fc8300;
}

a:link {
}

a:active {
}

a:hover {
	text-decoration:underline;
}

a:visited {
}

/* ================ 
4. NAVIGATION
===========================*/

/*-----------------------
4.1. Primary Navigation
-------------------------*/

ul#nav  {
	background-image:url(img/bkgd/header.png);
	background-repeat:no-repeat;
	height:42px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-top:5px;
	text-transform:uppercase;
	padding-left:60px;
}

#nav li {
	display:inline;
}

#nav a {
	background:transparent url(img/icons-buttons/l-tab.png) no-repeat 0 3px;
	color:#FFFFFF;
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 10px;
	text-decoration:none;
}

#nav a span {
	float: left;
	display: block;
	text-align: center;
	padding: 8px 20px 8px 0;
	background: url(img/icons-buttons/tab.png);
	background-repeat: no-repeat;
	background-position: 100% 3px;
}
#nav li.current a, #nav a:hover {
	background-position: 0 -37px;
}
#nav  li.current a span, #nav a:hover span {
	background-position: 100% -37px;
	cursor:pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav ul li a span {
	float: none;
}
/* End IE5-Mac hack */


/* ================ 
5. FOOTER BLOCK
===========================*/

#footer {
	clear:both;
	background:#fff url(../img/bkgd/bkgd-container-bottom.png) bottom left no-repeat;
	margin:0 0 0 -5px;
	width:940px;
	font-size:1.2em;
	float:left;	
	padding:10px 15px 15px 15px;
}

.footer-strap { 
	letter-spacing : -1000em;
} 

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body h6.footer-strap { 
	letter-spacing : normal; 
	text-indent : -999em; 
	overflow : hidden;
} 
/* End of hack */ 

h6.footer-strap {
	background:transparent url(../img/bkgd/bkgd-h6-footer.png) 0 0 no-repeat;
	float:left;
	height:50px;
	width:970px;
	position:relative;
	left:-5px;
	margin-bottom:0;
}

#footer p {
	width:auto;
	float:right;
	text-align:right;
	clear:none;
	font-size:1em;
	padding-bottom:0;
}

/*-----------------------
5.1. Footer Navigation
-------------------------*/

ul.nav-footer {
	list-style-type:none;
	float:left;
}

ul.nav-footer li {
	width:auto;
	display:block;
	float:left;
	padding:0 10px;
	border-left:1px solid #ccc;
	margin:0;
}

ul.nav-footer li:first-child, ul.nav-footer li.first {
	border-left:0;
	padding:0 10px 0 10px;
}

.nav-footer li a {
	color:#000;
	text-decoration:none;
}

.nav-footer li a:hover {
	text-decoration:underline;
}



/*=======================
6. SIDEABR
=========================*/

#sidebar ul {
	list-style:none;
}

#sidebar ul.xoxo h3 {
	margin-top:15px;
}

#sidebar ul.xoxo li:first-child h3 {
	margin-top:0;
}

#sidebar #secondary ul.xoxo li:first-child h3 {
	margin-top:10px;
}

#sidebar ul li {
	border-bottom:1px dashed #ccc;
	padding:0 0 10px 0;
	margin-bottom:5px;
}

	#sidebar ul ul {
		list-style:none;
		margin-top:5px;
	}

#sidebar ul li li {
	border-bottom:0;
	padding:3px 0;
	font-weight:bold;
}

	#sidebar ul li li li {
		margin-bottom:0;
		padding-left:15px;
	}

#sidebar a {
	display:block;
	color:#fff;
	text-decoration:none;
}

#sidebar a:hover {
	color:#ffff3e;
}


/*=======================
12. STANDARD TABLES
=========================*/

table {
	text-align:left;
	border-bottom:5px solid #eee;
	margin:0 0 10px 0;
}
		
caption {
	text-align:left;
	padding:5px 10px;
	font-size:1.4em;
	font-weight:bold;
	background:#8ADBFF;
}
		
th {
	padding:5px 10px;
	background:#eee;
}

tr {
}

td {
	padding:5px 10px;
}


/*=======================
x. STANDARD MAIN CONTENT LISTINGS
=========================*/

/*#content ul.listing {
	list-style:none;
	padding:0;
	border-top:1px dotted #666;
}

#content ul.listing li {
	padding:10px 0 0 0;
	border-bottom:1px dotted #666;
}

#content ul.listing h4 {
	border-bottom:0;
}*/


/*=======================
13. VCARD
=========================*/

.vcard span {
	display:block;
	clear:both;
}

.vcard .org {
	margin-top:10px;
	font-weight:bold;
}

.vcard .fn {
	margin-top:10px;
	font-weight:bold;
}

/*=======================
14. CONTACT FORM
=========================*/

.contact label, .contact input, .contact textarea, .contact select {
	display:block;
	clear:both;
}

.contact input, .contact textarea, .contact select {
	border:1px solid #ccc;
	background:#fff !important;
	font-size:1.2em;
	padding:2px;
}

.contact input {
	width:285px;
}

.contact textarea {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;	
}

.contact select {
	width:290px;	
}

.contact fieldset {
	border-top:1px solid #666;
}

.contact legend {
	font-size:1.4em;
	padding-right:10px;
	font-weight:bold;
}

.contact input.button {
	background:#fff url(../img/icons-buttons/btn-submit.gif) center top no-repeat !important;
	cursor:pointer;
	border:0;
	width:119px;
	color:#fff;
	padding:5px 0 0 0;
	height:36px;
	text-align:center;
	line-height:200px;
}

/*=======================
15. HOMEPAGE FEATURE
=========================*/

/*=======================
16. BLOG EXTRAS
=========================*/

.entry-date {
	font-size:0.9em;
	color:#009CBD;
}

.entry-content {
	float:left;
	margin-top:10px;
}

.entry-title,.entry-meta {
	clear:both;
}

.entry-meta {
	background:#FF8408;
	border-radius:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px 20px;
	color:#fff;
}

.entry-meta a {
	color:#fff;
}

h2.entry-title, h2.entry-title a, h3.entry-title, h3.entry-title a {
	color:#009CBD;
}

h2.entry-title a {
	text-decoration:none;
}

h2.entry-title a:hover {
	text-decoration:underline;
}

div.sidebar h2 {
	font-weight:normal;
}

div.sidebar h2 a {
	color:#425f9b;
}

div.sidebar #searchform {
	position:relative;
}

div.sidebar #searchform .button {
	background:#fff url(img/icons-buttons/btn-go.gif) center top no-repeat !important;
	cursor:pointer;
	border:0;
	width:34px;
	color:#fff;
	padding:0;
	height:25px;
	text-align:center;
	text-indent:-9999em;
	margin-top:7px;
	line-height:200px;
}

#searchform input#s {
	background:#fff url(img/bkgd/bkgd-search.gif) 0 0 no-repeat;
	width:200px;
	border:0;
	height:19px;
	padding:3px 5px;
}

div.sidebar li form {
	margin:0;
	padding:0;
}

.widget_rss_links a {
	background:url(img/icons-buttons/rss-icon.gif) 0 0 no-repeat;
	padding-left:23px !important;
	line-height:18px;
}

.widget_rss_links a:hover {
	background:url(img/icons-buttons/rss-icon.gif) 0 0 no-repeat !important;
}

div#nav-above {
	margin-bottom:1em;
}

div#nav-below {
	margin-top:1em;
	margin-bottom:2em;
}

div#nav-images {
	height:150px;
	margin:1em 0;
}

div.navigation {
	height:1.25em;
	clear:both;
	float:left;
	width:100%;
}

div.navigation div.nav-next {
	float:right;
	text-align:right;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
}

div.nav-previous, div.nav-next {
	width:45%;
}

#commentform textarea {
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
}

input#author,input#email,input#url {
	width:50%;
}

form#commentform .form-label {
	margin:1em 0 0;
}

form#commentform span.required {
	background:#fff;
	color:#c30;
}

form#commentform,form#commentform p {
	padding:0;
}

input#author,input#email,input#url,textarea#comment {
	padding:0.2em;
}

#comments h3, #respond h3 {
	color:#009CBD;	
}

#content div.comments ol {
	list-style:0;
	padding:0;
}

div.comments ol li {
	margin:0 0 20px 0;
	padding:0;
	position:relative;
	clear:both;
	list-style:none;
	background:#fff url(img/bkgd/comment-spr.gif) 50% 0 repeat-y;	
	
	width:571px;
}

#comments-list ol li .top {
	background:#fff url(img/bkgd/comment-spr.gif) 0 0 no-repeat;
	height:20px;
}
#comments-list ol li .bottom {
	background:#fff url(img/bkgd/comment-spr.gif) 100% 100% no-repeat;
	height:20px;
	clear:both;
}

#comments-list ol li.byuser .top {
	background:#fff url(img/bkgd/auth-comment-spr.gif) 0 0 no-repeat;
	height:20px;
}
#comments-list ol li.byuser .bottom {
	background:#fff url(img/bkgd/auth-comment-spr.gif) 100% 100% no-repeat;
	height:20px;
	clear:both;
}

div.comments ol li.byuser {
	background:#fff url(img/bkgd/auth-comment-spr.gif) 50% 0 repeat-y;	
}

div.comments ol li.bypostauthor a, div.comments ol li.byuser a {
	color:#009CBD;
}

.comment-author {
	float:left;
	width:100%;
}

#content .comment-author img {
	float:right;
	clear:none;
	margin:0;
	padding:0 20px;
}

div.comments .comment-author span {
	float:left;
	clear:none;
	font-size:1.2em;
	margin-top:0;
	padding-left:20px;
}

.comment-meta, .unapproved {
	clear:both;
	float:left;
	font-size:0.9em;
	padding:0 20px;
}

div.comments p {
	clear:both;
	font-size:1em;
	padding:0 20px 10px;
}

div.form-submit {
	position:relative;
}

div.form-submit .button {
	background:#fff url(img/icons-buttons/btn-postcomment.gif) center top no-repeat !important;
	cursor:pointer;
	border:0;
	width:104px;
	color:#fff;
	padding:0;
	height:32px;
	text-align:center;
	margin-top:10px;	
	line-height:200px;
	color:transparent;
}





.alignright,img.alignright{
float:right;
margin:1em 0 1em 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 1em 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}