/* RESET */
a, a:link, a:visited, a:hover, a:active { text-decoration: none; margin: 0; padding: 0; outline: none;}
p, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0;}
img { border: none; margin: 0; padding: 0;}
/* LAYOUT */
body { background: #f3f3f3; color: #696969; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: none;}
#page { width: 980px; margin: 0 auto 0 auto; }
#wrapper { width: 980px; float: left; background: #ffffff url(../images/common/shadow_right.gif) repeat-y right; }
#inner { width: 980px; float: left; background: #ffffff url(../images/common/shadow_left.gif) repeat-y left; }

/* TEXT STYLES */

h1 { background: url(../images/common/logo.gif) no-repeat; width: 483px; height: 207px; overflow: hidden; margin: 0; float: left; }
h1 span { display: block; line-height: 500px; }
h5 { background: url(../images/common/mds_logo.gif) no-repeat 0 0; width: 43px; height: 207px; overflow: hidden; margin: 0; float: left; }
h5 span { display: block; line-height: 500px; }
h5:hover { background: url(../images/common/mds_logo.gif) no-repeat -47px 0;}
h2 { width: 240px; height: 24px; overflow: hidden; float: left;  padding: 0 0 20px 0; }
h2 span { display: block; line-height: 500px; }
h3 { font-size: 18px; font-weight: bold; color: #5b5b5b; border-bottom: 1px dashed #cccccc; padding: 0 0 10px 0; }
h4 { font-size: 16px;}
p { font-size: 12px; line-height: 20px; margin: 7px 0 0 0; }
a, a:link, a:visited { color: #33ccff; }
h6 { font-size: 14px; color: #33ccff; padding: 0;}

/* LEFT */
#left { width: 600px; float: left; padding: 0 0 0 30px; }

.blog_post { float: left; clear: both; padding: 30px 0 0 60px; margin: 0; font-size: 12px; width: 540px; line-height: 20px; }
.blog_post .post_by { background-color: #33ccff; width: 30%; text-align: center; color: #ffffff; font-size: 12px; float: right; margin: 11px 0 0 0; }
.blog_post .post_date { color: #ffffff; font-weight: bold; text-align: center; float: left; margin: -19px 0 0 -90px; font-size: 10px; text-transform: uppercase; background-color: #757575; width: 30px; }
.blog_post .post_date span { font-size: 16px; background-color: #33ccff; clear: both; float: left; width: 30px; padding: 2px 0 2px 0; }
.blog_post .post_in { font-size: 12px; margin: 7px 0 7px 0; }

.extraStuff { background: #f6f6f6; float: left; padding: 10px; margin: 20px 0 0 0;}
.blog_comment { float: left; clear: both; width: 500px; margin: 20px 0 20px 0; padding: 20px; border: 1px solid #e7e7e7; background: #ffffff;}
.blog_comment .comment_by { float: left; clear: both; color: #33ccff; width: 300px; font-size: 11px;}
.blog_comment .comment_date { background:#33ccff none repeat scroll 0 0; color:#FFFFFF; float:right; font-size:11px; margin:-21px -21px 0 0; padding:5px;}
.blog_comment p { float: left; clear: both;}

.user_comments { float:left; margin-left:0; padding:20px 0; }
.name_box { border: 1px solid #eeeeee; padding: 4px 0 0 5px; height: 21px; width: 535px; float: left; line-height: 23px; color: #888888; }
.comment_box { border: 1px solid #eeeeee; padding: 4px 0 0 5px; height: 80px; width: 535px; float: left; line-height: 23px; color: #888888; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 5px 0 0 0; }
.submit_button { background: #33ccff; width: 20%; height: 25px; border: none; float:right; clear: both; padding: 5px 5px 7px 5px; color: #ffffff;}

.paginate { margin: 20px 20px 20px 60px; float: left; width: 540px; font-size: 11px; padding: 5px; background: #efefef; list-style: none;}
.paginate li { display: inline; float: left;}
.paginate a { margin: 0 3px 0 0;}
.paginate .paginate_active { background: #999999 !important; color: #ffffff; padding: 3px; float: left;}
.paginate .paginate_dead { background: #3f3f3f !important; color: #ffffff !important; padding: 3px !important; float: left;}
.paginate .paginate_active:hover { background: #33ccff !important; color: #ffffff !important; padding: 3px !important; float: left;}

/* RIGHT */
#right { width: 240px; float: right; background-color: #fafafa; margin: 0 30px 0 0; padding: 50px 0 0 0; }

.search_bar { margin: 20px 0 0 20px; }
.search_box { border: 1px solid #eeeeee; padding: 4px 0 0 5px; height: 21px; width: 195px; float: left; line-height: 23px; color: #888888; }
.search_button { background: url(../images/common/search_button.gif) no-repeat; width: 23px; height: 23px; border: none; margin: 2px 0 0 -25px; float:left; text-indent: 30px; }

#blog_categories, #blog_archive, #featured_links { margin: 30px 0 0 0; float: left; }
#featured_ads { float: left;}
#blog_categories  h2 span { background: url(../images/headings/blog_categories.gif) no-repeat; }
#blog_archive h2 span { background: url(../images/headings/blog_archive.gif) no-repeat; }
#featured_links h2 span { background: url(../images/headings/featured_links.gif) no-repeat; }
#featured_ads h2 span { background: url(../images/headings/featured_links.gif) no-repeat; }

.sub_nav { list-style: none; float: left; width: 226px; padding: 0 30px 0 0; }
.sub_nav li { background-color: #f0f0f0; width: 100%; margin: 1px 0 1px 0; float: left; padding: 0 14px 0 0; font-size: 14px; font-weight: bold; }
.sub_nav li span { color: #ffffff; background-color: #3f3f3f; padding: 5px; float: right; margin: 5px 0 0 0; }
.sub_nav li:hover span { color: #ffffff; background-color: #33ccff; padding: 5px; }
.sub_nav li a { color: #8a8a8a; padding: 0 0 0 25px; line-height: 35px; text-transform: lowercase;}

#featured_links {padding: 0 0 20px 0; }
#featured_links p { width: 190px; padding: 7px 25px 7px 25px; float: left; }
#featured_links a { font-weight: bold; font-size: 12px; width: 240px; display: block; color: #696969; }
#featured_links a:hover { color: #33ccff; }

#featured_ads {padding: 0 0 40px 0; }
#featured_ads img { margin: 10px 0 0 25px;}
#featured_ads p { width: 190px; padding: 7px 25px 7px 25px; float: left; }
#featured_ads a { font-weight: bold; font-size: 12px; width: 240px; display: block; color: #696969; }
#featured_ads a:hover { color: #33ccff; }

#footer { background-color: #3f3f3f; float: left; margin:0 0 0 30px; padding: 10px 0 10px 60px; width: 890px; color: #ffffff; font-size: 11px; }
#footer a { color: #ffffff; }

#slickbox { font-size: 12px; line-height: 20px; }

/* REMIX THIS IMAGE */

.blog_image { width: 500px; height: 250px; background: url(../images/blog/remix_head.gif) no-repeat 0 0; float: left; margin: 0 0 20px 0;}
.blog_image_winners { width: 92px; height: 114px; overflow: hidden; float: right; margin: 135px 10px 0 0;}
.blog_image_winners span { display: block; line-height: 1000px; cursor: pointer;}
.esco { background: url(../images/blog/remix_winners.gif) no-repeat 0 0;}
.vayaz { background: url(../images/blog/remix_winners.gif) no-repeat -99px 0;}
.kaysh { background: url(../images/blog/remix_winners.gif) no-repeat -198px 0;}
.esco:hover { background: url(../images/blog/remix_winners.gif) no-repeat 0 -114px; cursor: pointer;}
.vayaz:hover { background: url(../images/blog/remix_winners.gif) no-repeat -99px -114px; cursor: pointer;}
.kaysh:hover { background: url(../images/blog/remix_winners.gif) no-repeat -198px -114px; cursor: pointer;}