/*  
Theme Name: Travelist
Theme URI: http://topwpthemes.com/travelist/
Description: Designed by <a href="http://www.webhostingfan.com">Web Hosting Fan</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
Author: Web Hosting Fan
Author URI: http://www.webhostingfan.com
Tags: black, white, blue, red, yellow, three-columns, fixed-width, right-sidebar
*/


.pagenumber {text-align: right;clear: both;font-weight: bold;padding-top: 6px;margin-top: 10px;}
.kosong {clear: both;}
body {background: #ffffff;font-size: 10pt;font-family: Geneva, Arial, Helvetica, sans-serif;line-height: 1.75;}

#page {
text-align: left;
width: 1024px;
margin-top: 0px;
margin-bottom: 0px; 
margin-left: auto;
margin-right: auto; 
}
#wrapper {
    width:1024px;
    margin:15px auto 0 auto;
}
img {
    border:0px;
}

#header {
    padding:0;
    margin:0 auto;
    text-align:left;
    float:left;
}

#header h1 {
    margin: 0;
    padding:0;
}
#logo {
    background: url('images/logo.png') no-repeat;
    width:290px;
    height:85px;
    display: block;
}
#nav {
    background:url('images/navbg.png') repeat-x top;
    height:37px;
    margin:10px 0 0 0;
}
.rss {
    float:right;
    margin:0;
    padding:0;
}
.rss a:hover {
    background:url('images/rss.png') no-repeat;
    width:37px;
    height:37px;
    display:block;
}
.rss a {
    background:url('images/rss.png') no-repeat 0px -37px;
    width:37px;
    height:37px;
    display:block;
}
#nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    background:url('images/nav.png') no-repeat top left;
    height:37px;
}
#nav li {
    padding:0px;
    margin:0;
    height:37px;
    float:left;
    list-style-type:none;
}
#nav li a {
    display:block;
    height:27px;
    padding:10px 15px 0 15px;
    text-decoration:none;
    color:#474848;
    font-size:11px;
    text-align:center;
    font-weight:bold;
    float: left;
}
#nav .main {
    background:url('images/nav.png') no-repeat;
    color:#006600;
}
#nav .main a {
    background:url('images/nav.png') no-repeat;
    font-weight:bold;
    color:#474848;
}
#nav .main a:hover {
    background:url('images/nav.png') no-repeat 0px -37px;
    font-weight:bold;
    color:#000000;
}
#nav .main #current {
    background:url('images/nav.png') no-repeat 0px -37px;
    color:#000000;
}
#nav .main #current a {
    background:url('images/nav.png') no-repeat 0px -37px;
    font-weight:bold;
    color:#474848;
}
#nav .main #current a:hover {
    background:url('images/nav.png') no-repeat 0px -37px;
    font-weight:bold;
    color: #000000;
}
#nav .normal {
    color:#006600;
    font-weight:bold;
}
#nav .normal a {
    background:url('images/navbg.png') no-repeat;
    color:#474848;
}
#nav .normal a:hover {
    background:url('images/navbg.png') no-repeat 0px -37px;
    color:#000000;
}
#nav .normal #current {
    background:url('images/navbg.png') no-repeat center -37px;
    color:#000000;
}
#nav .normal #current a {
    background:url('images/navbg.png') no-repeat center -37px;
    color:#474848;
}
#nav .normal #current a:hover {
    background:url('images/navbg.png') no-repeat center -37px;
    color: #000000;
}
#nav2
{
    height: 35px; 
    padding: 5px;
    background:#fff0e6;
    border:1px solid #FFB104;
}
#nav2 ul{
    margin:7px 0 0 0;
    padding:0;
    list-style-type:none;
}
#nav2 li{
    float:left;
    list-style-type:none;
    margin-right: 20px;
}
.addthis_toolbox
{
    float: right;
    margin:10px 0 0 0;
    padding:0;
    vertical-align: middle;
}
.header-title {
	font-family: Verdana;
	color:#ff3de6;
	font-size:26px;
	padding:100px 0 0 300px;
	text-align:left;
    font-weight: bold;
}
.header-title a{
	color: #f4faff;
	text-decoration:none;
	font-weight: bold;
	}
.header-title a:hover{
	text-decoration:none;
	}
.header-description {	
	font-family: Verdana;
	color:#fff0e6;
	font-size:11px;
	padding:3px 0 0 320px;
	text-align:left;
	}

#adcontainer {
	float:left;
    width: 100%;
    padding-bottom: 20px;
    padding-left: 5px;
}
#adcontainer h2 a
{
    color: #0087dd;
}
#sidebar
{
	background-color: #fff0e6;
	float: right;
	width: 510px;
	margin-top: -11px;
	-moz-border-radius: 0px 0 40px 40px;
	border-left: 1px solid #ffb104;
	border-right: 1px solid #ffb104;
	border-bottom: 1px solid #ffb104;
}
#cabanner

{                       

    background: #ffd200 url(images/ashrambanner.gif) no-repeat;

    width: 480px;

	height: 60px;

	float: left;

    -moz-border-radius: 8px;

    margin: 5px 0px 5px 15px;

	display:block;

}

#quote

{

    background-color: #fff0e6; 

    padding: 5px 5px 5px 5px;

	margin: 0px 0px 5px 15px;

    -moz-border-radius: 40px;

	float:left;

}
#clearhead
{
    clear:both; 
    background-color: transparent;
    margin-top: 10px;
}
#menu {    
     border    :    0px solid #000000;
     margin    :    0px 0 0 580px;
     padding    :    0pt;
     overflow    :    hidden;
     clear    :    both;
}
#menu ul {    
     margin    :    0pt;
     padding    :    0pt;
     list-style-type    :    none;
     list-style-image    :    none;
     list-style-position    :    outside;
}
#menu li {    
     border-bottom    :    0pt none;
     float    :    left;
}
#menu li a {    
     padding    :    0.6em 0.6em 0.3em;
     margin-left    :    0.5em;
     display    :    block;
}
#menu li a:hover {    
     background    :    #ff285e none repeat scroll 0% 0%;
     color    :    #FFF8C0; /* #ff285e */
}
#menu ul li ul {    
     display    :    none;
}
#leftsidebar ul, #rightsidebar ul
{
    list-style-image    :    url(images/bullet.png);
    list-style-position :    inside;
}
#adboxes{
	float:left;
}
#adboxes ul
{
    padding-left: 0px;
}
#adboxes ul li {
	display:block;
	margin: 0px 3px 0px 0px;
	float:left;
}

#adboxes img { 
      padding: 2px;
      border: #8ee4fd 1px solid;
      margin-bottom: 5px;
      background: #8ee4fd;
      }

#adboxes a:link img  { 
      padding: 2px;
      border: #8ee4fd 1px solid;
      margin-bottom: 5px;
      background: #8ee4fd;
      }

#adboxes a:hover img  {
      padding: 2px;
      border: #1cc4f5 1px solid;
      background: #1cc4f5;
      margin-bottom: 5px;
}

.alt {border-top: 1px dotted #000000; border-bottom: 1px dotted #0087dd;}

small {font-size: 8pt;line-height: 1.5em;}

h1, h2, h3 {font-weight: bold;}
h2 {font-size: 1.3em;}
h2.pagetitle {font-size: 1.3em;}
h3 { font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, .description {color:#fd0000;text-decoration:underline;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#ff3de6;text-decoration: none;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #leftsidebar h2, #rightsidebar h2, cite 
{text-decoration: none;}

.commentlist li, #commentform input, #commentform textarea {font-size: 0.9em;}
.commentlist li {font-weight: bold;}.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
.commentmetadata {font-weight: normal;}

#leftsidebar
{
	background-color: #fff0e6;
	border-left: 1px solid #ffb104;
	border-right: 1px solid #ffb104;
	border-bottom: 1px solid #ffb104;
	margin-top: -1px;
}

.sidebarForHome, #rightsidebar 
{
	background-color:#fff0e6;
	border: 1px solid #ffb104;
	margin-top: -1px;
	-moz-border-radius: 8px 8px 0 0;
	float: right;
}
small, #leftsidebar ul ul li, #leftsidebar ul ol li, #rightsidebar ul ul li, #rightsidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #cccccc;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}

a {text-decoration: none;}
h2 a:hover, h3 a:hover {text-decoration: none;}
a:hover {color: #fd0000;text-decoration: underline;}

.narrowcolumn {float: left; width: 500px; }
.widecolumn {float: left; width: 760px; }
.post {margin: 0px 0 10px 0; padding: 2px 5px 2px 5px; text-align: justify;-moz-border-radius: 8px;background-color:#ffffff ;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}

#footer {padding: 0px;margin: 0px auto;width: 988px; height: 100px; clear: both;}
#footer p {font-size: 8pt;  padding: 38px 18px 0px 18px; text-align: center; font-family: Verdana;}
#footer a, #footer a:visited { font-weight: bold;}
#footer a:hover {}

.description {text-align: left; text-spacing: 1px; padding-left: 280px;font-size: 11px;font-weight: normal;color: #626162;}

h2 {margin-top: 0px;}
h2.pagetitle {margin-top: 10px;text-align: center;}
h3 {padding: 0;margin: 20px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}

p img {padding: 3px ;max-width: 100%; border: 1px dotted #000000;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left}

.spacer {   padding: 0px;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            padding-top: 5px;
            }


.entry ol {padding: 0 0 0 10px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}

#leftsidebar h2, #rightsidebar h2 
{
    font-size: 1.3em; font-weight: bold; margin-left: 2px;
}

#leftsidebar ul, #leftsidebar ul ol , #rightsidebar ul, #rightsidebar ul ol {text-decoration: none;margin: 5px;padding: 0px; line-height: 1.50;}
#leftsidebar ul li, #rightsidebar ul li
{
    margin-bottom : 10px;    
}
.ad200 {
          text-align: left;
          margin-top: 8px;
 }


.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width: 130px;}

#commentform input {font-size: 9pt;  width: 170px;padding: 2px;margin: 5px 5px 1px 0;background-color: #fefefe;border: 1px solid #1bc3f4;}
#commentform textarea {font-size: 9pt;  width: 99%;padding: 2px;background-color: #fefefe;border: 1px solid #1bc3f4;}
#commentform #submit {background: #8ee4fe;  margin: 0;float: right; width: 110px; border: 1px solid #1bc3f4;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#leftsidebar
{margin-left:10px; font-size: 1em; width: 248px;float: right;}

#rightsidebar{float:right;font-size: 1em; width: 248px;margin-left:10px; }
#rightsidebar form {margin: 0;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #0087dd;}

blockquote {margin: 15px 30px 0 10px;padding-left: 25px;}
blockquote cite {margin: 5px 0 0;display: block;}

.center {text-align: center;}

hr {display: none;}

a img {border: 1px dotted #000000;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

.widecolumn h4
{
color: #003C23;
padding: 0;
margin: 0;
}

.widecolumn strong
{
color: #003C23;
}


.break {
    clear: both;
    padding:0;
    margin:0 0 10px 0;
}
.clear {
    clear:both;
    padding:0;
    margin:0;
}
.Nav {
    margin:0 0 20px 0;
    padding:10px 0 0 0;
    color:#838383;
}
.Nav a {
    padding:4px 8px 4px 8px;
    background:#fff;
    border:1px solid #ffb104;
    color:#838383;
    font-size:10px;
    margin:0 5px 0 0;
}
.Nav a:hover {
    padding:4px 8px 4px 8px;
    border:1px solid #2993b6;
    color:#2993b6;
    text-decoration:none;
    font-size:10px;
    margin:0 5px 0 0;
}
.Nav .on {
    padding:4px 8px 4px 8px;
    border:1px solid #ff6802;
    color:#2993b6;
    font-size:10px;
    margin:0 5px 0 0;
}
.Nav span {
    padding:4px 8px 4px 8px;
    border:1px solid #ffb104;
    font-size:10px;
    margin:0 5px 0 0;
}