/*oh shit this is the css to my website, check this shit out */

/* Some notes about colors:
FFFFFF = white
F#F#F# = abusrdly light (fill in number)
F0F0F0 = super light (for shadow)
CCCCCC = light grey
999999 = grey
757575 = sorta dark grey
666666 = dark grey
333333 = way super dark grey
000000 = black
FFBA27 = light orange
FF9900 = orange

*/




body {font-family:'Helvetica Neue',Arial, sans-serif;font-size:14px;color:#666666;text-align:left}

td.line {background-color: #CCCCCC} /* this is the color of the top line*/
td.boxedge {background-color: #CCCCCC}
td.shadow {background-color: #F0F0F0}
td.boxtitle {background-color:#F8F8F8;text-align:left}

span.spacer {font-size:8px} /* this is the gap between content boxes and on top of the menu etc. */
span.updatelistitem  {color:#999999;font-size:12px;text-align:left}
span.navdescription  {color:#999999;font-size:12px;text-align:left}
span.content {font-family: 'Helvetica Neue',Arial, sans-serif; font-size:13px;color:#666666;line-height:1.4em;text-align:left}

a {color:#666666;text-decoration:underline}
a:hover {color:#FFBA27;text-decoration:underline}
a.menu {color:#FFBA27;font-size:18px;font-weight:normal;text-decoration:none;text-align:left}
a.thumbnail {color:#FFBA27;text-decoration:underline}

p.primary {color:#666666;text-decoration:none}
p.secondary {color:#999999;text-decoration:none}

h1 {font-size:38px;color:#FFBA27;font-weight:lighter;line-height: 100%}

h2 {color:#FFBA27;font-size:16px;font-weight:lighter;padding:6px;margin-bottom: -1%} /* I added the -1% bottom margin here because there was too much space underneath my headers, I don't know why*/

input {border-width:1px;font-family: font-family:'Helvetica Neue',Arial, sans-serif; font-size:14px;padding:2px;height:21px;border-color:#CCCCCC;border-style:solid;background-color:#F9F9F9;color:#999999} /* this is for the message box*/


a img{border-style:solid; border-width:2px; border-color:#FF9900; margin:1px}