/*   
Theme Name: World Travel
Theme URI: http://www.sixshootermedia.com/
Description: An image-less template focusing on Typography.
Author: Joanne Walter
Author URI: http://xseria.com
Version: 1.0
.
General comments/License Statement if any.
.
*/

/* Key styles for: World Travel*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 19 March 2009 */

img, div {behavior: url(iepngfix.htc)}

/*Reset Styles*/
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;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: #383838; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 12px;}

/*Containers*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; }
#header{background: url(images/leather-texture.jpg) no-repeat; height: 151px; border-bottom: 10px solid #04a99d; z-index: -1}
#logo {background: url(images/logo.png) no-repeat top left; z-index: 1; height: 151px;}
#contact{float: right; margin-top: -211px; background: url(images/travel-tag.png) no-repeat; width: 312px; height: 180px; z-index: 1;}
#contactContent{padding: 30px 60px;}
#navigation{background: #1d1d1d; height: 40px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; letter-spacing: 1px; text-transform: uppercase;z-index: 1000; position:relative;}
#main-container{clear:both;position: relative; z-index: 1;}
#content{background: #fff; overflow: hidden; border-bottom: 10px solid #04a99d; position: relative; width: 960px; z-index: 1;}
*html #content {padding-bottom: 20px;}
#bottomContent{background: url(images/top.jpg) no-repeat top #282828; overflow: hidden; width: 960px;}
#bottomContentTexture{background: url(images/bottom.jpg) no-repeat; height: 65px; width: 960px; border-bottom: 10px solid #04a99d; }
#footer{background: #282828; overflow: hidden;}
*html #footer{height: 70px;}
#webdeveloper{clear: both; font-size: 11px; color: #fff; padding: 10px 5px;}

.col{position: relative; float: left;background:inherit;}
#leftfeature {width: 140px; padding: 0 20px 20px 20px;position: relative; }

#middlefeature{width: 400px; padding: 20px;position: relative;}
*html #middlefeature{padding: 20px 10px;}
#rightfeature{width: 309px; margin: 20px 0 20px 20px;  position: relative;}
*html #rightfeature{overflow: hidden;}
#bottomleftfeature{width: 560px; padding: 20px 20px 0 20px;}
#bottomrightfeature{width: 320px; padding: 45px 20px 0 20px;}

#footermiddle{width: 400px; padding: 10px;}
#footerright{width: 400px; padding: 10px;}
#footerleft{width: 100px; padding: 10px 0 10px 10px;}

#submenu{width: 280px; margin: 20px; background: #1d1d1d; overflow: hidden;}
*html #submenu {margin: 20px 10px;}
#main{width: 600px; margin: 20px; overflow: hidden; }
*html #main {width: 620px; margin: 20px 10px;} 
#full{width: 920px; padding: 20px;}
#blogcontent{width: 600px; background: #fff;}
#blogsidebar{width: 280px; margin: 10px 20px; background: #1d1d1d;}
*html #blogsidebar {margin: 20px 10px;}

/*Navigation Styles*/
#navigation ul { z-index: 1000; padding-top: 6px;}
#navigation li {list-style: none; float:left;position:relative;}
#navigation li a{ padding: 0px 28px 10px 28px; text-decoration: none; color: #fff; border-bottom: none; }
html>body #navigation li a{*display: block; *text-align: center;}

#navigation li a:hover {color: #4dd8db; border-bottom: none;}

.blog-navigation{height: 40px !important;}
.blog-navigation ul{padding-top: 12px !important;}

#submenu ul {padding: 0!important; list-style: none;}
#submenu li {margin-left: -30px;}
#submenu li a{text-decoration: none; color: #fff; font-size: 1.2em; display: block; padding: 5px; padding-left: 20px; width: 255px; }

#submenu li a:hover {color: #04a99d; border-bottom: none; background: #333;}

#submenu ul li ul li {background: #333; border: 1px dashed #1d1d1d;}
#submenu ul li ul li a{width: 253px; display: block; background: #333 }
#submenu ul ul li a:hover {background: #1d1d1d;}

*html #submenu ul li ul{border-bottom: 2px solid #04a99d; width: 255px; margin-left: 0;}
*html #submenu ul li ul li {width: 255px; margin: 0!important; margin-bottom: -1px;}

#blogsidebar ul {padding: 0!important;}
#blogsidebar li {display: block; list-style: none; margin-left: -5px; padding: 0;}
#blogsidebar li a{text-decoration: none; color: #fff; font-size: 1.2em; display: block; padding: 5px; padding-left: 10px; width: 260px;}
#blogsidebar li a:hover {color: #04a99d; border-bottom: none; background: #333; width: 265px;}

/*Link Styles*/
a{color: #04a99d; text-decoration: none;}
a:link{color: #04a99d;}
a:visited {color: #04a99d; }
a:hover {color: #1d1d1d;}

#bottomContent a, #footerright a, #webdeveloper a{ color: #04a99d; text-decoration: none;}
#bottomContent a:hover, #footerright a:hover, #webdeveloper a:hover{ color: #fff;}

#leftfeature a{color: #1d1d1d; float: right; font-size: 12px; text-decoration: none; padding-bottom: 2px;}
#leftfeature a:hover{color: #04a99d;}

/*Paragraph Styles*/
h1 { font-size: 1.8em; color: #04a99d; font-weight: 300; padding-bottom: 5px;}
h2 { font-size: 1.6em; color: #04a99d; font-weight: 300; padding-bottom: 2px;}
h3 { font-size: 1.2em; color: #1d1d1d; font-weight: 300; padding-bottom: 2px;}
h4 { font-size: 1.1em; color: #1d1d1d; font-weight: 300; padding-bottom: 2px;}
p {font-size: 1.1em; color: #1d1d1d; padding-bottom: 10px; line-height: 1.4em;}
li {font-size: 12px;}
#blogsidebar p{color: #fff; margin: 10px;}
#contactContent p{margin: 0; font-size: 12px; color: #282828; padding: 0;}
#contactContent h2{font-size: 16px; color: #282828; padding-bottom: 10px;}
#leftfeature h4{color: #04a99d; font-size: 16px;}
#rightfeature h2{background: #1d1d1d; color: #fff; font-size: 20px; padding: 5px; font-weight: 300;}
#footerright p{color: #fff; font-size: 14px; text-align: right; padding-bottom: 2px;}
#bottomContent p{color: #fff; }
#bottomContent h2{color: #fff; padding-bottom: 4px; padding-top: 25px;}
#bottomContent h3{color: #fff;}
#bottomContent h4{color: #fff; }
#footermiddle h4{color: #fff; font-size: 13px; padding-bottom: 2px;}
#footermiddle p{color: #999; font-size: 12px; padding-bottom: 2px;}
#submenu h2, #blogsidebar h2{background: url(images/heading-bg.jpg) repeat-x #04a99d; color: #fff; padding: 5px 10px;  font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; width: 260px;}
#footerleft p{color: #fff; font-size: 11px; padding-bottom: 0;}
.sml { font-size: .6em !important; line-height: .6em; }
.subline { margin-top: -5px; margin-bottom: 2px;}

#main-container ol, #main-container ul{font-size: 14px; margin-left: 30px; padding-bottom: 5px; padding-top: 5px; color: #1d1d1d;}
#blogsidebar ul{margin-left: 5px;}
#main-container li{padding-bottom: 2px;}
#submenu li, #blogsidebar li {padding-top: 0px; padding-bottom: 0px;}

/*Table Styles*/
.wt-table table {background-color: #04a99d; border: 1px solid #fff;}
.wt-table table td{ padding: 5px; background-color: #04a99d; color: #fff; border: 1px solid #fff;}
.wt-table table p {line-height: 1em; margin: 2px; }

td { vertical-align: top;}

.table-2 {background: #A4EFE8; color: #333;}


/*Image Styles*/
#main-container img{padding: 10px;}
#bottomrightfeature img{float: right;}
#leftfeature img{padding: 20px 0 5px 0;}
#footer img{padding: 0;}
#tcflogo { margin-top:-6px; margin-left: -6px; margin-bottom: -10px;}

/*Class Styles*/
.by{float: left; color: #fff; font-size: 12px; font-style: italic; }
.date {float: right; color: #999; font-size: 12px; font-style: italic; }
.story{clear: both; font-size: 12px; color: #fff; padding-top: 10px;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.small{font-size: 11px;}

textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }

.author{font-size: .8em; color: #04a99d}
.comment p{padding-bottom: 2px;}
.userinfo{font-size: .8em; padding-bottom: 20px;}


.cont-col { width: 400px; float: left; border: 1px solid #ccc; position: relative; padding: 10px; margin-right: 10px; }
.col2checklist ul { width: 400px; }
.col2checklist ul li { width: 150px; float: left; position:relative; clear: none !important;}
.col2checklist ul li label {width: 120px !important;}

/*DROP DOWN MENUS*/
* html #navigation ul li a, .menu ul li a:visited {width:115px;w\idth:105px;}

 /*this turns off the second levels from the main view */
#navigation ul li ul {display: none;padding-top: 5px;}
table {margin:-1px; border-collapse:collapse;font-size:1em;}
#navigation table { border: none;}
#navigation table td{ border: none;}

/* SECOND LEVEL */
#navigation ul li:hover ul,
 /* Update top field here to define how high it sits */
#navigation ul li a:hover ul {display:block; position:absolute; top:1.5em;margin-top:1px;left:20px; width:150px; }
* html #navigation ul li a:hover ul {margin-top:0;marg\in-top:1px;}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0; }

/* This is the base colour for the background of the drop box */
#navigation ul li:hover ul li a,
#navigation ul li a:hover ul li a {display:block; background:#04a99d; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:140px;text-align: left;opacity: 0.95;filter:alpha(opacity=95);-ms-filter:alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity:0.95; font-size: 1em;}
* html #navigation ul li a:hover ul li a {width:150px;w\idth:129px;}

#navigation ul li:hover ul li a.drop,
#navigation ul li a:hover ul li a.drop {background:#E9B42E url(drop.gif) bottom right no-repeat;}

 /*This is the hover colour for the drop elements */
#navigation ul li:hover ul {margin-left: 10px;} 


#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {background:#000; color:#FFF;}

.menu ul li:hover a, .menu ul li a:hover {color:#fff; background: none;}

#navigation ul li:hover ul li:hover ul,
#navigation ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; top:0;width:150px;}

#navigation ul li:hover ul li:hover ul.left,
#navigation ul li a:hover ul li a:hover ul.left {left:-150px;}

*html .ie6-hide{display: none;}

#frontpage-form { width: 307px; border-left: 1px solid #04a99d; border-top: 1px solid #04a99d; border-right: 1px solid #04a99d;border-bottom: 10px solid #04a99d; margin-bottom: 20px;}

#frontpage-form ul { margin-left: 0; }
#frontpage-form .cont-col { width: 300px; border: none; position: relative; padding: 10px; margin-right: 10px; }

.cmxform h3 {color: #04a99d; font-weight: bold;}

/*Twitter Feed Styles*/
img.twtr-profile-img{padding: 0!important; position: absolute;}
#twtr-widget-1{float: right;}
*html #twtr-widget-1 {background: #333;}
*html .twtr-tweet-wrap {background: #222;}
*html .twtr-tweet-wrap img {padding: 5px 0!important;}
*html .twtr-tweet-text {padding-left: 5px;}
.twtr-tweet-text p{color: #fff;}
.twtr-hd h3{color: #04a99d;}
.twtr-tweet-text a:hover{color: #fff;}
.twtr-hd a{color: #fff;}
.twtr-hd a:hover{color: #fff;}