/*
Created by Matthew Dickens for The Matthew Dickens Show website.
Contact:  matthewdickens@me.com
*/

@import url('/css/reset.css');

* { margin:0; padding:0 }
body { background:#222 url(/img/stripe.png); color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin:0; padding:0; text-align:center }

h1, h2, h3 { background:url(/img/hr.png) repeat-x bottom; color:#4096ee; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:400; margin-bottom:12px; padding:5px 15px }
h1 { font-size:24px }
h2 { font-size:16px }
h3 { font-size:14px }

p { line-height:18px; padding-bottom:15px }

a { color:#d01a71; text-decoration:none }
a:hover { color:#4096ee }
a img { border:none }

hr { background:url(/img/hr.png) repeat-x; border:none; height:2px; margin-bottom:15px }

input { background:#222; border:0; color:#d01a71; padding:7px 10px }
input.email { width:130px }
input.submit { width:50px }
textarea { background:#222; border:0; color:#d01a71; padding:7px 10px }

.alert { background:#222; border-bottom:2px solid #111; border-top:2px solid #111; color:#d01a71; font-size:14px; font-weight:700; margin-bottom:15px; padding:15px; text-align:center }
.sub { color:#fff; font-size:12px; font-weight:400; font-style:italic }
.center { text-align:center }
.clear { clear:both; height:0 }
.float_right { float:right; margin-left:8px }
.float_left { float:left; margin-right:8px }
.hidden { visibility:hidden }
.noline { background:0 }
.podcast { background:url(/img/podcasticon.png) no-repeat left top; padding-left:42px }

#wrapper { margin:60px auto; text-align:left; width:780px }

#container { background:#333 url(/img/containerbg.png); padding:9px 15px }
#container_top { background:url(/img/containertop.png); height:6px; width:780px }
#container_bottom { background:url(/img/containerbottom.png); height:6px; width:780px }

#header { padding-bottom:20px }
#header #logo { margin:0 auto; width:700px }
#header h1 { background:0; color:#d01a71; font-size:36px; margin:0; padding:0 }
#header #slogan { background:0; color:#999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; margin:0; padding:0 }
#header_badge { background:url(/img/version2badge.png) no-repeat; float:right; height:50px; margin:-12px -12px 0 0; width:50px }

#sidebar { float:left; padding-top:10px; width:200px }
#sidebar ul { margin-bottom:15px }
#sidebar ul li { background:#222; list-style:none; margin-bottom:3px }
#sidebar ul li:hover { border-left:7px solid #d01a71 }
#sidebar ul li a { color:#fff; display:block; font-weight:700; padding:7px 10px }
#sidebar ul li a:hover { color:#999 }
#sidebar ul li a:active { color:#d01a71 }

#content { margin:0 0 0 200px; padding-left:15px }

#folio { margin-bottom:10px }
#folio.nomargin { margin:0 }
#folio img, #folio a img { border:4px solid #444; margin:0 4px 4px 0; padding:0 }
#folio img:hover { border:4px solid #666 }
#folio a:hover img { border:4px solid #d01a71 }
#folio.noborder img, #folio.noborder a img { border:none }

#bottom { margin-top:20px }
#bottom_left { float:left; width:367px }
#bottom_right { float:right; width:367px }
#bottom ul { margin-bottom:15px }
#bottom ul li { background:#222; list-style:none; font-size:10px; margin-bottom:3px }
#bottom ul li a { color:#fff; display:block; padding:7px 10px }
#bottom ul li a:hover { color:#999 }
#bottom ul li a:active { color:#d01a71 }

#footer { padding:5px 20px }
#footer a { color:#999; font-weight:700 }
#footer a:hover { color:#d01a71 }
#footer p { color:#999; font-size:9px; padding: 0 }
#footer_left { float:left; width:367px }
#footer_right { float:right; text-align:right; width:367px }