* { margin:0; padding:0; }
body { background: url(/makethemgag/images/bg.gif) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
#wrap { background: #fff; padding: 0 3px; border-right: 2px solid #000; border-left: 2px solid #000; width:980px; margin: auto; }

.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#head { position: relative; }
#head img { float:left; border: none; }
#head img.logo { position: absolute; left: 150px; top: 0px; }
#head img.logo-join { position: absolute; left: 40px; top: -60px; }
#head .intro { background: url(/makethemgag/images/main_11.gif) no-repeat right; height: 120px; clear:left; margin-bottom: 10px; }
#head .intro img { margin-right: 20px; }
#head .intro p { padding: 50px 20px 0 0; color: #fff; line-height: 19px;  }

.table { background: url(/makethemgag/images/main_14.gif) repeat-y; margin-bottom:10px; clear:left;  }
.table img { display: block; border: none; }
.table .left { float:left; width: 266px; margin-left: 11px; display: inline; }
.table .right { float:left; width: 691px; display: inline; }
.table .right img { float:left;display: inline; }
.table .right img, .table .left img { border: 1px solid #000;  }
.table .info { height: 188px; background: url(/makethemgag/images/main_15.gif) no-repeat right bottom;position: relative;  }
.table .info h1 { background: #000; padding: 4px; margin: 3px 3px 0 0; color: #fff; font-size: 13px; border-bottom: 1px dashed #1353b5;  }
.table .info .ratings { background: #000 url(/makethemgag/images/rate_this.gif) no-repeat; padding: 2px; color: #fff; font-size: 13px; font-weight: bold; margin-right:3px;position: relative;height: 27px; }
.table .info .ratings .rating { position: absolute;right: 26px; }
.table .info p { margin: 6px; color: #fff;height: 127px;padding-right: 5px;overflow: auto; }
.table img.logo { position: absolute; top: -100px; right: -60px; border: none;  }

#updates { text-align: center; }
#updates h1 { margin: 10px 0; color: #fff; font-size: 16px; }
#updates h2 { font-size: 13px; color: #fff; }
#updates ul { list-style: none; margin:10px 0 0 60px; padding:0; }
#updates ul li { float:left; margin: 6px 0 0 12px; display: inline; text-align: center;  padding:2px 1px; font-family: Arial, Helvetica, sans-serif; }
#updates ul li img { display: block; border: 1px solid #fff; }
#updates ul li a:hover img { border: 1px solid #000; }
#updates p { background: #FFF;margin: 0;padding: 3px 5px;font-weight: bold; }
#updates p a { color: #1353B5;text-decoration: none; }
#updates p a:hover { color: #F00; }

.buttons img { float:left; border: none; }

.footer { clear:left; padding: 20px; text-align: center; }

#join { }
#join .form { float: left; width: 390px; padding: 10px 0 0 0; background: #fff; border-right: 3px solid #001f4e; height: 547px; }

#join .left { width: 322px; text-align: left; border-right: 3px solid #001f4e; height: 382px; background: #00327d;  padding:175px 0 0 30px; display:inline; font-size: 13px; float:left; }
#join .left ul { list-style: square; color: #ccc; margin: 0 8px 8px 0px; }
#join .left ul li { padding: 6px; }
#join .left ul li b { color: #fff; }
#join .left h1.j { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; background: none; padding:0; border-top: 1px solid #001f4e; padding-top: 10px; color: #ccc; font-weight: bold; }
#join .left h1.j span { font-size: 22px; color: #fff; }

#join .right { width: 226px; float:left; padding-top: 10px; padding-left: 6px; background: #fff; }
#join .right img { display: block; border: 1px solid #000; margin-bottom: 1px; }


#sites { margin: 20px auto;width: 980px;text-align: center;color: #fff; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #ff0; }
#sites a:hover { text-decoration: none;color: #fff; }
#sites .info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none;padding: 20px 0;margin: 0 auto;width: 850px; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 11px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #003;clear: both; }
#sites ul li a:hover img { border: 1px dotted #ff0; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

.rating_off { background: url(/makethemgag/images/rating01.gif) repeat-x; height: 22px; width: 115px; position: relative;margin-left: 87px; } 
.rating_on { background: url(/makethemgag/images/rating02.gif) repeat-x; height: 22px; width: 115px; position: absolute; top: 0; left:0; }

#common_footer { color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #000;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #009; text-decoration: underline; }
#common_footer a:hover { color: #900; text-decoration: none; }