@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,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(images/bg.gif);

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

}



#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;


}



#contentheader .header .logo {

margin-top: 10px;

width:400px;

float:left;

}



#contentheader .header .ads {

width:550px;

float:left;

text-align:right;

margin-top:0px;

}



#contentheader .header .ads img {



padding:0px;

}



#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 {



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;

}