/*
Theme Name: Fluid Red
Theme URI: http://www.a-chinaman.com
Description: A red colored theme based Fluid Blue with Tango colors.
Version: 0.1
Author: Duncan Mak
Author URI: http://www.a-chinaman.com/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php

*/

body {
        background:#EEEEEC;
        color:#2E3436;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-size: 62.5%; /* Resets 1em to 10px */
        margin:0;
        text-align:center;
}

a {
        color:#8F5902;
        text-decoration:none;
}

a:hover {
        text-decoration:underline;
}

h1, h1 a, h2, h2 a, h3, h4, h5, h6 {
        color:#CC0000;
        margin-bottom:0;
        text-align:left;
}

h1 {font-size:2.6em;}
h2 {font-size:2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}


img {
        border:0;
        margin:5px;
}

img.wp-smiley {
        margin:0;
}

input {
        border:1px solid #AAAAAA;
        font-size:1.2em;
}

textarea {
        border:1px solid #AAAAAA;
        font-size:12px;
}

pre {
        font-size:12px;
}
code {
        background-color:#F8F8F8;
        color:#111;
        font-size:12px;
}

/* Layout */
#page {
        margin:0 auto;
        min-width:760px;
        text-align:left;
}

#wrapper {
        margin:0 5%;
        padding-right:230px;
}

#content{
        border-right:230px solid #eee;
        float:left;
        margin-right:-230px;
        padding:20px 4% 20px 0;
        width:96%;

}
#sidebar{
        background:#D3D7CF;
        float:left;
        margin:0 -230px 0 0;
        padding:20px;
        width:190px;
}

#footer {
        border-top:0.2em solid #555555;
        clear:both;
        padding:10px;
}

/* Header */

#header {
        background:#A40000;
        height:4.8em;
        margin:0;
        padding:2em 0;
}

#headertitle {
        float:left;
        left:5%;
        position:absolute;
        top:2.4em;
}
#headertitle h1 {
        margin:0;
}
#headertitle h1 a {
        background:transparent;
        color:#FFFFFF;
}
#headertitle h1 a:hover {
        text-decoration:none;
}

#headertitle p {
        background:transparent;
        color:#FFFFFF;
        font-size:1.1em;
        margin:0;
}

.search {
        float:right;
        padding:1.5em 5% 0 0;
}
.search form {
        margin:0;
        padding:0;
}
.search input {
        background:#EDD400;
        border:1px solid #2E3436;
        color:#2E3436;
        display:inline;
        font-size:1.1em;
        margin:0;
        padding:0.2em 5px;
        width:218px;
}


/* Top navigation */

#hmenu {
        background:#8F5902;
        border-bottom:0.1em solid #FCE94F;
        border-top:0.1em solid #FCE94F;
}

#hmenu ul {
        background:#8F5902;
        list-style-position:outside;
        list-style-type:none;
        margin:0 5%;
        padding:0.5em 0;
        text-indent:0;
}

#hmenu ul li {
        display:inline;
        margin:0;
        padding:0;
        text-transform:uppercase;
}

#hmenu ul li:before {
        background:transparent;
        color:#EEEEEC;
        content: "| \0020";
}
#hmenu ul li.hmenu1:before {
        content: "";
}
#hmenu ul li a {
        background:transparent;
        color:#C6C8C9;
        margin:0;
        padding:0.5em;
        text-decoration:none;
}

#hmenu ul li.hmenu1 a {
        padding-left:0;
}

#hmenu ul li a:hover {
        background:transparent;
        color:#FFFFFF;
}

/* Sidebar */


#sidebar ul {
        font-size:1.1em;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
        padding:0;
}
#sidebar ul ul {
        font-size:1em;
}

#sidebar ul li {
        margin:0 0 2em 0;
}

#sidebar ul ul {
        margin:0;
        padding:0;
}

#sidebar li li {
        margin:0.1em 0;
}

#sidebar li li li {
        padding-left:10px;
}

#sidebar ul h2 {
        color:#EF2929;
        font-size:1.2em;
        margin:0;
        padding:0;
        text-transform:uppercase;
}


/* Footer */
#footer {
        background:#A40000;
        color:#EEEEEC;
        font-size:1em;
        text-align:center;
}

#footer a {
        color:#FCE94F;
}

/* Post */
.post {
        clear:both;
        margin:0 0 4em;
}
.post p, .post ol li, .post ul li {
        font-size:1.2em;
        line-height:1.5em;
        margin-top:0;
        text-align:justify;
}
.post li li {
        font-size:1em;
}
.post blockquote {
        border-left:0.4em solid #CCCCCC;
        font-size:0.9em;
        padding:0 0 0 2em;
}
.post blockquote blockquote {
        margin-left:0;
        font-size:1em;
}
.postentry a {
        border-bottom:1px solid #D3D7CF;
}
.postentry a:hover {
        border-bottom:1px solid #CE5C00;
        color: #CE5C00;
        text-decoration:none;
}
.postmetadata {
        color:#888888;
        font-size:1.1em;
        margin:1em 0;
        text-align:justify;
}

div.navigation {
        font-size:1.1em;
}

/* Comments */

#comments {
        margin:0 2em;
}

.commentlist {
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
        padding:0;
}

.commentlist li {
        border-bottom:0.1em solid #EEEEEE;
        overflow:auto;
        padding:2em 0;
}

.commentlist p {
        font-size:1.1em;
        margin:0.5em 0;
}

.commentlist p a {
        border-bottom:1px solid #DDDDDD;
}
.commentlist p a:hover {
        border-bottom:1px solid #115577;
        text-decoration:none;
}

.commentlist h4 {
        margin:0;
}

textarea#comment {
        font-size:1.6em;
        width:100%;
}
/* Comment ends */


/* Calendar */
#wp-calendar caption {
        color:#C17D11;
        font-weight:bold;
        text-align:center;
        text-transform:uppercase;
}
#wp-calendar thead th {
        color:#C17D11;
        font-weight:normal;
        text-align:center;
}
#wp-calendar tbody td {
        text-align:center;
}
#wp-calendar tbody td a {
        font-weight:bold;
}
#wp-calendar tbody td.pad {
        border:none;
}
/* Calendar ends */

abbr {
        border-bottom: 0.1em dotted;
        cursor:help;
}

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