body { background: #FFFFFF url(/images/bg_body.gif) repeat-x top center; margin: 0px; padding: 0px; font-family:  Verdana, arial, helvetica; font-size: x-small; color: #000000; }

#page { width: 720px;  background: #FFFFFF; margin: 0px auto; }

form { margin: 0px; padding: 0px; }

#head { width: 720px; height: 200px; border-bottom: 1px solid #CCCCCC; background: #000000 url(/images/cluster.jpg) no-repeat top center; position: relative; border-top: 5px solid #999999; }


.clearleft { height: 1px; overflow: hidden; clear: left; }


#head h1 { position: absolute; top: 90px; left: 30px; margin: 0px; padding: 0px; z-index: 99; }
#head h1 a { display: block; width: 160px; height: 35px; text-indent: -9999px; background: url(/images/tiny_flue.png) no-repeat; text-decoration: none; }

#head h2 { position: absolute; top: 15px; right: 10px; z-index: 99; width: 108px; height: 18px; background: url(/images/inspire_create.png) no-repeat; text-indent: -9999px; margin: 0px; padding: 0px; }


#head .white { width: 479px; height: 180px; background: url(/images/white_25_bg.png) bottom; position: absolute; top: 0px; left: 0px; }

#head .topnavholder { position: relative; height: 40px; background: #CCCCCC repeat-x; border-bottom: 1px solid #AAAAAA; }

#head ul.sitenav { margin: 0px; padding: 0px; list-style-type: none;  position: absolute; bottom: 0px; }
#head ul.sitenav li { float: left; padding: 0px 1px 0px 0px ; }
#head ul.sitenav li a { display: block; width: 109px; height: 12px; padding: 25px 0px 0px 10px; text-decoration: none; color: #666666; font-weight: normal; border-bottom: 3px solid #CCCCCC; }
#head ul.sitenav li a:hover { color: #FFFFFF; font-weight: bold; border-bottom: 3px solid #EEEEEE; }


#head .navholder { position: absolute; bottom: 0px; background: #FFFFFF url(/images/silver_1.gif) repeat-x top; width: 715px; padding: 6px 5px 5px 0px; border-top: 1px solid #CCCCCC; }

#head .navholder .lastvisit { position: absolute; right: 10px; z-index: 99; color: #999999;  font-size: xx-small; }

#head .navholder ul.nav { margin: 0px; padding: 0px; list-style-type: none;  position: absolute; bottom: 0px; }



.newsbox { color: #333333; line-height: 1.3; }




#head ul.nav li { float: left; padding: 0px 10px; margin: 5px 0px; color: #666666; border-right: 1px solid #AAAAAA;  font-size: xx-small; }
#head ul.nav li a { font-weight: normal; text-decoration: none; color: #666666; }
#head ul.nav li a:hover { color: #333333; }

#head ul.nav li.noborder { border-width: 0px; }


.loginform { color: #666666; display: block; position: absolute; left: 12em; top: 3px; margin: 0px; padding: 0px; }
.loginform input { font-size: xx-small; }


#head ul.nav li.logged { padding-right: 20px; border-width: 0px; font-size: x-small; }
#head ul.nav li.logged a { font-weight: bold; color: #333333; }
#head ul.nav li.newpm a { color: #6F1300; font-weight: bold; }

#main { background: url(/images/bg_twocol.gif) repeat-y; }


#main #hotbox { background: #BBBBB; width: 220px; padding: 10px; float: right; }

#main #mainarea { width: 459px; padding: 10px; }
input.longinput { width: 440px; }
.uploadfield  { width: 240px; }
#main textarea { width: 200px; }
#main textarea.post { width: 430px; height: 200px;}

#main h2 { display: block; width: 450px; margin-top: 20px; margin-bottom: 0px; font-family: Garamond, Georgia; font-weight: 100; font-size: x-large; color: #999999; }

#mainarea h3 { margin: 10px 0px 0px 0px; padding: 0px;  }
#mainarea h3 span { }

#foot { clear: both; position: relative; width: 710px; background: #CCCCCC; border-top: 1px solid #AAAAAA; height: 40px; padding: 5px; color: #666666; }

#foot .privacy { position: absolute; bottom: 5px; right: 251px; color: #FFFFFF; text-align: right; }
#foot .privacy a { text-decoration: none; color: #FFFFFF; font-weight: normal; }
#foot .privacy a:hover { text-decoration: underline; }
#foot .copyright { position: absolute; left: 10px; bottom: 5px; }
#foot .copyright a { text-decoration: none; color: #FFFFFF; font-weight: normal; }
#footbox { width: 231px; position: absolute; height: 40px; background: #BBBBBB url(/images/white_frog.png) no-repeat 98px 9px; top: 0px; right: 0px; padding: 5px; }




#announce { width: 207px; border: 1px solid #CCCCCC; background: #FFFFFF; padding: 5px; color: #6F1300; margin: 0px; }
#announce h2 { font-family: Verdana; border-width: 0px; margin: 0px; font-size: x-small; color: #6F1300; width: auto; font-weight: bold; }


/* ----- hotbox style ----- */
#hotboxtop { margin: 0px; background: #EFEFEF; width: 220px; overflow: visible; z-index: 99; }
.hotboxframe { width: 220px; height: 550px; margin: 0px; padding: 0px; }

#hotboxframeend { border-top: 1px solid #CCCCCC; padding: 5px 0px; width: 220px; text-align: center; }


#hotboxend { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #CCCCCC; position: absolute; left: 510px; top: -1px; margin: 0px; background: #EFEFEF; width: 220px; height: 5em; }



fieldset { border: 1px solid #CCCCCC; }



a:link { text-decoration: none; color: #6F1300; font-weight: bold; }
a:visited { text-decoration: none; color: #401810; font-weight: bold; }
a:active { text-decoration: none; color: #CC0000; font-weight: bold; }
a:hover { text-decoration: underline; }

.clear { clear: both; height: 1px; overflow: hidden; }


/* ----- main forum page ----- */


#cat_block1 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#cat_block1 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_inspire_create.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

.forumindex dt.forumhead { font-size: x-small; margin: 0px; padding: 0px;position; relative;  }
.forumindex dt.forumhead a { padding: 0px 0px 0px 14px; color: #333333; }
.forumindex dt.forumhead span { color: #666666; position: absolute; right: 10px; }

.forumindex dt.newforumhead { font-size: x-small; margin: 0px; padding: 0px; position; relative; }
.forumindex dt.newforumhead a { padding: 0px 0px 0px 14px; background: url(/images/bullet_on.gif) no-repeat left center; color: #6F1300; }
.forumindex dt.newforumhead span { color: #666666; position: absolute; right: 10px; }

.forumindex dd { margin: 3px 0px; padding: 0px 0px 10px 14px; color: #666666; }
.forumindex dd strong { color: #666666; }
.forumindex dd a { color: #333333; }


#cat_block2 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; }
#cat_block2 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_bag_of_tricks.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#cat_block3 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#cat_block3 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_the_flue.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#cat_block4 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#cat_block4 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_daily_frog.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#cat_block5 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#cat_block5 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_mod_frogs.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

/* ----- main gallery page ----- */

#gal_block1 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#gal_block1 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_exposed.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#gal_block2 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; }
#gal_block2 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_atelier.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#gal_block3 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#gal_block3 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_pasteboard.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#gal_block4 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#gal_block4 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_different_angle.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#gal_block5 { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 20px 0px; }
#gal_block5 h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_assignments.gif); text-indent: -9999px; margin: 0px; padding: 0px; }



/* ----- Forum View ------ */
.forumview { position: relative; }
.forumview .forumnav { margin-left: 110px; padding-top: 10px; font-size: xx-small; }
.forumview .bottomforumnav { margin: 0px; font-size: xx-small; }


.postbuttons { text-align: center; padding-top: 15px; }

.forumview .forumnav a.postlink { background: url(/images/silver_1.gif) repeat-x center center; padding: 0.5em 2em; border: 1px solid #CCCCCC; color: #666666;  margin: 0px 5px; }
.forumview .forumnav a.postlink:hover { text-decoration: none; color: #6F1300; }

.forumview .bottomforumnav a.postlink { background: url(/images/silver_1.gif) repeat-x center center; padding: 0.5em 2em; border: 1px solid #CCCCCC; color: #666666;  margin: 0px 5px; }
.forumview .bottomforumnav a.postlink:hover { text-decoration: none; color: #6F1300; }


.pagelink { border-top: 1px dotted #CCCCCC; margin: 15px 5px; padding-top: 5px; }
.bottomforumnav .pagelink { border-top: 1px dotted #CCCCCC; margin: 15px 5px; padding-top: 5px; }
.bottomforumnav .postbuttons { text-align: center; padding-bottom: 15px; }




.forumview dt span.topicinfo { font-size: xx-small; color: #999999; font-style: italic; }

.forumview dt.topichead { font-size: x-small; margin: 0px; padding: 0px;position; relative;  }
.forumview dt.topichead a { padding: 0px 0px 0px 14px; color: #333333; }
.forumview dt.topichead span { color: #666666; position: absolute; right: 10px; }

.forumview dt.newtopichead { font-size: x-small; margin: 0px; padding: 0px; position; relative; }
.forumview dt.newtopichead a { padding: 0px 0px 0px 14px; background: url(/images/bullet_on.gif) no-repeat left center; color: #6F1300; }
.forumview dt.newtopichead span { color: #666666; position: absolute; right: 10px; }
.forumview dt.newtopichead span.newtext { position: relative; right: 0px; }
.forumview dt.newtopichead span.newtext a { padding-left: 0px; background-image: none; }


.forumview dt.topicheadsticky a { padding: 0px 0px 0px 14px; background: url(/images/bullet_sticky_off.gif) no-repeat left center; color: #333333; }
.forumview dt.newtopicheadsticky a { padding: 0px 0px 0px 14px; background: url(/images/bullet_sticky_on.gif) no-repeat left center; color: #6F1300; }

.forumview dt.topicheadsticky span { color: #666666; position: absolute; right: 10px; }
.forumview dt.newtopicheadsticky span { color: #666666; position: absolute; right: 10px; }

.forumview dt span.topicpages { position: relative; right: 0px; }
.forumview dt span.topicpages a { padding-left: 0px; background: none; }


.forumview dt.topicheadsticky span.newtext { position: relative; right: 0px; }
.forumview dt.topicheadsticky span.newtext a { padding-left: 0px; background-image: none; }

.forumview dt.newtopicheadsticky span.newtext { position: relative; right: 0px; }
.forumview dt.newtopicheadsticky span.newtext a { padding-left: 0px; background-image: none; }

.forumview dd { margin: 0px; padding: 0px 0px 15px 14px; color: #666666; }
.forumview dd strong { color: #666666; }
.forumview dd a { color: #333333; }


.forumview dt.sticky { background: #EEEEEE; padding-top: 3px; }

h3#forum_2 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_flue_clinic.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_4 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_the_sticky_frog.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_5 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_visual_arts.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_6 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_the_nook.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_7 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_aural_arts.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_9 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_digitalia.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_10 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_mod_frogs.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_11 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_the_swamp.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_14 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_daily_frog.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_18 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_graphic_design.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_17 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_fsotd.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

h3#forum_24 { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_apple_source.gif); text-indent: -9999px; margin: 0px; padding: 0px; }


/* ----- Breadcrumb Nav ----- */


ul.breadcrumb { list-style-type: none; margin: 0px; padding: 5px 0px; }
ul.breadcrumb li { float: left; color: #999999; font-size: xx-small; font-weight: bold; }
ul.breadcrumb li.urhere { background: url(/images/button_raquo.gif) no-repeat 0px 0.3em; padding-left: 15px; }
ul.breadcrumb li a { font-weight: bold; color: #999999;  }





/* ----- Thread View ----- */

.postbox { postition: relative; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
.postbox .postinfo { postition: relative; padding: 5px; border-bottom: 1px solid #CCCCCC; background: #EEEEEE; color: #666666; }
.postinfo a { color: #666666; }

.rowodd .postinfo { position: relative; }
.roweven .postinfo { position: relative; }

.rowodd .postright { postition: relative; background: #F6F6F6; }
.roweven .postright { postition: relative; background: #F6F6F6;}

.rowodd .postinfo ul, .roweven .postinfo ul { position: absolute; top: 5px; right: 5px; list-style-type: none; margin: 0px; padding: 0px; }
.rowodd li, .roweven li { float: left; }


.postbox .postleft { postition: relative; float: left; width: 120px; }
.postbox .postleft dt { width: 120px; text-align: center; }
.postbox .postleft dd { margin: 0px; width: 120px; text-align: left; }
.postbox .postleft dd.username { text-align: center; }
.postbox .postleft dd.usertitle { text-align: center; }
.postbox .postleft dd.postavatar { text-align: center; padding: 3px 0px; }
.postbox .postleft dd.postavatar a { border-width: 0px; }
.postbox .postleft dd.posts { text-align: center; padding: 10px 0px; font-weight: bold; }

.postbox .postleft dd.usercontacts a { width: 110px; display: block; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 14px; background: url(/images/bullet_off.gif) no-repeat left 0.5em; color: #666666; border-width: 0px; }

.postbox .postleft dd.usercontacts a:hover { text-decoration: none; color: #6F1300; }

.postbox .postleft dd.ip a { border-width: 0px; }


.postbox .postleft dd a { border: 1px solid #CCCCCC; }


.postbox .postnum { color: #666666; font-weight: bold; }

.postbox .postright { color: #333333; position: relative; margin-left: 120px;  padding: 10px; padding-bottom: 6em; }

.postright h3 { position: relative; top: -10px; padding: 0px; margin: 0px; font-size: x-small; border-bottom: 1px dotted #CCCCCC; }

.postmsg { position: relative; line-height: 1.6;}



.postmsg blockquote { font-style: italic; display: block; padding: 5px; margin: 10px 0px; border-left: 5px solid #CCCCCC; }
.postmsg blockquote h4 { padding: 0px; margin: 0px; }
.sig { position: absolute; bottom: 3px; padding-top: 3px; border-top: 1px dotted #CCCCCC; width: 320px; }



/* ----- Quick Post ----- */


.qpostbox  { position: relative; margin: 0px; padding: 0px; width: 455px; color: #666666; }

h3.qposthead { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_quick_post.gif) no-repeat; text-indent: -9999px; margin: 0px; padding: 0px; }

textarea.qp { width: 500px; }

.qpostbox .qpbutton { background: url(/images/silver_1.gif) repeat-x center center; padding: 0.5em 2em; border: 1px solid #CCCCCC; color: #666666;  margin: 0px 5px;  font-size: xx-small; color: #666666; font-weight: bold; }

.qpostbox .qpbutton:hover { color: #6F1300; }

.qpostbox .qpleft { margin: 0px; padding: 0px; position: relative; display: block; width: 320px; margin-left: 120px; }

a.postbutton { float: right; background: url(/images/silver_1.gif) repeat-x center center; padding: 0.5em 2em; border: 1px solid #CCCCCC; color: #666666;  margin: 0px 5px; font-size: xx-small; }

a.postbutton:hover { color: #6F1300; text-decoration: none; }


h3.galleries { position: absolute; top: 0px; left: -20px; width: 120px; height: 80px; display: block; background: url(/images/head_galleries.gif); text-indent: -9999px; margin: 0px; padding: 0px; }




.galleryimage { text-align: center; width: 460px; }
.galleryimage img { border: 1px solid #CCCCCC; padding: 10px; }
.imginfo { background: #F9F9F9; text-align: left; border: 1px solid #CCCCCC; margin: 10px 0px; padding: 5px 10px; }
h3.imgtitle { color: #999999; }



.itunes { background: #FFFFFF; color: #666666; border: 1px solid #CCCCCC; padding: 10px; }

.itunes img { margin-left: 20px; }


#hp_mainnews { position: relative; padding: 5px 0px 0px 115px; border-bottom: 0px solid #EEEEEE; margin: 0px 0px 10px 0px; border-bottom: 1px solid #EEEEEE; }
#hp_mainnews h2 { position: absolute; top: 0px; left: -10px; width: 120px; height: 80px; display: block; background: url(/images/head_daily_frog.gif); text-indent: -9999px; margin: 0px; padding: 0px; }

#hp_mainnews { line-height: 1.6; }
#hp_mainnews img { float: right; margin: 5px; }

#hp_mainnews p { color: #333333; line-height: 1.6; }

#hp_mainnews dd { margin-bottom: 0px; padding-bottom: 0px; }

#hp_mainnews h3 { marginbottom: 0px; color: #333333; font-family: Georgia; font-size: medium; font-weight: normal; }

#hp_mainnews .newsposter { margin-top: 0px; font-size: xx-small; color: #666666; }

#secondarynews { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 1px solid #EEEEEE; }
#secondarynews h3 { margin-top: 0px; margin-bottom: -10px;  color: #333333; font-family: Georgia; font-size: small; font-weight: normal;}
#secondarynews .newsbox { width: 48%; float: left; padding-right: 2%; }
#secondarynews .newsposter { display: none; }

#secondarynews p { color: #333333; line-height: 1.6; margin-top: 0px; }



.recent { width: 48%; float: left; padding-right: 2%; }

.recent h3 { margin-top: 0px; margin-bottom: -10px;  color: #333333; font-family: Georgia; font-size: small; font-weight: normal;}
.recent ul { list-style-type: none; margin: 0px; padding: 0px; }

.sotd { font-size: x-small; color: #999999; position: relative; border: 1px solid #CCCCCC; padding: 5px 140px 5px 10px; }
.sotd h3 { margin: 0px; }
.sotd p { padding: 0px; margin: 0px 0px -1em 0px; }
.sotd a { position: absolute; top: 20px; right: 10px; display: block; width: 130px; height: 40px; background: url(http://images.apple.com/itunesaffiliates/logos/iTunes_RGB_9mm.gif) no-repeat; text-indent: -9999px; }