* { margin: 0; padding:0; } body { font-family: Helvetica; font-size: 12px; color: #666; padding: 12px 40px 0 40px; text-align: left; } html { background-color: #fff; } html, body { height: 99%; } #wrap { min-height: 100%; } #main { overflow:auto; /* must be same height as the footer */ padding-bottom: 65px; } #footer { border-top: dotted 1px #666; position: relative; padding-top: 12px; margin-top: -65px; /* negative value of footer height */ height: 30px; clear:both; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ a { color: #45b302; text-decoration: underline; } img a { background: none; background-color: none; } .linkindicator { padding-left: 3px; padding-right: 3px; } .button { background-color: #ccc; } a.button { color: #fff; text-decoration: none; } .button:hover { background-color: #aaa; cursor: pointer; } /* ----------------------------------------------------------------------------------------------------- */ #controlbar { width: 100%; } #controlbar p { display: inline; line-height: 10px; text-transform: uppercase; } #userpanel { float: right; margin-right: 0; } #activityfeed { } .activity { clear: left; height: 42px; width: 100%; display: block; border-bottom: solid 1px #fff; border-top: dotted 1px #333; } .activitylink { height: 42px !important; } .activity p { } .activity_information:hover { cursor: pointer; background-color: #f2f2f2; border-top: dotted 1px #ccc; padding-top: 9px; } .activity_identifier { width: auto; background-color: #fff; font-weight: bold; color: #436004; margin-left: 8px; margin-top: 5px; padding: 1px; text-transform: uppercase; } .activity_information { padding-top: 10px; padding-left: 15px; float: left; width: 80%; height: 50px; border-right: dotted 1px #ccc; } .activity_extra { padding-top: 10px; padding-left: 15px; float: left; width: 65px; height: 50px; } #activityfeed_stopper { clear: left; padding-bottom: 50px; } .activity_notification { margin-top: 20px; color: #4a9fef; font-style: italic; } /* ----------------------------------------------------------------------------------------------------- */ ul li { margin-bottom: 5px; } /* ----------------------------------------------------------------------------------------------------- */ #bitchin { display: block; width: 100%; margin-bottom: 20px; } .bitch { margin-bottom: 5px; padding-bottom: 5px; /* border-bottom: dotted 1px #ccc; */ } .bitch:last-child { } .bitch_user { color: #666; float: left; min-width: 120px; } .bitch_date { float: left; min-width: 150px; color: #ccc; } .bitch_bitchin { float: left; max-width: 60%; background-color: #f8f8f8; line-height: 20px; display: block; } #bitchform { width: 580px; margin-left: 270px; padding-bottom: 20px; } #bitchform textarea { width: 100%; height: 60px; border: solid 2px #eee; border-top: solid 2px #ccc; background-color: #f3f3f3; } label { display: block; margin-top: 10px; margin-bottom: 5px; } input[type=text] { font-size: 12px; color: #000; padding: 5px; width: 550px; border: solid 1px #ccc; } input[type=button] { background-color: #f0f0f0; color: #000; border: solid 1px #ccc; padding: 6px 12px 6px 12px; } input[type=button]:hover { background-color: #d8d8d8; } input[type=password] { font-size: 12px; color: #000; padding: 5px; width: 550px; border: solid 1px #ccc; } textarea { font-size: 12px; color: #000; padding: 5px; width: 550px; margin-top: 0; border: solid 1px #ccc; height: 100px; } input[type=submit] { border: solid 1px #ccc; padding: 6px 14px 6px 14px; background-color: #f4f4f4; margin-top: 10px; margin-bottom: 10px; } input[type=submit]:hover { background-color: #d8d8d8; } /* ----------------------------------------------------------------------------------------------------- */ .divider { width: 100%; border-bottom: dotted 1px #ccc; margin-top: 5px; margin-bottom: 25px; } /* ----------------------------------------------------------------------------------------------------- */ #logo { margin-top: 10px; margin-bottom: 7px; } /* ----------------------------------------------------------------------------------------------------- */ h1 { color: #111; font-family: Helvetica; text-transform: uppercase; font-size: 56px; font-weight: bold; letter-spacing: -3px; margin-bottom: 0; } .h1_special { color: #000; font-size: 14px; vertical-align: top; line-height: 26px; } h2 { color: #000; font-family: Arial; font-size: 22px; font-weight: bold; text-indent: 7px; margin-bottom: 20px; } h3 { color: #111; font-weight: bold; font-size: 16px; color: #666; } h4 { color: #111; font-weight: bold; font-size: 16px; text-transform: uppercase; margin-top: 60px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 4px #f3ffec; border-bottom: dotted 1px #ccc; } h6 { font-size: 23px; margin-left: 10px; margin-top: 10px; text-transform: uppercase; color: #fff; background-color: rgba(0,0,0,.2); font-weight: bold; } table { width: 100%; } table td { padding: 5px; border-bottom: dotted 1px #ccc; } /* --------------------------------------------------------------------------------------------------- */ .panel_login_sidepanel { width: 120px; margin-left: 580px; position: absolute; top: 122px; } .panel_login_sidepanel li { background-color: #f2f2f2; margin-bottom: 10px; padding: 5px; padding-left: 10px; } /* --------------------------------------------------------------------------------------------------- */ #fileQueue { max-width: 560px; border: solid 1px #ccc; } .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; } .uploadifyProgressBar { background-color: #5df202; width: 1px; height: 10px; } #fileQueue .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 1px solid #ccc; border-bottom: none; padding: 5%; width: 90%; } #fileQueue .uploadifyQueueItem:last-child { border-bottom: solid 1px #ccc; } #fileQueue .uploadifyError { background-color: #FDE5DD !important; } #fileQueue .uploadifyQueueItem .cancel { float: right; }