/*  
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{
background:#046c9e;
font-family: Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
color:#000;
}

#wrap{
margin:0 auto;
text-align:left;
width:778px;
}

#container{
margin-left: auto;
margin-right: auto;
margin-top: 8px;
width:778px;
padding:0px 12px 0px 12px;
background:url('../images/container-bg.png') repeat-y 0px 0px;
z-index:10;
}

#search-wrapper {
height:46px;
margin:-12px 0px 0px 0px;
}

#add-comment-box {
background-color:#f4f9ff;
margin:0px 4px 4px 4px;
padding:4px 4px 0px 0px;
width:182px;
float:left;
text-align:left;
border:1px solid #d6ebff;
height:28px;
}

.add-comment-link {
display:block;
background-image:url('../images/add-comment-blue.gif');
background-repeat:no-repeat;
background-position:0px 2px;
padding:2px 0px 16px 24px;
font-weight:bold;
font-size:11px;
}

#searchbox {
background-color:#f4f4f4;
width:320px;
float:right;
margin:0px 4px 4px 4px;
padding:4px 4px 0px 0px;
text-align:right;
border:1px solid #e8e8e8;
}

#q {
background:url('../images/textfield-bg.gif'); no-repeat 0px 0px;
border:1px solid #e9e9e9;
padding:2px;
font-size:11px;
font-family:Arial;
width:126px;
}

#search-submit {
font-size:11px;
}

#content1{
font-size:1.1em;
margin:0px 0px 0px 4px;
width:768px;
}

#content{
font-size:1.2em;
float:right;
padding:0px 14px 0px 0px;
width:560px;
}

#sections{
font-size:1.1em;
margin:0px 0px 10px 6px;
float:left;
width:186px;
height:100%;
overflow-x:hidden;
}

#header{
position:relative;
background:url(../images/header-nl.png) no-repeat top;
height:100px;
z-index:9999;
top:0px;
width:804px;
left:-13px;
}

#main-menu {
height:51px;
background:url('../images/menu-bg.gif') no-repeat -5px 0px;
padding:0px 0px 0px 0px;
width:769px;
margin:8px 0px 0px 0px;
position:relative;
left:4px;
top:-8px;
z-index:99999;

}

#website-btn {
float:right;
padding:24px 30px 0px 0px;
}

#footer{
background:url('../images/footer-bg.png') no-repeat -12px 0px;
color:#888;
clear:both;
font-size:0.9em;
height:43px;
width:802px;
float:left;
}

#sform input{
margin-bottom:.5em;
}

/*************************************
 +menu
 *************************************/
#main-menu ul {
margin:0px 0px 0px -40px;
#margin:0px 0px 0px 0px;
list-style:none;
overflow:hidden;
}

#main-menu ul li {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
}

#main-menu ul li a {
color:#fff;
font-weight:bold;
margin:0;
padding:8px 24px 8px 24px;
text-decoration:none;
border-left:1px solid #55bae8;
display:block;
font-size:11px;
}

#main-menu ul li a:hover {
background:url('../images/menu-bg-hvr-db.gif');
}

/*#main-menu ul li a.selected {
background:url('../images/menu-bg-hvr.gif') repeat-x 0px 0px;
}*/
#main-menu ul li.first a {
border-left:none;

margin:0px;
}

#main-menu ul li.last a {
padding-right:28px;
margin:0px;
}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0;
font-size: 1.5em;
}

.entrytitle h4{
font-size:1.1em;
}

h1.section-title {
color:#15568c;
font-weight:bold;
font-size:18px;
font-family:Arial;
padding:0px 0px 14px 0px;
}

h1.search-title {
color:#15568c;
font-weight:bold;
font-size:18px;
font-family:Arial;
padding:0px 0px 14px 0px;
}

h2.article-title {
color:#15568c;
font-weight:bold;
font-size:14px;
font-family:Arial;
padding:4px 0px 4px 0px;
}

h2.article-title a {
color:#15568c;
}

h2.messages-title {
color:#15568c;
font-weight:bold;
font-size:14px;
font-family:Arial;
background-image:url('../images/icon-messages.gif');
background-repeat:no-repeat;
background-position:0px 8px;
padding:4px 0px 16px 22px;
}

h4.subtitle {
background:url('../images/dash-bg.gif') repeat-x 80px 4px;
color:#fe7e11;
font-size:12px;
font-family:Arial;
text-transform:uppercase;
margin:4px 0px 8px 0px;
padding:0px;
}

h4.new-comment {
color:#15568c;
padding:0px 0px 0px 4px;
}

#article-comments span.white {
background-image:url('../images/icon-messages.gif');
background-repeat:no-repeat;
background-position:0px 4px;
padding:4px 0px 16px 22px;
}

#respond span.white {
background-image:url('../images/icon-respond.gif');
background-repeat:no-repeat;
background-position:0px 2px;
padding:4px 0px 16px 22px;
}

.white {
background:#fff;
}

.orange {
color:#ff7f11;
}

.home-intro {
font-size:14px;
padding:8px;
margin:0px 0px 12px 0px;
background:#ffe9d1;
border:1px dashed #ff8400;
color:#000;
font-weight:normal;
}

.home-intro a {
color:#ff8400;
}

.home-intro a:hover {
text-decoration:none;
}

.normal {
text-decoration:none;
}

#header h1{
	font-family: Arial, "Times New Roman", Times, serif;
	font-size:3em;
	margin:0;
	margin-right:1em;
}
#header a{
	color:#153655;
       font-size: 120%;
}
#header h1 a:hover{
	color:#CC0000;
}
#header p{
	color:#fff;
	font-size:2.1em;
	margin:0;
	margin-top:-0.5em;
}

.entry-body {
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
margin:4px 0px 0px 0px;
padding:14px;
background:#f8f8f8;
}

h3.comment-title {
color:#15568c;
font-weight:bold;
font-size:12px;
}

.search-text {
background:url(../images/icon-search.gif) no-repeat 8px 8px;
display:block;
float:left;
font-family:Arial;
color:#15568c;
font-weight:bold;
font-size:11px;
padding:4px 0px 0px 24px;
}

/*************************************
 +Home
 *************************************/
h2.front-title {
font-size:14px;
color:#15568c;
font-weight:bold;
}

.about-us {
border:1px solid #ff7f11;
margin-bottom:10px;
padding:5px;
width:367px;
background-color:#ffe8d4;
}

/*************************************
 +Entry
 *************************************/
.collumn-left{
width:248px;
  float:left;
margin:0px 10px 0px 1px;
}

.collumn-center{
width:248px;
  float:left;
margin:0px 10px 0px 0px;
}

.collumn-right{
width:248px;
  float:left;
}

.frontentry1{
margin-bottom:10px;
padding:5px;
background-color:#f4f4f4;
border:1px solid #e8e8e8;
}
.frontentry2{
margin-bottom:10px;
padding:5px;
background-color:#f4f4f4;
border:1px solid #e8e8e8;
}
.frontentry3{
margin-bottom:10px;
padding:5px;
background-color:#f4f9ff;
border:1px solid #d6ebff;
}

.entry-orange {
background:#ffe3cb;
}

.entry-blue {
background:#b7d8f7;
}

.entry{	
margin-bottom:1.5em;
}

.entrymeta{
font-size:0.9em;
color:#0696db;
padding:4px 0px 0px 0px;
}

.postedon{
background:#fff url(../images/icon-date.gif) no-repeat 0px 4px;
padding:3px;
padding-left:14px;
color:#8d8d8d;
}

.postedby{
background:#fff url(../images/icon-author.gif) no-repeat 0px 3px;
padding:3px;
padding-left:16px;
color:#8d8d8d;
}
.filedto{
background:#fff url(../images/icon-theme.gif) no-repeat 0px 4px;
padding:3px;
padding-left:15px;
}

.filedto a {
color:#15568c;
text-decoration:underline;
}

.filedto a:hover {
color:#15568c;
text-decoration:none;
}


.commentslink {
padding:3px;
}

.comments-count {
background:url('../images/icon-comment.gif') no-repeat 0px 2px;
padding:0px 0px 0px 14px;
}

.commentslink {
color:#0696db;
}

.readmore {
color:#0696db;
}

.commentmetadata {
text-transform:uppercase;
}

/*************************************
 +Sections
 *************************************/
#sections ul{
	list-style-type:none;
	margin:0;
	padding:0;
	background:#f4f9ff;
border-top:1px dotted #bbddff;
}
#sections ul li{
  color:#153655;
	border-bottom:1px dotted #bbddff;
	margin-bottom:0em;
	padding:0;
	font-size:1em;
}
#sections ul li a{
	color:#153655;
	text-decoration:none;
display:block;
padding:4px;
}
#sections ul li a:hover{
	color:#fff;
background:#1a6698;
}

#sections ul li.active a{
color:#fff;
background:#1a6698;
}

form{
margin:0;
padding:0;
}

.section-intro {
font-size:14px;
padding:0px 8px 0px 8px;
margin:0px 0px 12px 0px;
background:#ffe9d1;
border:1px dashed #ff8400;
color:#000;
font-weight:normal;
}

.section-intro p {
padding:2px 0px 8px 0px;
margin:0px;
font-size:12px;
}

.section-intro a {
color:#ff8400;
}

.section-intro a:hover {
text-decoration:none;
}

/*************************************
 +Comments
 *************************************/
.commentsblock textarea{
	width:30em;
}
.commentsblock h3{
	font-size: 1.2em;
      
}
.commentsblock textarea:focus{
	background:#eee;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#333;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	padding:0.5em;
}
h3 #comments{
font-size:1.5em;
}

.comment-form p {
margin:4px;
}

.comment-form .textfield input {
width:220px;
background:url('../images/textfield-bg.gif'); no-repeat 0px 0px;
border:1px solid #e9e9e9;
padding:2px;
font-size:11px;
font-family:Arial;
}

.comment-form textarea {
width:520px;
height:200px;
background:url('../images/textarea-bg.gif'); no-repeat 0px 0px;
border:1px solid #e9e9e9;
padding:2px;
font-size:11px;
font-family:Arial;
overflow:auto;
}

.comment-form .checkbox input {
background:#fff;
border:none;
}

.comment-form p label small {
font-family:Arial;
font-size:11px;
}

#submit {
font-family:Arial;
font-size:11px;
font-weight:bold;
}

#submit:first-letter {
text-transform:uppercase;
}

/*************************************
 +Forms
 *************************************/
form{
margin:0px;
padding:0px;
}

/*************************************
 +Misc
 *************************************/
#clear{
  clear:both;
}
a{
	color:#153655;
	text-decoration:underline;
}
a:hover{
	color:#ff7f11;
text-decoration:none;
}

a img{
  border:none;
}

td {
  vertical-align: top;
}

h2.locked {
background-image:url('../images/thread_lock.gif');
background-repeat:no-repeat;
background-position:0px 8px;
padding:4px 0px 4px 22px;
}