/*
Theme Name: Travelling
Theme URI: http://wp-themes.erikgyepes.com/?wptheme=Travelling
Description: Black & white travelling related Widget ready Wordpress theme.
Version: 1.0
Author: Effi
Author URI: http://www.EffiHaryanti.com
*/
* { padding: 0; margin:0; }

body { background: #677365; margin: 0; font: 90% "Trebuchet MS", Verdana, Arial, Helvetica; color: #333; text-align: center; }

p { line-height:1.6em; }
dl { margin:1em 0;}
dt { font-weight:bold;}
dd { margin:0.5em; padding:0; }
small { font-size: 75%; }

img { padding:4px 10px 10px 4px; border:0; }
img.right { float: right; margin:10px 0 0 10px; }
img.left { float: left; margin:0 10px 10px 0; }

a, a:link, a:visited, a:active { text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; }

.wp-smiley, #wpstats { background: none; border: 0; padding: 0; }

.clear { clear:both; height:20px; }

blockquote { color:#666; margin: 1em; padding: 0 0 10px 50px; background: url(img/blockquote.gif) no-repeat left top; }
fieldset { border:0; }

#container { border: 2px solid #fff; background: #fff url(img/bg.jpg) repeat-y; margin: 0 auto; width: 940px; position: relative; text-align: left; }

#navigation { background: transparent; margin: 20px auto 0; overflow: hidden; width: 880px; position: relative; text-align: left; }

html { height: 1%; }


/* =============== SEARCH =============== */


.search { font-size: 0.9em; right: 0; }
.search input#searchsubmit { border: #999 1px solid; font-size: 0.9em; background: #ddd; margin: 0 0 0 2px; color: #c4d4d0; padding: 2px; }
#searchform {margin-left: 10px; }


/* =============== HEADER =============== */


#header { clear: both; float: left; margin: 10px 5px; }

#header h1 { font-size:200%; margin:20px 0 0 25px; padding-left:0px; line-height:100%; }
.description { font-size:60%; }

#header h1 a, h1 a:link { text-decoration:none; }
h2 { margin:5px 0 0 10px; font-size:130%; font-weight:bold; }

.top-nav { margin-left: 25px; padding: 15px 0 0 15px; width: 980px; height: 150px; background-image: url(img/header.jpg); background-repeat: no-repeat; background-position: left top; }


/* =============== CONTENT =============== */


#content { margin: 10px 10px 10px 30px; }
html #content { height: 1%; }
h3 { font-size: 110%; }

#content h2 { font-size: 130%; margin: 0em 0 0; font-weight:bold; line-height:1.4em; }
#content h2 a, #content h2 a:link { text-decoration:none; color: #3b4a39; }
#content h2 a:hover { text-decoration:underline; color: #3b4a39; }

#content h4 { font-size: 1.1em; margin: 1em 0 0 0; }
#content h5 { font-size: 1em; margin: 1em 0; }
#content-main ul { margin:0 1em; padding:0 1em; }
#content-main ul.asides { margin:0; padding:0; }
#content ol { list-style-type:decimal; margin:1em; padding:0 1em; }
#content-main { float: left; width: 620px; margin-right: 20px; }
html #section-index #content-main { margin-right: 20px; }
#content .post { padding:0 0 2em 0; }

#content .entry { margin:1em 0; padding-right:1em; }
#content .post-info , #content .postmetadata { font-size:0.9em; color:#999; margin:0; padding:0; }
#content .post-info { padding-bottom:15px; }

.post .posttitle p.cal { float:left; display:inline; width:48px; height:48px; margin:0px 8px 0 2px; padding-top:3px; text-align:center; font-size:18px; line-height:22px; color:#f2f2f2; background:url(img/bg-cal.png) no-repeat top; }

.post .posttitle p.cal small { display:block; font-size:11px; }


/* =============== SIDEBAR =============== */


#sidebar a, #sidebar a:link, #sidebar a:hover { text-decoration: none; }

#sidebar ul h2 { padding-bottom: 10px; font-size: 1.5em; font-weight: normal; margin: 0px auto; }

#sidebar ul, #sidebar p, #sidebar li { margin-bottom:20px; }
#sidebar ul li { list-style:none; line-height:1.6em; font-size: 1em; }
#sidebar ul ul {}

#sidebar ul li { margin: 0px auto; background: url('img/border-bottom.jpg') bottom left no-repeat; padding: 0 10px 0 10px; }


/* =============== FOOTER =============== */


#footer { clear: both; background: transparent; margin: 0 auto; width: 940px; text-align: left; font-size: 75%; line-height: 80%; color: #ccc; }
 html #footer { height: 1%; }
#footer a { color: #ccc; }
#footer img { margin: 0; padding: 0;}
#footer li { list-style:none; color: #ccc; }


/* =============== COMMENT =============== */


#comments, #respond { margin: 10px 0; padding:10px 0 0 0; }
#commentform { margin:10px; padding:10px; }
.commentnum { font-size:1.5em; font-weight:bold; margin:0 5px 0 0; }
#container .commentlist { margin: 0; padding: 0; border-top: #ddd 1px solid; }
.commentlist li { list-style:none; margin: 0; padding: 1em 0.5em; background:#fff; border-bottom: #ddd 1px solid; }
.commentlist li.alt { background:#f9f9f9; }
.commentlist li.authorcomment { border-bottom:#ccc 1px solid; }
.commentlist li .cmtinfo { font-size:1em; }
.commentlist li cite { font-style:normal; font-weight:bold; }
.commentlist li .cmtinfo em { float:right; margin:0; padding:0; font-style:normal; font-size:0.9em; color:#999; }

#content .commentsfeed { padding-left:6px; }
#content .trackback {  padding-left:10px; }
input.textbox, textarea { border:#ccc 1px solid; background:#fff; padding:2px; width:150px; }

textarea { width: 90%; padding:10px; line-height:2em; height: 20em; }
input.textbox:focus, textarea:focus { border:#999 1px solid; }
#submit { padding:3px 5px; }
.post h4 { font-size:1em; }
.post h4 em { font-style:normal; float:right; font-weight:normal; }
#header, #content, #sidebar, #footer, .widget { overflow: hidden; }

.navigation { display: block; text-align: center; margin-top: 20px; margin-bottom: 60px;}
.alignright { float: right; }
.alignleft { float: left; }