body.custom { background: #737373; color: #292929; margin: 2em 0; }

.custom #header_area {display:none;}
.custom #header {padding:0;}
#joeheader {height:165px;margin:0;width:100%;}
#joelogo {background:none repeat scroll 0 0 #FFFFFF;height:85px;margin:auto;width:968px;}
#joead {padding:15px 0 7px;text-align:center;}
#joead2 {float:right;padding:10px 10px 0 0;}
#joead3 {background:none repeat scroll 0 0 #666666;height:20px;margin:0 auto;padding:5px 0 0 0;width:968px;}
#gsearch {float:right;height:25px;}
.logo {border:0 none;float:left;padding:0 0 0 5px;}
#nav {background-color:#198DC9;height:30px;margin:0 auto;overflow:hidden;width:968px;}
#nav ul {height:30px;margin:0;padding-left:10px;}
#nav li {float:left;list-style:none inside none;margin:0 10px 0 0;}
#nav li a:link, #nav li a:visited {color:#FFFFFF;display:block;float:left;font:small-caps bold 13px Arial;height:30px;
padding-left:10px;padding-right:10px;padding-top:8px;}
#nav li a:hover {overflow:hidden;}
#secnav, #secnav ul {list-style:none outside none;margin:0;padding:0;}
#secnav a {color:#FFFFFF;display:block;line-height:25px;padding:0 20px;}
#secnav li:hover, #secnav li.sfhover1 {background:none repeat scroll 0 0 #0F4F7E;cursor:pointer;overflow:hidden;}
#secnav li:hover span, #secnav li.sfhover1 span {color:#0080FF;}
#secnav li {float:left;font-size:12px;}
#secnav li ul {left:-999em;margin-top:30px;position:absolute;width:16px;}
#secnav li li {font-weight:normal;}
#secnav li:hover ul, #secnav li.sfhover1 ul {left:auto;}
#secnav li ul li a {background-color:#198DC9;border:1px solid #6FADFF;font-size:12px;width:150px;}
#secnav li ul li a:hover {background-color:#0D82D6;color:#FFFFFF;}
#categories {background:none repeat scroll 0 0 #333333;height:25px;margin-left:auto;margin-right:auto;width:968px;}
#categories ul {float:left;list-style:none outside none;margin-left:auto;margin-right:auto;}
#categories li {float:left;text-align:center;}
#categories li a:link, #categories li a:visited {color:#FFFFFF;float:left;font-size:13px;padding:5px 20px 0;}
#categories li a:hover, #categories li a:active {color:#FFFFFF;}
.custom li.widget .callout {background:none repeat scroll 0 0 #E3F0F2;border:0.077em solid #ADDDE6;line-height:1.385em; padding:0.846em;}

.postauthor {
background:none repeat scroll 0 0 #F5F5F5;
border-bottom:1px solid #E1E1E0;
border-top:1px solid #E1E1E0;
overflow:hidden;
padding:1.5em;
}
.postauthor img {
border:2px solid #E2DEDE;
float:left;
margin-right:1.5em;
}
.postauthor h4 {
color:#666666;
font-size:2em;
margin-bottom:5px;
}
.postauthor p {
color:#515151;
font-size:13px;
margin-bottom:12px;
}
.custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor > div {
background:none repeat scroll 0 0 #E7F8FB;
padding-top:20px;
}
.custom dl#comment_list dd p.reply {
margin:1em 0 1.5em;
}
.custom dl#comment_list dd p.reply a {
background:none repeat scroll 0 0 #2F2C28;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
padding:4px 6px;
text-transform:uppercase;
}
.custom dl#comment_list dd p.reply a:hover {
background:none repeat scroll 0 0 #46382D;
border:0 none;
}
.custom .archive ul {
font-size:0.85em;
}
.custom .archivel {
float:left;
width:40%;
}
.custom .archiver {
float:right;
width:60%;
}
#random-posts li {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #D6E4E1;
border:1px solid #E6DB55;
line-height:1.4em;
padding:0.9em;
}
#recent-posts div.right {
color:#BAAF2E;
float:right;
font-size:11px;
text-transform:uppercase;
}
#popular-posts li {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #3F3F3F;
border:1px solid #111111;
color:#000000;
line-height:1.4em;
overflow:hidden;
padding:0.5em;
}
#popular-posts li:hover {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #4F4F4F;
border:1px solid #7A7A7A;
color:#000000;
line-height:1.4em;
overflow:hidden;
padding:0.5em;
}
#popular-posts div.left {
color:#3399FF;
float:right;
font-size:11px;
text-transform:uppercase;
}
#popular-posts ul li a {
color:#F2F2F2 !important;
}
#popular-posts ul li a:hover {
color:#F2F2F2 !important;
}
#foot {
background:none repeat scroll 0 0 #1F1F1F;
border:0.6em solid #212020;
color:#DBEDF9;
font-size:12px;
margin:20px auto;
overflow:hidden;
padding:1.5em;
}
#foot a {
color:#EEEEEE;
text-decoration:none;
}
#foot a:hover {
background:none repeat scroll 0 0 #DBEDF9;
color:#3D3C3C;
}
#foot span.cat, #foot h3 {
border-bottom:3px double #666666;
color:#FFFFFF;
font-size:18px;
font-variant:small-caps;
font-weight:bold;
letter-spacing:0;
line-height:30px;
margin:0 0 15px;
text-transform:none;
}
#foot h5 {
color:#FFFFFF;
font-size:22px;
font-variant:small-caps;
font-weight:bold;
letter-spacing:1px;
margin:10px 0 10px 15px;
}
#foot ul li ul {
list-style-type:square;
margin-left:10px;
}
#foot ul.sidebar_list {
padding:1.8em 30px 0 0;
}
#foot li.widget .widget_box {
background:none repeat scroll 0 0 transparent;
border:0 none;
}
#foot .textwidget p {
line-height:22px;
margin-bottom:11px;
}
#foot .col {
float:left;
font-size:1.4em;
line-height:1.5em;
list-style:none outside none;
width:33.3%;
}
#cats {
background:no-repeat scroll right center #3D3C3C;
list-style-type:none;
margin-top:13px;
overflow:hidden;
padding:10px 0 7px 20px;
}
#cats li {
float:left;
font-size:15px;
line-height:1.8em;
margin:0 2px 5px 0;
width:165px;
}
#copyright {
clear:both;
font-size:13px;
letter-spacing:1.3px;
line-height:21px;
padding-top:10px;
}
#copyright p {
font-size:13px;
}
#copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget {
margin:0;
padding:0;
}
#recent-posts li {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #FFFBCC;
border:1px solid #E6DB55;
line-height:1.4em;
padding:0.9em;
}
.custom .sidebar h3 {
-moz-border-radius:15px 15px 15px 15px;
background:none repeat scroll 0 0 #3887D2;
color:#FFFFFF;
font-weight:bold;
padding:3px 15px;
text-shadow:0 0 2px #000000;
}
contact form #wpcf label {
clear:both;
display:block;
float:left;
width:175px;
}
#wpcf input {
float:left;
height:30px;
margin:2px 5px 2px 0;
padding:1px;
width:300px;
}
#wpcf textarea {
height:250px;
margin:0 5px 10px 0;
padding:1px;
width:475px;
}
#wpcf #contactsubmit {
margin-left:50px;
width:100px;
}
.custom blockquote {
-moz-border-radius:5px 5px 5px 5px;
color:#1C2639;
font:italic 1.2em Georgia,"Times New Roman",Times,serif;
padding-bottom:0.5px;
padding-right:5px;
padding-top:10px;
}
.custom blockquote {
background:none repeat scroll 0 0 #ECEFF5;
}
.custom #teaserlinkscontainer {
margin-top:0;
}
.custom #teasermenu {
height:30px;
}
.custom #teasermenu, .teasermenu ul {
border-width:0.5em;
line-height:1;
list-style:none outside none;
margin:0;
padding:0;
}
.custom #teasermenu ul {
float:left;
list-style:none outside none;
margin:0;
padding:0;
}
.custom #teasermenu li {
float:right;
list-style:none outside none;
margin:0;
padding:0;
}
.custom #teasermenu ul li {
list-style:none outside none;
margin:0;
padding:0;
}
.custom #teasermenu a, .custom #teasermenu li ul {
border-color:#FFFFFF;
}
.custom #teasermenu li a, .cutom #teasermenu li a:link {
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #3887D2;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin:5px;
padding:5px;
text-decoration:none;
}
.custom #teasermenu li a:hover, .teasermenu li a:active, .current_page_item {
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #044697;
color:#FFFFFF;
display:block;
margin:5px;
padding:5px;
text-decoration:none;
}
.custom #teaserempty {
margin-bottom:0.5em;
margin-top:0.5em;
width:100%;
}
.custom #teaserline {
border-top:1px dotted #3887D2;
margin-bottom:0.5em;
margin-top:0.5em;
width:100%;
}
.custom .teaser {
margin-top:0.25em;
padding-top:0.25em;
text-align:justify;
width:100%;
}
.custom .teasers_box {
border-top:0 none;
padding-bottom:0;
padding-top:0;
}
#pagenavi {
font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:15px;
margin:10px 20px;
}
.wp-pagenavi {
overflow:hidden;
}
.wp-pagenavi .pages {
background:none repeat scroll 0 0 #D0D8E3;
border:3px solid #53595F !important;
color:#53595F !important;
float:left;
margin:0 50px 0 0 !important;
padding:3px 9px !important;
}
.wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
background:none repeat scroll 0 0 #D0D8E3;
border:2px solid #53595F !important;
float:left;
margin:0 4px 2px 0 !important;
padding:3px 9px !important;
}
.navigation-links {
overflow:hidden;
}
.next, .previous {
font-size:13px;
max-width:50%;
}
.previous {
float:left;
}
.next {
float:right;
text-align:right;
}
.wp-pagenavi a:hover {
background:none repeat scroll 0 0 #FFFFFF !important;
color:#198DC9 !important;
}
#postsubscribe {
background:url("images/posticon/rss-subscribe.png") no-repeat scroll 30px center transparent;
border:1px solid #CCCCCC;
height:30px;
margin:0 auto 20px;
padding:10px 0 10px 10px;
width:500px;
}
input.txt {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #198DC9 !important;
color:#198DC9;
height:21px;
left:110px;
padding:2px 0 0 15px !important;
position:relative;
top:3px;
width:220px;
}
input.btn {
background:none repeat scroll 0 0 #198DC9;
border:medium none !important;
color:#FFFFFF;
font-weight:bold;
height:25px !important;
left:110px;
margin:0 0 0 -10px !important;
position:relative;
top:3px;
width:90px !important;
}
.custom .format_text h2 {
-moz-border-radius:4px 4px 4px 4px;
background-color:#E3F0F2;
border:1px solid #66CCCC;
color:#000000;
padding:0.2em 0.2em 0.2em 0.5em;
}
.custom li.widget ul li {
-moz-border-radius:4px 4px 4px 4px;
background:none repeat scroll 0 0 #FFFBCC;
border:0.1em solid #E6DB55;
margin:0.5em;
padding:0.5em;
}
.custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list {
border:0 none;
}
.custom #content_box, .custom #column_wrap {
background:none repeat scroll 0 0 transparent;
}


css code:
.custom div.welcome_box {
width: 90%;
padding: 0.571em 0.786em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
margin-top: 1em;
margin-bottom: 0em;
padding-bottom: 0em;
}