/* CSS Document for brightideacreative.com */
/* I've heard copying causes bad karma, but stealing is genious! */

/* layout
-------------------------------------------------------*/
#container_header {background-color:#C50208; }
#container_navbar {background-color:#ffffff; }
#container_white {background-color:#ffffff; }
#container_blue {background-color:#212F3C; }
#container_anchor {background-color:#251F1F; }
#columns {width: 760px; position: relative; }

#header {background-color:#C50208; width:760px;}
#navbar {background-color:#ffffff; width:760px;}
#homeblue {background-color:#212F3C; width:760px; padding:20px 0px 20px 28px; top:0px; position: static;}
#news {background-color:#ffffff; width:190px; left: 560px; top: 0px; background-image:url(images/BuzzBKGD.gif); background-repeat:repeat-y; position:absolute;}
#reelblue {background-color:#212F3C; width:760px; padding:20px 0px 20px 28px; top:0px; position: static;}
#reel {background-color:#212F3C; width:560px; left: 200px; top: 20px; position:absolute;}
#blue {background-color:#212F3C; width:560px; padding:20px 0px 20px 220px;}
#grey {background-color:#7F7F7F; height:1px;}
#leftwhite {background-color:#ffffff; width:760px; height:460px; padding:20px 0px 20px 28px; top:0px; position: static;}
#white {background-color:#ffffff; width:560px; padding:20px 0px 10px 220px;}
#anchor {background-color:#251F1F; height:800px; width:760px;}

body { font-family: Helvetica, sans-serif; font-size: .85em; font-weight: normal;}
td { font-family: Helvetica, sans-serif; font-size: .85em; font-weight: normal;}

/* links
-------------------------------------------------------*/
a { color: #FC2D03; text-decoration: none; font-weight: bold;}
a:hover { color: #ffffff; background-color:#C50208;}
/*--- a:visited { color: #982C16; } ---*/
a:visited { color: #A76659; }
.inblue a { color: #78ADE4; text-decoration: none; font-weight: bold;}
.inblue a:hover { color: #212F3C; background-color:#78ADE4;}
.inblue a:visited { color: #5E7388; }
.reellink a { color: #78ADE4; text-decoration: none; font-weight: bold;}
.reellink a:hover { color: #212F3C; background-color:#78ADE4;}
.reellink a:visited { color: #5E7388; }
.reelh1 a { color: #78ADE4; text-decoration: none; font-weight: bold;}
.reelh1 a:hover { color: #212F3C; background-color:#78ADE4;}

/* primary content
-------------------------------------------------------*/
h1 {  font-family: Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; color: #C50208; line-height:1.6em; border-bottom: 1px dotted #7F7F7F;}
h2 {  font-family: Helvetica, sans-serif; font-size: 1.3em; font-weight: normal; color: #C50208; line-height:1.4em; border-bottom: 1px dotted #7F7F7F;}
h3 {  font-family: Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; color: #C50208; line-height:1.3em; border-bottom: 1px dotted #7F7F7F;}
h4 {  font-family: Helvetica, sans-serif; font-size: 1em; font-weight: normal; color: #212F3C; line-height:1em; border-top: 1px dotted #7F7F7F; padding: 4px 0px 0px 0px; }
h5 {  font-family: Helvetica, sans-serif; font-size: .9em; font-weight: normal; color: #C50208; line-height:1.3em; border-bottom: 1px dotted #7F7F7F;}
h6 {  font-family: Helvetica, sans-serif; font-size: .85em; font-weight: bold; color: #C50208; line-height:1em; }
p {  font-family: Helvetica, sans-serif; font-size: .85em; font-weight: normal; color: #241F1F; line-height:1.3em;}

/* secondary content
-------------------------------------------------------*/
.quote {  font-family: "Times New Roman", Times, serif; font-size: .9em; font-weight:500; font-style:italic; color: #241F1F; line-height:1.1em; background-color:#DDE2E7; padding: 16px 32px 16px 16px;}
.inblue {  font-size: .8em; font-weight: normal; color: #DDE2E7; line-height:1.3em; padding:0px 10px 6px 12px;}
.inbluetitle {  font-size: .9em; font-weight: bold; color: #5E7388; line-height:1.3em; padding:8px 10px 2px 6px;}
.inblueintro {  font-size: .8em; font-weight: normal; color: #DDE2E7; line-height:1.3em; padding:0px 600px 6px 12px;}
.buzz {  font-size: .8em; font-weight: normal; color: #241F1F; line-height:1.3em; padding:0px 16px 6px 16px;}
.news {  font-size: .7em; font-weight: normal; color: #241F1F; line-height:1.3em; padding:0px 24px 0px 14px; margin-left:10px;}

.fineprint { font-size: .6em; font-weight: normal; color: #5E7388; line-height:1.3em; padding:0px 0px 0px 0px;}
.footerhome { font-size: .8em; font-weight: normal; color: #7F7F7F; line-height:1.3em; padding:0px 0px 0px 40px;}
.footer { font-size: .6em; font-weight: normal; color: #7F7F7F; line-height:1.3em; padding:0px 0px 0px 40px;}

.reelh1 {  font-size: 1.4em; font-weight: normal; color: #DDE2E7; line-height:1em; padding:8px 12px 0px 16px;}
.reeltitle {  font-size: .9em; font-weight: normal; color: #E6C7B9; line-height:1em; padding:0px 4px 0px 6px;}
.reellink { font-size: .6em; font-weight: normal; color: #E6C7B9; line-height:1em; padding:0px 4px 6px 6px;}
.popuptitle {  font-size: .85em; font-weight: bold; color: #212F3C; line-height:1.3em; padding:0px 6px 2px 20px; }
.popupdescription {  font-size: .8em; font-weight: normal; color: #241F1F; line-height:1.3em; padding:0px 6px 2px 20px;}
.popupfooter { font-size: .6em; font-weight: normal; color: #7F7F7F; line-height:1.3em; padding:0px 0px 0px 20px;}

/* lists
-------------------------------------------------------*/
ul {  font-weight: normal; color: #241F1F; list-style-type:circle; list-style-position:inside;}
ol {  font-weight: normal; color: #241F1F; list-style-type:decimal; list-style-position:inside;}
li {  font-family: Helvetica, sans-serif; font-size: .85em; line-height:1.3em;}