A:link {text-decoration: none; color: #ffffff;}
A:visited {text-decoration: none; color: #ffffff;}
A:active {text-decoration: none}
A:hover {font-size:none; font-weight:none; text-decoration: none; color: #fcd099;}



/* Page Structure
----------------------------------------------- */
#outer-wrapper {
   
  width:860px;
padding: 10px;
  height: 30px;
  margin:0 auto;
  text-align:$startSide;
  font:$bodyfont;
  }

#header-wrapper { 

width:800px;
  display: none;

 }

#main-wrapper {
  width:570px;
  
  margin-left: 164px;/*move main body to left*/
  float:left;
  padding:-10px 0 0px;  <!--move Main body of post up-->
  font-size:14px;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */

  }


#main-wrapper a:link {font-weight:bold; text-decoration: underline; color:#fcd9bb;}
#main-wrapper a:visited {font-weight:bold; color:#fcd9bb; text-decoration: underline;}
#main-wrapper a:active {text-decoration: none;}
#main-wrapper a:hover {text-decoration: none; font-weight:none; color:#fcd9bb;}

#ArchiveList { line-height: 1.85em;}
#BlogArchive1 {line-height: 2.3em;}

#link { line-height: 1em;}


#today a:link {text-decoration: underline; color:#ffffff;}
#today a:visited {color:#ffffff;}
#today a:active {text-decoration: underline;}
#today a:hover {text-decoration: underline; font-size:24; font-weight:bold; color:#fcd9bb;}

#main {
 background-color: #0033FF;
  padding:10px 30px 15px;  <!--move Main body of post down-->
font-size:16px;
font-family: verdana, ariel;
font-decoration: bold;
  }



#left-sidebar-wrapper {
  height:200px;
  width:115px;           /*Side bar increasing size*/
  float:left;
   color: #ffffff;
   margin-right: -50px;
  font-size:14px;
font-family: verdana, century gothic;
font-decoration: none;
 
  }


#right-sidebar-wrapper {
width: 115px;
height: 200px;
float:left;
color: #ffffff;
margin-left:-840px;
font-size:14px;
font-family: verdana, century gothic;
font-decoration: none;
}



#sidebar {
 
  padding: -170px 10px 0px;
   width:300px;
  width/* */:/**/200px;
  width: /**/200px;

  }

/* Title & Description
----------------------------------------------- */

.breadcrumbs {
  float: left;
  width: 590px;
  font-size: 9px;
  margin: 5px 10px 20px 10px;
  padding: 0px 0px 3px 0px;
  color: #ffffff;
}

.Header h1 {
  margin:0 0 .5em;
  line-height: 1.4em;k
  font: $pagetitlefont;
  color: $pagetitle;
  font-size:10px;
}
.Header h1 a {
  color:$pagetitle;
  text-decoration:none;
font-size:0px;
}

.Header .description {
  margin:0 0 1.75em;
  color: $blogDescriptionColor;
  font: $blogDescriptionFont;
font-size:17px;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted $borderColor;
  text-transform:uppercase;
  letter-spacing:.3em;
  color: $dateheadercolor;
  font: $dateHeaderFont;
  }
.post {  margin:0 0 2.5em;}<!-- main body text color-->  


.post h1 {
  margin:.25em 0;
  line-height: 1.4em;
  font: $headerfont;
  font-size: 130%;
  font-weight: bold; 
  
  color:$posttitle;

  padding:0 0 1px 45px;
}

.post h1 a {
  text-decoration:none;
  color: #F47B17;
  font-size: 19px;
}
.post h1 a:hover {
  color: $textcolor;
text-decoration:none;
}

.sidebar a:hover {
  color: #fcd9bb;
text-decoration:underline;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
  font-size: 14px;
 color: #ffffff;
 
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
  margin:0;
}

.uncustomized-post-template .post-footer {
  text-align: $endSide;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: $startSide;
  margin-$endSide: 4px;
  text-align: $startSide;
}

.post-author, .post-timestamp {
  color:$posttitle;
}

a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat $startSide .25em;
  padding-$startSide:15px;
  }

.post img {
 
 margin: 0px 0px 5px 0;;
  padding:1px;
  border:0px solid #ffffff;
}



.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link { 
  float: $startSide;
 }

#blog-pager-older-link { 
  float: $endSide;
 }

#blog-pager {   
  text-align: center; 
 }

/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted $borderColor;
  padding-top:.5em;
  line-height: 1.4em;
  font: bold 110% Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-author {
  background:url("http://www.blogblog.com/dots/icon_comment_$startSide.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding-top: 0;
  padding-bottom:0;
  padding-$startSide:20px;
  padding-$endSide:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  padding-top: 0;
  padding-bottom:.75em;
  padding-$startSide:20px;
  padding-$endSide:0;
  color:#996;
  }
.comment-footer a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* More Sidebar Content
----------------------------------------------- */
.sidebar h5 {
background:#0000CC;

margin:33px 45px 10px -3px;
padding:1px 1px 1px;
border:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-width:1px 1px 1px;
border-bottom:1px line #ffffff;
 
  }

.sidebar2 h5 {
background:#0000CC;

margin:33px 45px 10px -3px;
padding:1px 1px 1px;
border:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-width:1px 1px 1px;
border-bottom:1px line #ffffff;
 
  }


.sidebar1 h4 {
background:#0000CC;

margin:33px 45px 22px 61px;
padding:1px 1px 1px;
border:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-width:1px 1px 1px;
border-bottom:1px line #ffffff;
 
  }

.footer h3 {
background:#0000CC;

margin: 3em 10em 0.5em 10em;
padding:1px 1px 1px;
border:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-width:1px 1px 1px;
border-bottom:1px line #ffffff;
 
  }

.sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.sidebar ul {
  list-style:none;
  margin:.5em 0;
  padding:0 0px;
}

.main .widget { 
  padding-bottom: 1em;
   
}

.sidebar ul li {
  background:url("http://www1.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding-top: 0;
  padding-bottom:5px;
  padding-$startSide:15px;
  padding-$endSide:0;

}
.sidebar p {
  margin:0 0 .6em;

  }

/* Profile 
----------------------------------------------- */
.profile-datablock { 
  margin: 0 0 1em;
}

.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-bottom:5px;
  margin-$startSide:0;
  margin-$endSide:8px;
  border: 4px solid #cc9;
}

.profile-data { 
  margin: 0;
  line-height: 1.5em;
}
.profile-textblock { 
  clear: $startSide;
  margin-$startSide: 0;
}

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:-12px 0px 30px;
  margin-left: -35px;
  color: #fcd9bb;  <!--change footer widget title color-->

}

#footer p {
  margin:0;


}

/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper { 
  padding: 0;
}
body#layout #sidebar, body#layout #sidebar-wrapper { 
  padding: 0;
  width: 240px;
 }

#ad{
float: left;
margin-left: -70px;

}

#bookmark{

margin-left: 755px;

}

#navleft {
width: 770px;
float: left;
margin-left: -26px;
padding: 0px;
}
#navright {
width: 280px;
font-size: 11px;
float: right;
margin: -3px; /*move search bar up or down*/
margin-right: 5px; /*move search bar left or right*/
padding: 2px 4px 7.1px 0px;
}
/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 45px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #FFFFFF;
border: 1px solid #FF9900;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}
.ddsubmenustyle li a{
display: block;
width: 209px; /*width of menu (not including side paddings)*/
color: #FF9900;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid #ffffff;
}
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}
.ddsubmenustyle li a:hover{
background-color: #FF9900;
color: #ffffff;
text-decoration: underline;
}
/* ######### Neutral CSS  ######### */
.downarrowpointer{
position: absolute;
top: 212px;
padding-left: 0px;


border: 0;
}
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 400px;
border: 0;
}
.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */
.blackwhite li a{
background: #FF9900;
}
.blackwhite li a:hover{
background: #ff9900;
color: #ffffff;
}
/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul{
margin-left: -40px;
padding: 0;
font: bold 13.5px Verdana;
list-style-type: none;
border-bottom: 1px #FFFFFF;
background: #cf9114; /*change bar color*/
overflow: hidden;
width: 990px;


}
.mattblackmenu li{
display: inline;
margin: 0;
}
.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white;/*right divider between tabs*/
border-bottom: 1px solid white;
border-top: 1px solid white; 
color: #FFFFFF;
background: #0000CC; /*change bar color*/
}
.mattblackmenu li a:visited{
color: #ffffff;
}
.mattblackmenu li a:hover{
background: #C26A04; /*background of tabs for hover state *//*change bar color*/
}
.mattblackmenu a.selected{
background: #FFFFFF; /*background of tab with "selected" class assigned to its LI */
}
form{margin:0;padding:0}
.search-box{ /*outer background*/
background-image:url('http://i637.photobucket.com/albums/uu99/mytravelguideposts/search-box.gif') no-repeat top left;
height: 25px;
padding: 5px 0 0 10px;
width: 55px;
}
input.search-field{ /*input field */
float: left;
border:2;
margin-left: -14px;
font-family:tahoma;
font-size: 11px;
padding: 3px 0px 0px 4px;
height:18px;
background-image:url('http://i637.photobucket.com/albums/uu99/mytravelguideposts/search-form.png
') no-repeat top left;
width: 141px;
}
input.search-go { /*search icon */
float:left;
border:0;
margin:0;
padding:0;
margin-left: 5px;
height: 25px;
width: 21px;
background-image:url('http://i637.photobucket.com/albums/uu99/mytravelguideposts/search-button.png') no-repeat top left;
cursor: pointer;
}
input.search-go:hover{ /*search icon hover "Does Not work in ie6" */
background-image:url('http://i637.photobucket.com/albums/uu99/mytravelguideposts/search-button.png') no-repeat bottom left;
}

div.navbar {height:0px;visibility:hidden;display:none}

/* Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color" type="color"
             default="#333" value="#ffffff">
   <Variable name="pagetitle" description="Blog Title Color" type="color"
             default="#353" value="#ffffff">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#996" value="#009df5">
   <Variable name="posttitle" description="Post Title Color" type="color"
             default="#996" value="#fcd9bb">
   <Variable name="linkcolor" description="Link Color" type="color"
             default="#488" value="#ffffff">
   <Variable name="vlinkcolor" description="Visited Link Color" type="color"
             default="#885" value="#ffffff">
   <Variable name="dateheadercolor" description="Date Header Color"
             type="color" default="#663" value="#fcd9bb">
   <Variable name="sidebartitle" description="Sidebar Title Color" type="color"
             default="#663" value="#fcd9bb">
   <Variable name="borderColor" description="Border Color"
             type="color" default="#9b9" value="#fcd9bb">
   <Variable name="bodyfont" description="Text Font" type="font"
             default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 120% Verdana, sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font" type="font"
             default="normal normal 250% Georgia,Serif" value="normal normal 96% Verdana, sans-serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font"
             type="font" 
             default="normal normal 100% Verdana, Arial, Sans-Serif" value="normal normal 6% Verdana, sans-serif">
   <Variable name="dateHeaderFont" description="Date Header Font"
             type="font" default="normal normal 95% Georgia, Serif" value="normal normal 95% Verdana, sans-serif">
   <Variable name="headerfont" description="Sidebar Title Font" type="font"
             default="normal normal 100% Georgia,Serif" value="normal bold 99% Verdana, sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language" 
             type="automatic" default="right" value="right">
*/

/*background-color: #0033FF;*/




#showlink{
font-size:10px;
}


body {
         background-color: #0033FF;
        padding: 0;
        margin: 0;
      }