/* thisdesignstudio 2.0 styles 

palette:
magenta #8f1a4c
mid-magenta #591934
dk-magenta #2e2026

*/

* { margin:0; padding:0; text-decoration:none; }
body { text-align:center; background:#2e2026 url(images/fade.gif) repeat-x top center; color:#e7d9df; font-family:Helvetica, Arial sans-serif; font-weight: bold; }
img { border:none; }
a { text-decoration: none; }
ul, li { list-style-type: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a:focus { -moz-outline-style: none; }
a { outline: none; }


/* ----- Main IDs ----- */
#wrap { margin-left:24px; width:976px; text-align:center; margin-bottom: 40px; }
#detail { margin:0 24px; width:6000px; }
#head { height:104px; text-align:left; }
#torso { width:976px; overflow: hidden; min-height: 462px; }

/* ----- Main classes ----- */
.tds { letter-spacing:-1px; font-weight:bold; color:#FFFFFF; font-size:110%; }
.thumbgrid { margin-left: -16px; }
.thumbgrid li { float: left; margin: 0 0 16px 16px; }
.thumbgrid li a { display: block; width:230px; height: 138px; padding: 1px; background-color:transparent; }
.thumbgrid li a:hover { background-color: #591934; }
.regtxt { text-align: left; width:440px; margin-left: 206px; }
.regtxt p { font-size: 14px; font-weight: normal; line-height: 1.5em; margin-bottom: .7em; }
.regtxt a { color:#8f1a4c; }
.regtxt a:hover { background-color:#8f1a4c; color:#FFFFFF; }

/* ----- header styles ----- */
#head h1 { font-size: 24px; line-height: 104px; letter-spacing:-2px; }
#head h1 span.headnav { font-size:14px; margin-left:40px; letter-spacing:-1px; }
#head h1 a { color:#FFFFFF; }
#head h1 span.headnav a { color:#8f1a4c; padding: 48px 6px 3px 5px; margin-right: 1px; }
#head h1 span.headnav a:hover, #head h1 span.headnav a.on { background-color:#8f1a4c; color:#FFFFFF; }

/* ----- detail styles ----- */
#notes { float:left; width:300px; padding-right: 12px; text-align: left; font-size: 18px; letter-spacing:-1px; }
#notes p { line-height: 1.4em; padding-right: 24px; }
#notes ul { margin-top: 4px; }
#notes li { display: block; margin-bottom: 4px; padding-left: 12px; background: url(images/blip.gif) no-repeat left top; }
#notes a, #notes a:link, #notes a:visited, #notes a:active { color:#8f1a4c; }
#notes a:hover { background-color:#8f1a4c; color:#FFFFFF; }
#notes span.gray { color:#989898; display: block; margin-top: 1em; padding-right: 16px; }
#boards { float:left; text-align: left; }
#boards li, #boards ul { float: left; margin-right: 24px; }
#boards li img { display: block; }
#boards li span { font-size: 12px; display: block; padding-top: 8px; }
#deetnav { float:left; font-size: 12px; height:464px; border-left: 1px solid #8f1a4c; }
#deetnav a { display: block; padding: 3px 5px; color:#FFF; }
#deetnav a:hover { background-color:#8f1a4c; color:#FFFFFF; }

/* ----- form styles ----- */
.formit { font-size:13px; margin-top:20px; }
.formit div { clear: left; display: block; width: 420px; height: expression('1%'); margin: 0 0 10px 0; padding: 1px 3px; }
.formit label { font-size: 88%; display: block; float: left; width: 70px; padding: 5px 3px 5px 3px; margin:0; text-align: left; }
.formit input, .formit select, .formit textarea { font-size: 100%; color: #555; }
.formit textarea { overflow: auto; }
.formit div.buttoncol { padding-left:76px; }

/* ----- footr ----- */
#footr { position: fixed; clear: both; width: 100%; height: 48px; bottom: 0; left:0; border: 0; line-height: 48px; text-align: center; color: #591934; background-color: #181215; font-size: 10px; text-align: left; padding:0 24px; }
#footr a { color: #591934; text-decoration: none; }
#footr a:hover { color: #8f1a4c; }

<!--[if lt ie 7]>
<style type="text/css">
#wrap { margin-bottom: 0; }
</style>
<![endif]-->