* {margin: 0; padding: 0;}
body  {height: 100%; font: 12px "Trebuchet MS", Tahoma, Arial, sans-serif; color: #757575; background: url(http://www.groovytrannies.com/gfx/bg6.jpg) #e8aeae;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a {color: #C33; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
h1 {display: inline; font-size: 15px; font-weight: bolder; color: #C33;}
h2 {display: inline; font-size: 15px; font-weight: 700; color: #CCC;}
ul {list-style: none;}
img {border: none;}

/*Content Container*/
.content {height: auto; height: 100%; min-height: 100%; width: 950px; margin: 0 auto; padding: 0;	background-color: #FFF; border: solid; border-color: #C33; border-width: 0 6px;}

/*Header*/
.top {width: 100%; height: 22px; margin: 0 auto; background-color: #fbd2d2; text-align: center;}
.head {width: 940px; height: 90px; margin: 0 auto;}
.logo {width: 450px; float: left; margin-top: 0;}
.space {width: 20px; float: left;}
.box_right {width: 460px; float: left;}
.desc {width: 440px; height: 80px; margin: 4px 0 0 5px; padding-top: 4px; text-align: center;}

/*Galleries*/
.galleries {width: 952px; margin: 0 auto;}
.galleries img {width: 150px; height: 200px; margin: 3px; background: #FFEAEA; border: 1px solid #464646;}
.galleries a:hover img {border: 1px dashed #C33;}

/*Archives*/
.archives {width: 952px; margin: 0 auto; font-weight: 700; padding-left: 8px;}
.archives span {display: block; float: left; margin-right: 6px; padding-top: 3px; font-size: 13px;}
.archives a {display: block; float: left; width: 20px; height: 18px; background: #C33; border: 1px solid #000; margin-right: 8px; text-align: center; color: #FFF; text-decoration: none;}
.archives a:hover {background: #A51212; border: 1px solid #000; color: #FF0;}

/*TopList Small*/
.top_sm {padding-left: 4px; margin: 0 auto; width: 950px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.top_sm div {width: 176px; background: #D55959; border: 1px solid #333; float: left; margin: 3px; padding: 2px; text-align: center; color: #FFF;}
.top_sm div img {  }
.top_sm a {font-size: 17px; font-weight: 700; display: block; color: #FFC;}
.top_sm a:hover {color: #FF6;}

/*TopList Medium*/
.top_med {width: 940px; margin: 0 auto; padding: 0 0 0 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700;}
.top_med ul {float: left; width: 185px;}
.top_med li a {padding-left: 16px; text-align: left; background: url(http://www.groovytrannies.com/gfx/t.gif) left no-repeat;}

/*TopList Big*/
.top_big {width: 945px; margin: 0 auto;  padding-left: 10px; font-size: 15px; font-weight: 700;}
.top_big ul {padding-left: 10px; float: left; width: 226px;}
.top_big li {text-align: left; padding: 4px 0 0 0;}

/*Text Galleries*/
.container {width: 950px; margin: 0 auto; padding: 5px 0;}
.textgals {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400;}
.textgals ul {padding-left: 10px; float: left; width: 460px;}
.textgals li {text-align: left; padding: 4px 0 0 0;}

/*Text Ads*/
.ads {width: 920px; border: 1px solid #333; background: #D55959; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size: 22px; color: #000; font-weight: 700; text-align: center; padding: 5px 3px 10px 10px; margin: 0 auto;}
.ads a {color: #FFC;}
.ads a:hover {color: #FF6;}

/*Line*/
.line {width: 945px; height: 3px; margin: 0 auto; background: url(http://www.groovytrannies.com/gfx/dot.gif) repeat-x;}

/*Footer*/
.foot {width: 946px; margin: 0 auto; font-size: 10px; font-weight: 400; text-align: center;}

/*Other*/
.other_small {font-size: 12px; font-weight: 400; text-align: center; margin: 4px 0;}
.other {font-size: 14px; font-weight: 700; text-align: center;}
.other_big {font-size: 25px; font-weight: 700; text-align: center;}
