/*------------ TEMPO FM CSS FILE -----------------*/
/*------- created by Mark Everard 2007 -----------*/
/*--------#DA4D1B #FFF6D3 #333 -------------------*/

/* PAGE LAYOUT STYLES */

html {margin:0;padding:0;}

div { border: 0px solid red; }
body {font:8pt/16pt georgia;
      color:#000;
      background:#DA4D1B url(bg.gif) repeat;
      margin:0px;
      text-align:center;}

#header { background:#DA4D1B url(tempobanner.jpg) no-repeat 200px 0%;}
#page { text-align:left;width:1000px; margin:auto; background-color:#B54016;}

#maincolumn { width:820px; float:right; margin:10px 0;}
#frame { width:630px; float:left; background:#FFFCF0 url(gutter.gif) repeat-y top left; }
div.frame-padding{ padding:10px 25px 5px;}
div.gutter-top { height:5px; background:#FFFCF0 url(gutter-top.gif) no-repeat top left; }
div.gutter-bottom { height:5px; clear:both;background:#FFFCF0 url(gutter-bottom.gif) no-repeat bottom left; }

#leftsidebar { float:left; width:178px; text-align:center; margin-top:10px;}
#rightsidebar { float:right; width:190px; text-align:center; }

#navigation { text-align:center; }

div#mosaic {background:#DA4D1B url(tempobroadcast.gif) no-repeat top left;height:120px;width:245px;margin-left:0px;}

/* FONT STYLES */

h1, h2, h3, h4, h5, h6 {font-family:georgia,arial,helvetica,sans-serif;margin:0;padding:0;}
h1 {letter-spacing:1px;
    font: italic bold 2em georgia;
    color: #7D775C;
    padding:10px 0 10px 5px;}
h2 {letter-spacing:1px;
    font: italic bold 1.6em georgia;
    color: #7D775C;
    padding:0px;
	width:99%;}
h3 {font:italic bold 1.4em georgia; color:#B54016;padding:7px 0 5px 7px;}
h5 {font:8pt/16pt georgia;width:100%;text-align:center;}

p {margin-top:0px;text-align:justify;}
p.bold {font-weight:700;}
p.errormsg {color:#ff0000;font-weight:700;padding:10px 0 10px 0;}
p.msginfo{color:#7D775C;font-size:0.9em;line-height:1.3em;margin-left:15px;margin-top:0px;}
p.inputalign{width:30%;height:1.6em;border-bottom:#F2EFE2 1px solid;float:left;margin:0px;}

div.quot{background:transparent url(quot2.gif) no-repeat bottom right;margin:0;padding:10px 40px 10px;text-align:left;}

a{color:#DA4D1B;text-decoration:underline;}
a:hover {color:#fff;background-color:#DA4D1B;text-decoration:none;}

table {width:100%;font-size:1em;}
th, tr.highlight{color:#7D775C;font-weight:700;}
tr, tr.highlight{border-bottom:#F2EFE2 1px solid;}

/* FORM INPUT STYLES */

input, select, textarea{font-weight:700;width:60%;color:#7D775C;font-family:georgia, arial,helvetica,sans-serif;border:1px solid #ccc;background-color:#fff;}
input.btn{width:150px;color:#DA4D1B;background-color:#FFEDA3;margin:10px 10px 30px 10px;cursor:pointer;text-transform:uppercase;}
textarea.txt {width:60%;height:170px;font-size:1em;}
textarea.full{height:600px;font-size:1em;width:100%;}

/* SPECIFIC DIVS */


#header p {text-transform:uppercase;}
#footer, #header p{width:100%;background-color:#333;text-align:center;color:#fefefe;font-weight:700;display:block;margin:0;padding:0;clear:both;}
#footer { margin-top:10px;}
#footer a{color:#fefefe;text-decoration:none;}
#footer a:hover{color:#ffff33;background-color:#003C65;}
#footer a.admin{color:#7D775C;text-decoration:none;}
#footer a.admin:hover{color:#DA4D1B;background-color:transparent;}

#msgboard{text-align:left;}
#msgboard div.row{width:100%;clear:both;border-top:1px dotted #7D775C;}
#msgboard div.msgfrom{float:left;width:35%;background:transparent url(msg_bg.jpg) no-repeat top left;color:#000;}
#msgboard div.msgtext{float:right;width:65%;background:transparent url(quot1.gif) no-repeat 0px 5px;}

#navigation ul {margin: 0px;padding: 0px;list-style-type: none;}
#navigation li {line-height:2.5ex;display:block;}
#navigation li a { border-top:1px solid #AD5E43; padding:5px 0 5px; display:block; width:100%; text-decoration:none;color:#333;font-weight:700;}
#navigation li a:visited {text-decoration:none;}
#navigation li a:hover {background-color:#7D775C; text-decoration:none;color: #fff;font-weight:700;border-bottom:1px solid #AD5E43;}

/* QUICK SUMMARY */

#quickSummary {overflow:hidden;padding-right:5px;;clear:both;margin:0 20px 10px 5px;width:170px;float:left;background:#FFFCF0 url(sum_bg.jpg) no-repeat 0 0;border-bottom:#F2EFE2 1px solid;border-right:#F2EFE2 1px solid;}
#quickSummary h1, #quickSummary a h1, #quickSummary h2, #quickSummary a h2, #quickSummary h3, #quickSummary a h3, #quickSummary h5, #quickSummary a h5{text-decoration:none;letter-spacing:normal;}
#quickSummary h1, #quickSummary a h1 {font: italic 10pt/22pt georgia;color:#B54016;text-align:center;font-weight:700;padding:5px;}
#quickSummary h2, #quickSummary a h2 {font: italic 9pt/22pt georgia;color:#B54016;text-align:center;font-weight:700;padding:5px;text-decoration:none;}
#quickSummary h3, #quickSummary a h3 {font: italic 8pt/22pt georgia;color:#7D775C;text-align:center;font-weight:700;padding:5px;text-decoration:none;}
#quickSummary h5, #quickSummary a h5 {font:8pt/16pt georgia;text-align:center;padding:5px;text-decoration:none;}

#quicksummary p, #quicksummary a p{text-decoration:none;margin-right:5px;text-align:center;}
#quicksummary a:hover p{text-decoration:none;}

/* SIDEBOX */
div.sidebox { text-align:left; background:#FFF6D3 url(sidebox-grad-bg.gif) repeat-x top left;color:#000; border:1px solid #333; margin:0 10px 10px;}
div.sidebox  h3{ text-align:center;}
div.sidebox  p { margin:5px 10px; line-height:1.5em;}
div.sidebox  ul { margin:10px; padding:0 0 0 15px;}
div.sidebox  ul li{ margin:0; padding:0;}
div.sidebox  ul li a:hover {color:#7D775C; text-decoration:underline; }
div.sidebox  ul.medialist { list-style:none; padding:0; margin-top:5px;}
div.sidebox  ul.medialist li { padding-left:25px;}
div.sidebox  ul.medialist li.wmp { background: transparent url(wmp-icon.gif) no-repeat 0 0;}
div.sidebox  ul.medialist li.winamp { background: transparent url(amp-icon.gif) no-repeat 0 0;}
div.sidebox  ul.medialist li.real { background: transparent url(rp-icon.gif) no-repeat 0 0;}
div.sidebox  ul.medialist li.qtime { background: transparent url(qt-icon.gif) no-repeat 0 0;}

#leftsidebar a, #rightsidebar a { border:0; text-decoration:none; background-color:transparent;}
#leftsidebar a:hover, #rightsidebar a:hover { border:0; text-decoration:none; }