/*  
Theme Name: Asia On The Edge
Theme URI: http://www.asiaontheedge.com
Description: The AOTE theme.
Version: 2009
Author: AOTE
Author URI: http://www.asiaontheedge.com
*/

/* Begin Typography & Colors */

select {width: 130px;}
small {font-family: Arial; font-size: 0.9em; line-height: 1.5em; color: #777;}
code {font: 1.1em Arial;}
acronym {font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999;}
abbr{font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999;}
span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}
cite {text-decoration: none;}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
ol li {list-style: decimal outside;}
.bold {font-weight: bold;}

hr {display: none;}
a img {border: none;}
p img {padding: 0; max-width: 100%;}

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;}

.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
.center {text-align: center;}
.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}





h1, h2, h3 {font-family: Arial; font-weight: bold;}
h1 {font-size: 4em; text-align: center;}
h2 {font-size: 1.6em;}
h2.pagetitle {font-size: 1.6em;}

h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {text-decoration: none;}

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

a, h2 a:hover, h3 a:hover {color: #06c; text-decoration: underline;}
a:hover {color: #147; text-decoration: underline;}





body {margin: 0 0 10px 0; padding: 0; font-size: 12px; font-family: Arial; background: #fff; color: #000; text-align: center;} /* Resets 1em to 10px */ 

#page {text-align: left; margin: 0px auto; padding: 0; width: 965px;}

#header {background: url(images/header_bg.gif) no-repeat; margin: 60px 0 0 0px; padding: 0; height: 118px; width: 965px;}
#header #logo {float: left; width: 119px; height: 119px; padding-left: 38px;}
#header #bannerright {float: right; width: 775px;}
#header #aote {width: 339px; height: 61px;} 
#header #menu {width: 775px; margin-top: 17px; clear: both;}
#header #menu .waterways {margin-left: -3px;}
#header #menu .kinestasia {margin-left: -3px;}
#header #menu .jing {margin-left: -3px;}
#header #menu .divider {margin-left: -3px;}




#content {font-size: 12px;}

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;} 
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.entry ul li:before {content: "\00BB \0020";}
.entry p a:visited {color: #b85b5a;}
.entry form {text-align:center;} /* This is mainly for password protected posts, makes them look better. */

.postmetadata {color: #777; clear: left;}
.postmetadata ul {display: inline; list-style-type: none; list-style-image: none;}
.postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

.narrowcolumn {float: right; padding-top: 15px; width: 775px;}
.narrowcolumn .entry {line-height: 1.4em; padding-top: 19px;}
.narrowcolumn .postmetadata {text-align: center; padding-top: 5px;}
.narrowcolumn .entry .titlelight {color: #959595; font-weight: bold; text-transform: uppercase;}
.narrowcolumn .entry .titledark {color: #464646; font-weight: bold; text-transform: uppercase;}
.narrowcolumn .entry .dark  {color: #464646; font-weight: bold;}
.narrowcolumn .entry img.map {float: right; margin-right: 85px;}
.narrowcolumn .entry form {margin: 0px; float: left; text-align: left; width: 500px;}
.narrowcolumn .entry form input, textarea, select {font-family: arial; font-size: 11px;}
.narrowcolumn .entry form label {width: 100px; /* height: 100%; */ margin-top: 3px; position: absolute; overflow: hidden;}
.narrowcolumn .entry form input {margin-left: 100px;}
.narrowcolumn .entry form input.text {width: 140px;}
.narrowcolumn .entry form select {margin-left: 100px;}
.narrowcolumn .entry form textarea {width: 300px; height: 50px; margin-left: 100px;}
.narrowcolumn .entry form .field {clear: both; width: 100%; margin-bottom: 4px; position: relative; overflow: hidden;}
.narrowcolumn .entry form .field br {display: none}
.narrowcolumn .entry form .field br.display {display: block;}
.narrowcolumn .entry form .submit {}
.narrowcolumn .entry form .submit input {}


.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; line-height: 1.6em;}
.widecolumn .post {margin: 0;}
.widecolumn .entry {line-height: 1.4em;}
.widecolumn .entry p {font-size: 1.05em;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}

.post {margin: 0 0 40px; text-align: justify;}
.post hr {display: block;}





#sidebar {font: 1em Arial; padding: 20px 0 10px 0; width: 167px; float: left;}

#sidebar .sidemenu {margin-bottom: 3px;}
#sidebar .organised {float: right; font-weight: bold; margin-top: 76px; text-align: right;}

#sidebar ul {margin: 0px; padding: 0px; margin-top: -5px;}
#sidebar ul li {list-style-type: none; position: relative;}
#sidebar ul li ul {margin: 0px; padding: 0px; position: absolute; top: 0px; left: 167px; display: none;}
#sidebar ul li ul li {list-style-type: none; margin-bottom: -3px; padding-bottom: 0px;}
#sidebar ul li:hover > ul {margin: 0px; padding: 0px; display: block;}

#sidebar h2 {font-family: Arial; font-size: 1.2em; margin: 5px 0 0; padding: 0; text-decoration: none;}

#sidebar form {margin: 0;}
#sidebar #searchsubmit {padding: 1px;}
#sidebar #searchform #s {width: 108px; padding: 2px;}

#searchform {margin: 10px auto; padding: 5px 3px; text-align: center;}





#footer {padding: 0; margin: 0 auto; width: 965px; clear: both; font-size: 10px;}
#footer p {margin: 0; padding: 20px 0; text-align: center;}
#footer a {text-decoration: underline; color: #0000ff;}




#commentform p {font-family: Arial; margin: 5px 0;}
#commentform input {font: 0.9em Arial; width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {font: 0.9em Arial; width: 100%; padding: 2px;}
#commentform #submit {margin: 0; float: right;}

.commentlist {padding: 0; text-align: justify;}
.commentlist li {font: 0.9em Arial;}
.commentlist li {font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0;}
.commentlist cite {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}

.nocomments {text-align: center; margin: 0; padding: 0; color: #777;}

.commentmetadata {margin: 0; display: block; font-weight: normal;}





#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right; font-size: 9pt;}
#wp-calendar #prev a {padding-left: 10px; text-align: left; font-size: 9pt;}
#wp-calendar a {text-decoration: none; display: block;}
#wp-calendar caption {font: bold 1.3em Arial; text-align: center; width: 100%; text-decoration: none;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover {background-color: #fff;} /* Doesn't work in IE */