/*
THEME NAME: Ewen Chia
THEME URI: http://ewenchia.com
DESCRIPTION: Ewen Chia blog theme
VERSION: 1.0
AUTHOR: Developed by Alex of Agile Web Developers
AUTHOR URI: http://agilewebdevelopers.com
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

@import url('layout.css');

html, body {
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #616161;
    background: #fff url(images/bg.jpg) top center repeat-x;
}

a, a:active, a:visited {
    color: #616161;
    text-decoration: none;
}

a:hover  {
    text-decoration: underline;
}

#wrapper-top {
    background: url(images/header-bg.jpg) top center no-repeat;
}

#wrapper {
    width: 970px;
    margin: 0 auto;
}

#logo {
    display: block;
    padding: 10px 0 0 25px;
    float: left;
}

#header {
    padding-top: 45px;
    width: 960px;
    height: 60px;
}

#header .description {
    color: #8b8b8b;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 12.5px;
    float: left;
    line-height: 60px;
    padding: 0 10px;
}

#header .italic {
    font-style: italic;
}

#header #access {
    float: right;
    height: 60px;
}

#header #access a {
    color: #8b8b8b;
    font-size: 14px;
}

#header #access a:hover, #header #access li.current_page_item a {
    color: #f67b01;
}

#header #access a:hover {
    text-decoration: underline;
}

div#menu {
    padding: 25px 10px 0 0;
    height: 35px;
    width: 100%;
}

div#menu ul, div#menu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#menu ul a {
    display: block;
    padding: 0 10px;
    text-decoration: none;
}

div#menu ul li.page_item a {
    border-left: 1px solid #c5c5c5;
}

div#menu ul li.home a {
    border: none;
}

div#menu ul ul ul a {
    font-style: italic;
}

div#menu ul li ul {
    left: -999em;
    position: absolute;
}

div#menu ul li:hover ul {
    left: auto;
}

.entry-title, .entry-meta {
    clear: both;
}

div#container, div#primary {
    margin-top: 20px;
}

form#commentform .form-label {
    margin-top: 5px;
    width: 80px;
    float: left;
}

form#commentform .form-input, form#commentform .form-textarea {
    margin-top: 5px;
    float: left;
    width: 440px;
}

form#commentform .form-input input {
    border: none;
    background: url(images/comment-textfield-bg.gif) top left no-repeat;
    width: 189px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
}

form#commentform .form-textarea textarea {
    border: none;
    padding: 5px;
    background: url(images/comment-textarea-bg.gif) top left no-repeat;
    width: 429px;
    height: 83px;
}

form#commentform span.required {
    background: #fff;
    color: #c30;
}

form#commentform, form#commentform p {
    padding: 0;
}

form#commentform {
    width: 520px;
}

input#author, input#email, input#url, textarea#comment {
    padding: 0.2em;
}

div.comments ol li {
    margin: 0 0 3.5em;
}

textarea#comment {
    height: 13em;
    margin: 0 0 0.5em;
    overflow: auto;
    width: 66%;
}

.alignright, img.alignright {
    float: right;
    margin: 1em 0 0 1em;
}

.alignleft, img.alignleft {
    float: left;
    margin: 1em 1em 0 0;
}

.aligncenter, img.aligncenter {
    display: block;
    margin: 1em auto;
    text-align: center;
}

div.gallery {
    clear: both;
    height: 180px;
    margin: 1em 0;
    width: 100%;
}

p.wp-caption-text {
    font-style: italic;
}

div.gallery dl {
    margin: 1em auto;
    overflow: hidden;
    text-align: center;
}

div.gallery dl.gallery-columns-1 {
    width: 100%;
}

div.gallery dl.gallery-columns-2 {
    width: 49%;
}

div.gallery dl.gallery-columns-3 {
    width: 33%;
}

div.gallery dl.gallery-columns-4 {
    width: 24%;
}

div.gallery dl.gallery-columns-5 {
    width: 19%;
}

div#nav-above {
    margin-bottom: 1em;
}

div#nav-below {
    margin-top: 1em;
}

div#nav-images {
    height: 150px;
    margin: 1em 0;
}

div.navigation {
    height: 1.25em;
}

div.navigation div.nav-next {
    float: right;
    text-align: right;
}

div.sidebar input#s {
    background: url(images/search-textfield.gif) top left no-repeat;
    width: 171px;
    height: 34px;
    line-height: 34px;
    padding-left: 35px;
    border: none;
    margin-right: 8px;
}

div.sidebar li {
    list-style: none;
    margin: 0 0 20px;
}

div.sidebar li form {
    margin: 0.2em 0 0;
    padding: 0;
}

div.sidebar ul ul {
    margin: 0 0 0 1em;
}

div.sidebar ul ul li {
    list-style: disc;
    margin: 0;
    padding-bottom: 0px;
}

div.sidebar ul ul ul {
    margin: 0 0 0 0.5em;
}

div.sidebar ul ul ul li {
    list-style: circle;
}

div#menu ul li, div.gallery dl, div.navigation div.nav-previous {
    float: left;
}

div#footer {
    clear: both;
    text-align: right;
    padding-top: 20px;
    padding-right: 20px;
    margin-top: 20px;
    background: url(images/footer-bg.gif) top left no-repeat;
    width: 941px;
    height: 35px;
    margin-bottom: 20px;
    font-size: 10px;
    color: #fff;
}

input#author, input#email, input#url, div.navigation div {
    width: 50%;
}

div.gallery *, div.sidebar div, div.sidebar h3, div.sidebar ul {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

#rss-button {
    position: absolute;
    margin: 10px 0 0 805px;
    background: url(images/subscribe-to-rss-btn.png) top left no-repeat;
    width: 140px;
    height: 27px;
}

.clear {
    clear: both;
}

#slider {
    margin-top: 15px;
}

p {
}

h1, div.sidebar h3, #content h2.entry-title, #respond h3  {
    color: #f46a01;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#content h2.entry-title a {
    color: #f46a01;
    font-size: 24px;
    font-weight: bold;
}

.single #content h2.entry-title {
    padding-bottom: 20px;
}

.single .short-meta {
    position: absolute;
    margin-top: -30px;
    font-style: italic;
    font-size: 10px;
}

#content h1, #content h2.entry-title {
    margin-top: 0;
    padding-top: 0;
}

#content h2 {
    font-size: 16px;
    font-weight: bold;
}

#content {
    background: url(images/content-bg.gif) top left repeat-y;
}

#content-top {
    padding-top: 20px;
    background: url(images/content-top-bg.gif) top left no-repeat;
}

#content-bottom {
    padding: 0 25px 20px;
    background: url(images/content-bottom-bg.gif) bottom left no-repeat;
}

#content img.sign {
}

.sidebar {
    background: url(images/sidebar-bg.gif) top left repeat-y;
}

.sidebar-top {
    padding-top: 10px !important;
    background: url(images/sidebar-top-bg.gif) top left no-repeat;
}

.sidebar-bottom {
    padding: 0 25px 10px !important;
    background: url(images/sidebar-bottom-bg.gif) bottom left no-repeat;
}

#slider-controls {
    position: absolute;
    margin: -35px 0 0 870px;
    z-index: 100;
}

#searchform div input {
    float: left;
}

#slider-controls a.activeSlide {
    background: #fff;
}

#slider-controls a {
    color: #afafaf;
    font-family: 'Myriad Pro', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    background: url(images/slider-marker-bg.png) top left no-repeat;
    width: 18px;
    height: 24px;
    line-height: 21px;
    padding-left: 6px;
    display: block;
    float: left;
    margin-right: 5px;
}

.textwidget .im a, .textwidget .facebook a {
    font-size: 16px;
    font-weight: bold;
    color: #616161;
    text-decoration: none;
}
.textwidget .im a:hover, .textwidget .facebook a:hover {
    text-decoration: underline; 
}

.textwidget .im {
    margin: 15px 0;
}

.textwidget .im img, .textwidget .facebook img {
    float: left;
    padding: 0 10px 5px 0;
}

.single .date-mark {
    background: url(images/date-mark.gif) top left no-repeat;
    width: 83px;
    height: 51px;
    position: absolute;
    margin: -81px 0 0 493px;
    color: #fff;
    font-weight: bold;
}

.single .date-mark .date {
    position: relative;
    font-size: 34px;
    left: 3px;
    top: 5px;
}

.single .date-mark .month {
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    top: -10px;
}

.single .date-mark .year {
    position: relative;
    font-size: 15px;
    top: -17px;
    left: 41px;
}

#submit {
    float: right;
}

.entry-content a {
	color: #0658B5;
	text-decoration: underline;
}