/*  
Theme Name: late-departure.com Travel Blog V6
Theme URL:http://www.pixvista.ccom
Author: PixVista
Author URL:http://www.pixvista.com
Description: Travel wordpress theme by pixvista


 
1.	Make template work for Firefox (v2, v3) & Safari
There currently is a problem with the sidebar which does not show correctly in Firefox

2.	Extend the sidebar content width to at least 250 px
Currently if I insert a picture of 250 px width, it breaks the design
(If needed adjust the background graphs slightly to accommodate width gain)

Increased from 160 px to 250 px.

3.	Clean up CSS tags
Many tags are currently ill or not defined, there are also some tags that are unnecessary and slow the site build down � the main ones to clean up are:
o	Post title seems to far left
o	Post subtitle (Author info, categories, Post date) should be in a different font style and/or colour to visually break it from the title
o	<b> - is currently displayed in blue � should be something else, more distinguishable
oNumbered list � gets displayed as bullet points
o	The line which describes the date of the post, the author and the categories should be visually different from the context text
o	Blockquotes should be visually different from the normal text

4.	Improve layout of sidebar
The sidebar today is not very well structured (titles aren�t clearly distinguishable from content, spaces between widgets are not consistent). Introduce a structuring graphic, e.g. underlining titles or add some other visual elements. Note, I will only use the dynamic sidebar widgets within Wordpress.


*/




/* CSS Document */

body {
background-color:#fff;
background:url(images/body_bg.jpg);
color:#fff;
margin:0;
padding:0;

} 


.postmetadataalt {
font-size:0.81em;
padding:7px;
border-left: 1px solid #e3e3e3;
color:#fff;
}

.commentlist
font-size:0.81em;
padding:7px;
border-left: 1px solid #e3e3e3;
color:#fff;
}

.partner{
font-size:0.81em;
padding:7px;
margin: 25px;
border: 1px solid #6890bb;
}

.pagetitle {
margin:0;
padding:0 0 15px 18px;
}

html {
font-size:.72em;
font-family:tahoma, arial;
}

.normal {
font-size:1.01em;
}

.big {
font-size:1.31em;
}

.small {
font-size:0.91em;
}

h1 {
font-family:arial, tahoma, times new roman, arial narrow;
color:#39302B;
font-size:3.21em;
font-weight:400;
line-height:1.01em;
margin:0;
padding:0;
}

#respond {
color:#fff;
font-size:1.01em;
text-transform:uppercase;
margin:0;
padding:0;
}

.content_txt h2 a {
color: #ffffff;
text-decoration:none;
letter-spacing: +0.2em;
}

.side_content h3 {
color: #d4e689;
text-decoration:none;
letter-spacing: +0.1em;
font-family: arial, tahoma, times new roman, arial narrow;
font-size: 13px;
}

#title {
color:#fff;
text-decoration:none;
background:url(images/title_bg.jpg) right no-repeat;
height:151px;
}

.h3 {
font-size:1.3em;
color:#fff;
text-transform:none;
margin:0;
padding:0 0 0 29px;
}

.h4 input {margin-top:14px;}
.h4 {
font-size:1.01em;
color:#fff;
text-transform:uppercase;
vertical-align:middle;
margin:0;
padding:0;
}

.border {
width:960px;
vertical-align:top;
text-align:left;

}

.main_div {
height:100%;
vertical-align:top;
background:url(images/main_bg.gif) left top repeat-y;
margin:0 0 0 1px;
}

#wrap{
width:100%;
margin:0;
background:url(images/bg1.jpg) no-repeat right top ;
}

.main_table {
width:960px;
display:table;
background:url(images/top_bg.jpg) left top no-repeat;
}




.left_1 {
width:77px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
float:left;
}

.main_table_row {
width:960px;
}

.main_left {
vertical-align:top;
text-align:center;
width:260px;
height:auto;
padding-left:50px;
padding-right:8px;
float:left;
}

.main_left .side_content {
text-aligh:center;
}


.left_2 {
width:16px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.main_cent {
width:500px;
height:100%;
float:left;
vertical-align:top;
display:table-cell;
text-align:left;

}

.co_name_bg {
width:500px;
height:170px;
vertical-align:top;

}

.co_name {
vertical-align:top;
text-align:left;
font-size:1.2em;
padding:10px 0px 0;
font-weight:700;
}

.co_name a {
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
color:#39302B;
text-decoration:none;
font-size:0.85em;
}

.co_name a:hover {
color:#999999;
text-decoration:none;
font-size:0.85em;
}

.slogan1 {
color:#39302B;
vertical-align:top;
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:33px;
font-weight:bold;
padding:0;
padding-top:17px;
}

.slogan {
color:#999999;
vertical-align:top;
font-size:0.8em;
padding:0;
padding-top:0px;
}

.search_bg {
height:36px;
width:500px;
text-align:right;
}

#search {
vertical-align:left;
color:#fff;
padding:0;
margin-top:13px;
}

#search input {
background:url(images/search-bg.gif) no-repeat top;
font-size:11px;
color:#BE2C13;
font-family:Tahoma, arial, verdana, courier;
width:150px;
height:18px;
vertical-align:middle;
margin:0 4px 0 12px;
padding:0;
border: 2px solid #8c8c8c;
}

#search .input {
width:30px;
height:20px;
background:none;
border:none;
vertical-align:middle;
margin:0;
padding:0;
}

.head_bg {
width:500px;
vertical-align:top;

}

.table2 {
width:500px;
display:table;
float:left;
}

.table_row2 {
width:500px;
display:table-row;
height:100%;
}

.left2 {
width:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}


/* post title */

.head {
color:#fff;
font-size: 1.0em;
line-height:1.11em;
padding:10px 0 7px 18px;

}

.head a {
color:#fff;
text-decoration:none;
}

.head a:hover {
color:#fff;
text-decoration:none;
}

.right2 {
width:107px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.date {
color:#36454c;
font-size:0.95em;
font-weight:700;
padding:4px 4px 2px 5px;
border: 1px solid #E8E8E8;
background: #F2F1F1;
text-align:left;
}

.title_txt {
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
font-size:20px;
font-weight:bold;
padding:-15px 0px 0px 0px;
/*background:url(images/title_bg.jpg) right bottom no-repeat;*/
margin-bottom: 15px;
}

.content_txt {
line-height:1.55em;
padding:18px 0px 0px 16px;
/*background:url(images/title_bgg.jpg) right top no-repeat;*/
margin-bottom: 15px;
color:#fff;
}

.content_txt b a {
color:#F4F2E1;
font-weight:400;
text-decoration:underline;
}

.content_txt b a:hover {
color:#fff;
font-weight:400;
text-decoration:none;
}

.comment {
color:#fff;
font-weight:700;
text-transform:uppercase;
padding:0;
}

.comment a {
color:#fff;
font-weight:700;
text-decoration:underline;
}

.comment a:hover {
color:#fff;
font-weight:700;
text-decoration:none;
}

.content_txt li {
list-style:none;
vertical-align:bottom;
line-height:1.81em;
color:#fff;
margin:0;
padding:0px 0px 0px 16px;
}

.content_txt ul li {
background:url(images/li_bg2.gif) left top no-repeat;
}

.content_txt ul li a {
text-decoration:underline;
color:#F4F2E1;
}

.table3 {
width:450px;
display:table;
}

.table_row3 {
width:450px;
display:table-row;
height:100%;
}

.left3 {
width:151px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.cent3 {
width:131px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right3 {
width:168px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right_1 {
width:71px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.widget_style {
vertical-align:top;
text-align:center;
padding:0;
}

.cats_head_bg {
vertical-align:top;

}

.side_content ul, .widget_style ul {
margin:0;
padding:11px 0 0 0px;
}
.main_left ul {margin:0px};

.side_content li, .main_left li, .widget_style li {
list-style:none;
/*background:url(images/bullet.gif) left top no-repeat;*/
vertical-align:bottom;
line-height:1.51em;
color:#426672;
margin:0;
padding:0px 0px 0px 0px;
}

.side_content a, .side_content ul li a, .main_left ul li a, .widget_style ul li a {
text-decoration:none;
color:#D4E689;
}

.side_content li a: hover, .widget_style li a:hover {
color:#fff;
text-decoration:none;
}

#calendar_wrap {
vertical-align:top;
color:#D4E689;

}
#calendar_wrap table { 
  text-align: center;
}

#calendar_wrap a {
color:#D4E689;
text-decoration:none;
font-weight:700;
}

#calendar_wrap a:hover {
color:#D4E689;
text-decoration:none;
font-weight:700;
}

#search_txt {
vertical-align:top;
text-align:left;
margin:0;
}

#search_txt input {
font-size:11px;
color:#464646;
font-family:Tahoma, arial, verdana, courier;
width:140px;
height:15px;
vertical-align:top;
margin:0;
padding:0;
}

#search_txt strong {
color:#FFF;
text-transform:uppercase;
font-size:1.01em;
}

#search_txt .input {
width:59px;
height:22px;
background:none;
border:none;
vertical-align:top;
margin:0;
padding:0;
}

.footer {
background:url(images/foot_bg.jpg) top no-repeat;
vertical-align:top;
width:960px;
height:85px;
color:#324765;
font-size: 0.78em;

}

.footer_txt {
vertical-align:top;
font-weight:600;

text-align:center;
color:#999999;
padding:10px 5px 0 50px;
}

.footer_txt a {
color:#999999;
text-decoration:none;
}
.footer_txt a:hover {
color:#fff;
text-decoration:none;
}

a {
color:#324765;
text-decoration:none;
}

.content_txt a {
color:#FFFF;
text-decoration:underline;
border-bottom: 2px dashed #FFFF;
}

a:hover,.content_txt h2 a:hover {
color:#fff;
text-decoration:none;
}

p,.content_txt ul {
margin:0;
padding:8px;
}

h2,h3,.h2 {
color:#23385a;
font-size:1.3em;
margin:0;
padding:0;
font-family:arial, tahoma, times new roman, arial narrow;

}
.content_txt a:hover,{
color:#fff;
text-decoration:none;
}
.content_txt li a:hover {
color:#fff;
text-decoration:none;
}
.footer_txt a:hover {
color:#fff;
text-decoration:none;
}

a {
color:#F4F2E1;
text-decoration:none;
}

.comment a,.content_txt a {
color:#FFFFFF;
text-decoration:none;
border-bottom: 1px dashed #FFFFFF;
}

a:hover,.content_txt h2 a:hover {
color:#fff;
text-decoration:none;
}

p {
margin:0;
padding:8px;
}

.content_txt ul{
margin:20px;
padding:0px;
}

h2,h3 {
color:#F4F2E1;
font-size:1.3em;
text-transform:uppercase;
margin:0;
padding:0;
font-family:arial, tahoma, times new roman, arial narrow;

}
.news {
color:#F4F2E1;
font-size:1.3em;
text-transform:uppercase;
margin:0;
padding:0 0 0 67px;
margin-left:10px;
font-family:arial, tahoma, times new roman, arial narrow;
background:url('http://pixvista.com/temp_img/latedeparture.com/news.gif') no-repeat left center;
min-height:24px;
}
.review {
color:#F4F2E1;
font-size:1.3em;
text-transform:uppercase;
margin:0;
padding:0 0 0 67px;
margin-left:10px;
font-family:arial, tahoma, times new roman, arial narrow;
background:url('http://pixvista.com/temp_img/latedeparture.com/review.gif') no-repeat left  center;
min-height:24px;
}
.content_txt a:hover,{
color:#fff;
text-decoration:none;
}
.content_txt li a:hover {
color:#fff;
text-decoration:none;
}
.footer_txt a:hover {
color:#fff;
text-decoration:none;
}



.content_txt strong,.content_txt b {
color:#D4E689;
}

#links_with_style,#archives,#meta,#recent-comments,#recent-posts,#categories,#calendar,#pages {
vertical-align:top;
padding:-10px 0 0 0px;
text-decoration: none;
}

#google-search,#text-1,#delicious {
vertical-align:top;
}

#gsearch,#textwidget,#delicious-box {
text-align:left;
padding:15px 0 0;
}


blockquote {
	margin: 15px;
 	padding: 10px;  	
  	border-left: 3px solid #e3e3e3; 
background:#54453C ;
}

img {
	border:0;
	}
img a {
	border:0;
	}

/* Sidebar */
.sideblock {	padding: 13px 25px; }
.sideblock
{

	background-position: top;
	background-repeat: no-repeat;
	background-image: url(images/sidebar.gif);
}

.sideblock ul { }

.sideblock h3  { margin-top: 5px; font-size: 12px; font-weight: bold; align: right; color: #FCFCFC; background:#666666;}

.side_content h3 {margin:10px auto;} 

#sideblock{ margin: 0; padding-top: 5px; font-weight: bold; color: #939394; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sideblock a:link { border-bottom-width: 0; font-weight: normal; text-decoration: none; color: #939394; }

#sideblock a:visited { border-bottom-width: 0; font-weight: normal; text-decoration: none; color: #939394;}

#sideblock a:hover, #sideblock a:active { border-bottom: 1px solid #cfcfcf; text-decoration: none; color: #939394;}


ul#menu {
   
    height: 1em; }
#menu li {
    list-style: none;
    float: left; }
#menu li a {
	padding:3px 10px 0px 5px;
	color:#D4E689;
	margin-right:2px;
	font-weight:bold;
	background-color:#39302B;
	font-family:verdana;
    display: block;
    text-decoration: none; }
#menu li a:hover {
padding-top:2px;	
}

#menu li ul {
    display: none;
    width: 10em; /* Width to help Opera out */
		}
#menu li:hover ul {
    display: block;
    position: absolute;
    background-color:#39302B;
    margin: 0;
    padding: 0 0 3px 0;
	text-align:left;
	border-left:1px solid #d4e689;
	border-right:1px solid #d4e689;
	border-bottom:1px solid #d4e689;
	width:184px;
	height:221px;
	overflow:auto}
#menu li:hover li {
    float: none;
	padding-left:17px;}

#menu li:hover li.title {
    float: none;
	padding-left:7px;
	font-weight:bold;
	}
#menu li:hover li.title a {
	font-size:11px;
	font-weight:bold;
	}

#menu li:hover li a {
    color: #fff;
	padding:1px 0 0px 0;
	font-size:10px;}
#menu li:hover li a:link {
    color: #fff;
	}
#menu li:hover li a:visited {
    color: #fff;
	}
#menu li:hover li a:hover {
    color:#d4e683;
	}
#menu li:hover li a:hover {
    color:#d4e683;
	}
#menu li:hover li a:active {
	color:#d4e683;	 }

#menu li:hover ul, #navbar li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
  }
#menu li:hover li, #navbar li.hover li {
    float: none; }

.post_title {
font-size:25px;
color:#5a6b73;
text-transform:none;
margin:0;
padding:0 0 0 0px;
}

.day {
font-size:15px;
color:#222;
text-transform:none;
margin:0;
padding:2px 0 0 13px;
}

.month {
font-size:11px;
color:#222;
text-transform:none;
margin:0;
padding:2px 0 0 12px;
}

.description {
font-size:11px;
color:#fff;
text-transform:none;
margin:0;
padding:0 0 0 25px;
}
                                             

div.bookmarkify
{
	margin: 0px;
	border: none;
	padding: 20px 0px 0px 0px;

	height: 1%;

	background: transparent;
	
	text-align: left;
	vertical-align: middle;
	
	font-family: verdana, arial;
	font-size: 12px;
}

div.bookmarkify a
{
	text-decoration: none;
	
	font-family: verdana, arial;
}

div.bookmarkify a:hover
{
	text-decoration: underline;
}

div.bookmarkify div.title
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
	font-size:11px;
	font-weight: normal;
}

div.bookmarkify div.linkbuttons
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a:hover
{
}

div.bookmarkify div.linkbuttons a img
{
	margin: 0px;
	border: none;
	padding: 0px;

	background: transparent;
	opacity: 0.5;
	filter:alpha(opacity=50); 
	
	vertical-align: auto;
}

div.bookmarkify div.linkbuttons a:hover img
{
	opacity: 1;
	filter:alpha(opacity=100); 
}

div.bookmarkify div.brand
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.brand a
{
	margin: 0px;
	border: none;
	padding: 0px;
	height: 1%;
	background: transparent;
	vertical-align: auto;
	color: gray;
	font-weight: normal;
}

div.bookmarkify div.brand a:hover
{
}

.main_left li {
list-style:none;
padding-left:15px;
}

.side_content { width:250px; padding-left:10px;}

.content_txt .title { 
  padding: 0px 8px;
}
.content_txt .title_suffix { 
  padding: 6px 10px 0px 10px; 
  font-size:0.95em;
  color:#D4E689;
  
}
#thesidebar {  }

.logo img{
 margin-left:-26px;
 margin-top:-3px;
 margin-bottom: 3px;
}                                                                                                                      
                 
#mywidget ul  { 
 text-align: left;
 margin:3px auto 11px;
 text-align: center;
 padding-bottom:0;
 padding-top: 0;
}     

     
#mywidget table { 
 margin :  5px auto 0px;
 
}

#mywidget .side_content { padding-bottom:10px; padding-top:5px;}

#mywidget .side_content h3 { margin-top: 10px; font-size: 12px; font-weight: bold; text-align: center; color: #FCFCFC;background:url(images/sidebar_devider.gif); margin-left:8px; margin-right:9px;}

li.widget-list-control-item widget-sortable { 
 text-align: left;
 
}

#footer { clear: both;}
.side_content .textwidget {
padding:0px 10px;
}
.side_content .textwidget {
padding:0px 10px;
}


#copyright{ color:#D4E689;}

.content_txt ol {  padding: 0; margin: 20px; list-style-image: none; background-color:#666666 none repeat scroll 0% 0%; }
.content_txt ol li{ list-style:decimal; list-style-type: decimal; list-style-position: outside; padding: 0px; margin-left: 22px;}

.children li {
  padding-left :20px;
}