@charset "utf-8";
/*
Theme Name: Keron Calame
Theme URI: http://keroncalame.com/
Description: Backend by FreeThemeLayouts and interfaced made over by Keron Calame.<br> This work is licensed Creative Commons Attribution-Share Alike 3.0 License.
Version: 0.1
*/

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset {
border:0;
border-collapse:separate;
border-spacing:0;
margin:0;
padding:0;
}

body {
text-align:center;
background-image:url();
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}

#frame {
width:990px;
text-align:left;
background:#fff;
margin:10px auto;
padding:10px;
}

#contentheader .nav {
background-color:#4387C5;
margin-bottom:1px;
overflow:hidden;
}

#contentheader .nav li a {
color:#fff;
text-decoration:none;
font-size:13px;
display:block;
border-right:1px solid #6E6E6E;
float:left;
padding:10px;
}
.article p {
line-height: 1.3em;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#contentheader .header {
border-top:1px solid #ccc;
height:105px;
}

#contentheader .follow {
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
height:80px;
font-size:18px;
color:#333;
align: center;
padding: 20px;
text-align:center;
}

#contentheader .follow a {
color:#2266BB;
}

#contentheader .header .logo {
width:214px;
float:left;
}

#contentheader .header .ads {
width:728px;
float:right;
text-align:right;
margin-top:5px;
}

#contentheader .header .ads img {
padding:5px;
}

#contentheader .cat {
border-top:3px solid #ccc;
background-color:#eee;
overflow:hidden;
}

#contentheader .cat li a {
color:#999;
font-weight:700;
text-decoration:none;
font-size:13px;
display:block;
border-right:1px solid #fff;
float:left;
padding:10px;
}

#contentheader .cat li a:hover {
background-color:#95CD3C;
color:#fff;
font-size:13px;
}

#contentcenter {
width:660px;
float:left;
margin-right:10px;
padding:0;
}

#contentcenter .featured {
overflow:hidden;
border-top:3px solid #E9E9E9;
padding-top:10px;
}

#contentcenter .featured h3 {
border-top:3px solid #E9E9E9;
margin-bottom:15px;
padding-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:15px;
margin-top:15px;
}

#contentcenter .featured .like {
border:1px solid #ABD2E9;
background-color: #E8F0F9;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
font-weight: bold;
color:#3A5796;
font-size:16px;
margin-top:5px;
line-height:1.80em;
}

#contentcenter .featured .like2 {
border:1px solid #ABD2E9;
background-color: #E8F0F9;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
font-weight: bold;
color:#000000;
font-size:12px;
margin-top:5px;
line-height:1.80em;
}

#contentcenter .featured .like3 {
border:1px solid #cccccc;
background-color: #cccccc;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
font-weight: bold;
color:#000000;
font-size:15px;
margin-top:5px;
}

#contentcenter .featured .share {
border:1px solid #cccccc;
background-color: #cccccc;
margin-bottom:5px;
padding-top:5px;
padding-left:10px;
font-weight: bold;
color:#000000;
font-size:15px;
margin-top:5px;
height: 115px;
}

#contentcenter .featured .like2 a {
color:#3A5796;
}

#contentcenter .featured ol.commentlist img {
margin-right:20px;
}

#contentcenter .featured ol.commentlist p {
margin-top:5px;
}

#contentcenter .featured ol li {
margin-top:7px;
margin-bottom:11px;
margin-left:30px;
list-style:square;
font-weight: bold;
}

#contentcenter .featured ul li {
margin-top:7px;
margin-bottom:11px;
margin-left:30px;
list-style:square;
font-weight: bold;
}

#contentcenter .featured a:hover {
background-color:#EEF4FF;
}

#contentcenter small {
color:#ccc;
}

#contentcenter .news {
width:650px;
float:left;
margin-right:10px;
margin-top:10px;
margin-bottom:30px;
}

#contentcenter .post_cat {
margin-bottom:10px;
margin-top:5px;
}

#contentcenter .post_cat1 {
margin-right:10px;
}

#contentcenter .post_cat1 a {
color:#CC0099;
font-size:11px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
padding-top: 6px;
}

#contentcenter h1 a {
font-family:Arial, "Times New Roman", Times, serif;
color:#333333;
font-size:22px;
text-decoration:none;
font-weight: bold;
}
#contentcenter h2 a {
font-family:Arial, "Times New Roman", Times, serif;
color:#333333;
font-size:26px;
text-decoration:none;
}

#contentcenter p.dtls {
color:#ccc;
font-size:11px;
}

#contentcenter p.dtls a {
color:#ccc;
text-decoration:none;
}

#contentcenter .news .post {
margin-top:10px;
margin-bottom:10px;
}

#contentcenter .post_content {margin-top:5px;margin-bottom:5px;height: 210px; }

#contentcenter p {
line-height:16px;
text-align:justify;
}

#contentcenter img {
margin-right:10px;
margin-bottom:10px;
padding:5px;
}

#contentcenter .home img  {
margin-right:10px;
margin-bottom:10px;
padding:5px;
float: left;
}

#contentcenter .post_cat a {
background-color:#333;
color:#fff;
font-size:11px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
padding:5px;
}

#contentcenter .other {
width:230px;
float:left;
background-color:#eee;
padding:0 10px;
}

#contentcenter .other img {
border:none;
padding:0;
}

#contentcenter input {
margin-bottom:5px;
border:1px solid #eee;
width:250px;
padding:5px;
}

#contentcenter input.btn {
background-color:#333;
height:28px;
border:none;
color:#fff;
width:120px;
}

#contentcenter input.sub {
background-color:#000;
height:28px;
border:none;
color:#fff;
width:200px;
}

#contentcenter .ad .sub_form {
background-color:#333;
}

#contentcenter textarea {
margin-bottom:5px;
border:1px solid #eee;
width:450px;
height:150px;
padding:5px;
}

#contentcenter .other h2 {
color:#333;
text-transform:uppercase;
font-size:11px;
font-weight:700;
margin-bottom:10px;
margin-top:10px;
}

#contentcenter .other h2 span {
color:#C42915;
padding-right:5px;
}

#contentcenter .other li {
list-style:none;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #D3D3D3;
font-size:11px;
}

#contentright {
width:320px;
float:left;
}

#contentright h2 {
background-color:#333;
color:#fff;
font-size:11px;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
padding:5px;
}

#contentright li {
list-style:none;
}

#contentright li li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #eee;
list-style:none;
}

#contentright .ad {
margin-bottom:10px;
padding:10px;
}

#contentright .sidebar {
padding:10px 10px 0;
}

#contentright input {
margin-bottom:10px;
border:1px solid #eee;
width:223px;
padding:5px;
}

#contentright input.btn {
width:60px;
background-color:#333;
height:28px;
border:none;
color:#fff;
}

#contentheader .nav li,#contentheader .cat li {
list-style:none;
display:inline;
}

#contentcenter .news .post {
border-top:3px solid #E9E9E9;
padding-top:10px;
margin-bottom:7px;
}

#contentcenter p.dtls a:hover,#contentright li a:hover {
color:#000066;
}

#contentheader .nav li a {
text-transform: uppercase;
color:#EEEEEE;
font-weight:800;
}

#contentheader .nav li a:hover {
background-color:#000066;
color:#FFF;
}

#contentcenter .post_cat a,#contentcenter .post_cat a:hover {
background-color:#CC0099;
}

#contentcenter .view {
background-image:url(images/view-bk.jpg);
background-repeat: no-repeat;
height: 30px;
width: 200px;
float: right;
color:#333;
font-size:16px;
text-decoration:none;
margin-left: auto; margin-right: auto; text-align: center;
padding-top: 3px;
}

#contentcenter .view a {
color:#333;
font-size:16px;
text-decoration: none;
}


#contentcenter .view a:hover {
background-color:#EEF4FF;
}

#footer {
text-align:left;
color:#fff;
background-color:#EBEBEB;
padding:3px;
}

#about {
width:300px;
float:left;
background-color:#fff;
padding:0 10px;
text-align: justify;
margin-right: 6px;
}

#about a {
background-color:#fff;
color:#2266BB;
font-size:12px;
text-decoration:none;
float: right;
}

#space {
background-color:#fff;
width:300px;
color:#2266BB;
font-size:12px;
text-decoration:none;
float: left;
margin-left: 6px;
}

#subscribe {
width: 344px ;
margin-left: auto ;
margin-right: auto ;
background-color:#EBEBEB;
float: left;
margin-right: 0px;
margin-left: 12px;
}

#subscribe .top {
width: 344px ;
height: 186px;
margin-left: auto ;
margin-right: auto ;
background-color:#ffffff;
margin-right: 6px;
}

#subscribe form {
align: center;
}

input {
margin-bottom:5px;
border:1px solid #eee;
width:250px;
padding:5px;
}

input.btn {
background-image:url(http://www.keroncalame.com/images/bk2.jpg);
height:28px;
border:none;
color:#fff;
width:100px;
font-weight: bold;
}

#contentcenter p a,#contentcenter small a,#contentcenter .other li a {
color:#2266BB;
text-decoration:underline;
}

#contentcenter ol a,#contentright li li a {
color:#333;
text-decoration:none;
}

#contentcenter ol a:hover,#contentcenter h1 a:hover,#contentcenter .other li a:hover {
text-decoration:underline;
}

#contentcenter .featured p.dtls,#contentheader,#contentright ul {
margin-bottom:10px;
}

#contentcenter .featured p {font-size:13px; margin-bottom:10px;}