/*
Theme Name: Simpla
Theme URI: http://ifelse.co.uk/simpla/
Description: A clean, minimalist theme
Version: 1.01
Author: Phu Ly
Author URI: http://ifelse.co.uk/
*/

/*************************************
 +Containers
 *************************************/
body{
        border-top:8px solid #e4ad5a;
        border-left:8px solid #e4ad5a;
        border-right:8px solid #e4ad5a;
        color:#555;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:62.5%;
        line-height:1.5;
        margin:0 auto;
        padding:0;
        text-align:center;
        width:800px;
        align:center;
}
#wrap{
        margin:0 auto;
        text-align:left;
        width:76em;
}

#googleads{
        float:left
}
#content{
        font-size:1.2em;
        float:left;
        padding:1em;
        width:40em;
}
#sidebar{
        font-size:1.1em;
        float:right;
        padding-top:1.5em;
        width:17em;
}
#header{
        padding:1em 1em;
        border-bottom:3px solid #e4ad5a;
}
#footer{
        background:#e4ad5a;
        color:#FFFFFF;
        clear:both;
        font-size:0.9em;
        padding:0.5em;
}
/*************************************
 +Hn and p
 *************************************/
h1, h2, h3{
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight:normal;
        letter-spacing: -1px;
        margin:0;
}
#header h1{
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:3em;
        margin:0;
        margin-right:1em;
}
#header h1 a{
        color:#e4ad5a;
}
#header h1 a:hover{
        color:#39A0DD;
}
#header p{
        color:#aaa;
        font-size:1.1em;
        margin:0;
        margin-top:-0.5em;
}
.entrytitle h2{
        font-size:2.0em;
}
.entrytitle h2 a
{
        color:#e4ad5a;
}
.entrytitle h2 a:hover{
        color:#39A0DD;
}
.entrytitle h3{
        font-size:1.8em;
        color:#6F6F6F;
}
#sidebar h3{
        color:#555;
        font-size:1.5em;
        margin:1em 0;
}
/*************************************
 +Entry
 *************************************/
.entry{
        margin-bottom:3em;
}

.entrymeta{
        font-size:0.9em;
}
.postedby{
        background:#fff url(./images/user.gif) no-repeat;
        padding:3px;
        padding-left:20px;
}
.filedto{
        background:#fff url(./images/post.gif) no-repeat;
        padding:3px;
        padding-left:20px;
}
.commentslink{
        background:#fff url(./images/packaged.gif) no-repeat;
        padding:3px;
        padding-left:20px;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
        list-style-type:none;
        margin:0;
        padding:0;
}
#sidebar ul li{
        border-bottom:1px dotted #e4ad5a;
        margin-bottom:0.3em;
        padding:0.3em;
}
/*************************************
 +Comments
 *************************************/
.commentsblock{
        margin:0.5em;
        padding:1em;

}
.commentsblock textarea{
        width:35em;
}
.commentsblock input, .commentsblock textarea{
        border:1px solid #e4ad5a;
}
.commentsblock textarea:focus{
        background:#eee;
        border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
        background:#eee;
        border:1px solid #a1a1a1;
}
.commentauthor{
        display:block;
        font-size:1.5em;
}
ol.commentlist{
        color:#777;
        font-size:0.9em;
        list-style-type:none;
        margin:0;
        margin-top:1.5em;
        padding:0;
}
.commentlist li{
        margin-bottom:0.5em;
        padding:0.5em 1em;
}
.alt{
        border:1px dotted #e4ad5a;
        padding:0.5em;
}
h3#comments{
font-size:1.6em;
}

/*************************************
 +Misc
 *************************************/
a{
        color:#579;
        text-decoration:none;
}
a:hover{
        color:#e4ad5a;
}

a img{
        border: 0px;
}

a:hover img{
        border: 0px;
}

.pageNavigation {padding:5px;}
.pageNavigation p {
  margin:0;
  padding:0 5px 0 0;
  float:left;
}
.pageNavigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pageNavigation li {
  border: 1px solid #000;
  float: left;
  margin-right: 2px;
  position: relative;
}
li.break {border:none;}
.pageNavigation a:hover, .pageNavigation a:active, .pageNavigation li.active span {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}
.pageNavigation a, .pageNavigation li span {
  padding: 0 6px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.pageNavigationPages {padding:10px 0 0 10px;}

.pagebar
        {
                font: 11px Arial, Helvetica, sans-serif;
                padding-top: 20px;
                padding-bottom: 10px;
                margin: 0px;
        }

.pagebar a, .pageList .this-page
        {
                padding: 2px 6px;
                border: solid 1px #ddd;
                background: #fff;
                text-decoration: none;
        }

.pagebar a:visited
        {
                padding: 2px 6px;
                border: solid 1px #ddd;
                background: #fff;
                text-decoration: none;
        }

.pagebar .break
        {
                        padding: 2px 6px;
                        border: none;
                        background: #fff;
                        text-decoration: none;
        }

.pagebar .this-page
        {
                padding: 2px 6px;
                border-color: #999;
                font-weight: bold;
                font-size: 13px;
                vertical-align: top;
                background: #fff;
        }

.pagebar a:hover
        {
                color: #fff;
                background: #0063DC;
                border-color: #036;
                text-decoration: none;
        }

#content div.cosmos {
                        margin: 0;
                        list-style: none;
                        font-size: 140%;
                        text-align: justify;
                        }

#content li.cosmos {
                        display: inline;
                        padding: 0;
                        margin: 0;
                        line-height: 2em;
                        }

#content li.keyword1 { font-size: 0.7em; }
#content li.keyword2 { font-size: 0.9em; }
#content li.keyword3 { font-size: 1.0em; }
#content li.keyword4 { font-size: 1.1em; }
#content li.keyword5 { font-size: 1.2em; }
#content li.keyword6 { font-size: 1.3em; }
#content li.keyword7 { font-size: 1.4em; }
#content li.keyword8 { font-size: 1.5em; }
#content li.keyword9 { font-size: 1.6em; }
#content li.keyword10 { font-size: 1.7em; }
#content li.keyword11 { font-size: 1.8em; }
#content li.keyword12 { font-size: 1.9em; }
#content li.keyword13 { font-size: 2.0em; }
#content li.keyword14 { font-size: 2.1em; }
#content li.keyword15 { font-size: 2.2em; }
