@charset "utf-8";
/*
Theme Name: Mad Magazine
Theme URI: http://freethemelayouts.com/
Description: Designed by <a href="http://freethemelayouts.com">FreeThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: FreeThemeLayout/DreamTemplate
Author URI: http://www.freethemelayouts.com/
*/

.creditslnk { text-align:left;font-size:10px;color:#cccccc; }
.creditslnk a { color:#cccccc; text-decoration: none; }
.creditslnk a:visited { color:#cccccc; text-decoration: none; }

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

body {
text-align:center;
background-image:url(images/bg.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
line-height: 150%;
}

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

#contentheader .nav {
background-color:#333;
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;
}

#contentheader .header {
border-top:1px solid #ccc;
height:125px;
}

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

#contentheader .header .ads {
width:550px;
float:left;
text-align:right;
margin-top:25px;
}

#contentheader .header .ads img {
border:1px solid #eee;
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:#E9E9E9;
}

#contentcenter {
width:620px;
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 ol.commentlist img {
margin-right:20px;
}

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

#contentcenter .featured ol li {
border-bottom:1px solid #E9E9E9;
margin-top:10px;
}

#contentcenter small {
color:#ccc;
}

#contentcenter .news {
width:620px;
float:left;
margin-right:10px;
}

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

#contentcenter h1 a {
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:18px;
text-decoration:none;
}

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

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

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

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

#contentcenter img {
border:1px solid #E9E9E9;
float:left;
margin-right:10px;
margin-bottom:10px;
padding:5px;
}

#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 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 {
border:1px solid #eee;
margin-bottom:10px;
padding:10px;
}

#contentright .sidebar {
border:1px solid #eee;
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:10px;
}

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

#contentheader .nav li a:hover,#contentcenter .featured .post_cat a,#contentcenter .post_cat a:hover {
background-color:#C42915;
}

#footer {
text-align:left;
color:#fff;
background-color:#333;
padding:10px;
}

#contentcenter p a,#contentcenter small a,#contentcenter .other li a {
color:#C42915;
text-decoration:none;
}

#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,#contentcenter .featured p.dtls,#contentheader,#contentright ul {
margin-bottom:10px;
}