/* fonts & spacing
----------------------------------------------------- */

@import url("fonts.css");

body {font-weight:normal; font-size:13px; line-height:1.5em; font-family:NiceFont, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; font-family:NiceFontCaption, Arial, sans-serif;}
h1, .h1 {font-size:196%;   font-weight:normal; margin-bottom:0.5em;  line-height:1em;}
h2, .h2 {font-size:167%;   font-weight:normal; margin-bottom:0.75em; line-height:1.25em;}
h3, .h3 {font-size:146.5%; font-weight:normal; margin-bottom:1em;    line-height:1em;}
h4, .h4 {font-size:123.1%; font-weight:normal; margin-bottom:1.25em; line-height:1.25em;}
h5, .h5 {font-size:108%;   font-weight:bold;   margin-bottom:1.5em;}
h6, .h6 {font-size:108%;   font-weight:normal; font-style:italic;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {margin:0; padding:0;}

p {margin:0 0 1.5em 0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

li img.left {float:left;margin:0 1.0em 0 0;padding:0;}
li img.right {float:right;margin:0 0 0 1.0em;}

.smaller {font-size:90%;}
.small {font-size:80%;}
.niceTxt {font-family: NiceFont, Arial, sans-serif;}
.caption {font-family:NiceFontCaption,Arial, sans-serif!Important;}

a {text-decoration:underline;}

hr {border-width:0 0 1px 0; margin:10px 0;}

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
pre {margin:1.5em 0;white-space:pre;}
legend {font:1.0em/1.5em Arial, Helvetica, sans-serif;}
blockquote {margin:1.5em; font-style:italic;}
strong, bold {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
address {margin:0 0 1.5em;font-style:italic;}

.left {text-align:left!Important;}
.right {text-align:right!Important;}
.center {text-align:center!Important;}
.floatRight {float:right!Important;}
.floatLeft {float:left!Important;}


/* Site Font Settings
----------------------------------------------------- */

.topNav a, .topNav a:focus {font:10px/20px NiceFontCaptionBold, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
.topNav a:hover {color:#9FF;}
.topNav a span:hover {color:#9FF;}
.topNav span.FBConnectButton_Text {font:10px/20px NiceFontCaptionBold, Arial, sans-serif; text-decoration:none; color:#C7F3DA;}

.tabMenu a {font:12px/36px NiceFontCaptionBold, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
.tabMenu a:hover {color:#9FF;}
.tabMenu .notab a {font:12px/36px NiceFontCaptionBold, Arial, sans-serif; text-decoration:none; text-transform:uppercase;}
.tabMenu .notab a:hover {color:#9FF;}
.tabMenu li.current a, .tabMenu li.current a:hover {color:#9FF;}

.barNav a {font:normal 16px/46px NiceFontCaption, Arial, sans-serif; text-decoration:none;}
.barNav a:hover {background:url(themes/menus/menu-bar_over.png) center left repeat-x; color:#FFF;}

.box .hd h4 {font-family:NiceFontCaption, Arial, sans-serif; color:#FC0;}

select, input, textarea, fieldset select, fieldset input, fieldset textarea {font-family:NiceFont, Arial, sans-serif;}

.rounded a {font:12px/26px NiceFont, Arial, sans-serif; text-decoration:none; color:#C6F0F4;}
.rounded a:hover {color:#9FF;}
.rounded li.current a {font:12px/26px NiceFont, Arial, sans-serif; text-decoration:none; color:#FFF;}

.rounded_sml a {font:11px/20px NiceFont, Arial, sans-serif; text-decoration:none; color:#C6F0F4;}
.rounded_sml a:hover {color:#9FF;}
.rounded_sml li.current a {font:11px/20px NiceFont, Arial, sans-serif; text-decoration:none; color:#FFF;}

.rounded_white a {font:12px/26px NiceFont, Arial, sans-serif; text-decoration:none; color:#C6F0F4;}
.rounded_white a:hover {color:#033;}
.rounded_white li.current a {font:12px/26px NiceFont, Arial, sans-serif; text-decoration:none; color:#C6F0F4;}

.footNav li, .footNav a {font:11px/20px NiceFont, Arial, sans-serif;}

.arrowMenu a {font:14px/28px NiceFont, Arial, sans-serif; text-decoration:none;}
.arrowMenu a:hover {}
.arrowMenu a.current {color:#FFF;}

.editable .msgNotice h4 span {font-size:90%;}
.recent_activity .input_mid input[type=text] {font-size:200%; color:#BFD5D2;}
.recent_activity .input_mid input[type=text]:focus {color:#000;}
.statusNotice p {font-size:90%; font-weight:bold;}
.statusNotice p span {font-weight:normal;}

.info_tel h4, .info_tel div {font:90% NiceFont, Arial, sans-serif;}
.info_icq h4, .info_icq div {font:90% NiceFont, Arial, sans-serif;}
.info_wlm h4, .info_wlm div {font:90% NiceFont, Arial, sans-serif;}
.info_aim h4, .info_aim div {font:90% NiceFont, Arial, sans-serif;}
.info_skp h4, .info_skp div {font:90% NiceFont, Arial, sans-serif;}
.info_yhm h4, .info_yhm div {font:90% NiceFont, Arial, sans-serif;}
.info_glt h4, .info_glt div {font:90% NiceFont, Arial, sans-serif;}

#chatBar .chatBlock_right {font:110%/32px NiceFont, Arial, sans-serif; color:#FFF;}
#chatBar .chatOnline {font:90%/32px NiceFont, Arial, sans-serif; color:#FFF;}
#chatBar .chatLogo {font:140%/32px NiceFont, Arial, sans-serif; color:#FFF;}

.pagination span {font:90%/20px NiceFont, Arial, sans-serif; color:#AAA;}
.pag-pagelist a, .pag-pagelist li.nolink span {font:11px/20px NiceFont, Arial, sans-serif; text-decoration:none; color:#AAA;}
.pag-pagelist li.current-page span, .pag-pagelist li.current-page span:hover {font:11px/20px NiceFont, Arial, sans-serif; text-decoration:none; color:#FFF;}

.ad .ad-title {font-size:80%; color:#CCC;}

.error {color:#8a1f11;}
.notice {color:#514721;}
.success {color:#264409;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.note {font:10px NiceFont, Arial, sans-serif; color:#999;}

.footer p {font-size:0.8em; line-height:40px;}



/* colors
----------------------------------------------------- */

html,body {background:#74AD79 url(/images/nav/bkgnd-darkclouds-diags.jpg) repeat-x; color:#FFF;}
/*.page {background:url(/images/nav/bkgnd-astro.png) no-repeat;}*/
.page {background:url(/images/nav/bkgnd-astro-beta.png) no-repeat;} /* This has the beta tag on it, use the above for no beta */
.main {background:url(/images/nav/bkgnd-main.png);}
.mainGrad {background:url(/images/nav/bkgnd-maingrad.png) repeat-x;}
.tagsSingup {background:url(../images/nav/tags_signup.png) no-repeat;}
.albumCover {background:url(../images/album-cover.png) no-repeat;}
.storeBox {background:url(../images/nav/bkgnd-store.png) top right no-repeat;}
.footer {background:url(../images/nav/bkgnd-boot.png) no-repeat;}
.logoMarks {background:url(../images/footer-logos.png) top center no-repeat;}
.roses {background:url(../images/nav/bk-roses.png) repeat-x;}

h1, .h1 {color:#FC0;}
h2, .h2 {color:#FC0;}
h3, .h3 {color:#FC0;}
h4, .h4 {color:#FC0;}
h5, .h5 {color:#FC0;}
h6, .h6 {color:#FC0;}

a {color:#C7F3DA;}
a:focus, a:hover {color:#9FF;}

hr {border:1px solid #164843;}

pre,code,kbd,samp,tt {color:inherit;}
pre {color:inherit;}
legend {color:inherit;}
blockquote {color:inherit;}
em, dfn {color:inherit;}
dfn {color:inherit;}
sup, sub {color:inherit;}
abbr, acronym {border-bottom:1px dotted #666;color:inherit;}
address {color:inherit;}
del {color:inherit;}

.priColor {color:#FC0!Important;} /* orange */
.secColor {color:#74AD79!Important;} /* light green */
.terColor {color:#C6F0F4!Important;} /* light blue */

.red {color:#F90!Important;}
.green {color:#003333!Important;}
.blue {color:#09F!Important;}
.purple {color:#90F!Important;}
.orange {color:#F93!Important;}
.yellow {color:#FF0!Important;}
.brown {color:brown!Important;}
.gray {color:#666!Important;}
.white {color:#FFF!Important;}
.black {color:#FFF!Important;} /* dark site, can't have black text */

.bk_priColor {background-color:#FC0!Important;}
.bk_secColor {background-color:#74AD79!Important;}
.bk_terColor {background-color:#C6F0F4!Important;}

.bk_red {background-color:#F30;}
.bk_green {background-color:#003333;}
.bk_blue {background-color:#09F;}
.bk_purple {background-color:#90F;}
.bk_orange {background-color:#F93;}
.bk_yellow {background-color:#FF0;}
.bk_brown {color:brown!Important;}
.bk_gray {background-color:#666;}
.bk_white {background-color:#FFF;}
.bk_black {background-color:#000;}

.odd {background-color:#1B3634; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} /* rounded corners not visible by IE */
.even {background-color:#1A4642; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} /* rounded corners not visible by IE */
tr.odd, td.odd, tr.even, td.even { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.offline {color:#C80000!Important;}

.leftBorder {border-left:1px solid #033; margin:0 0 0 10px;}
.rightBorder {border-right:1px solid #033; margin:0 10px 0 0;}
.topBorder {border-top:1px solid #033; margin:10px 0 0 0;}
.btmBorder {border-bottom:1px solid #033; margin:0 0 10px 0;}
.noBorder {border:0!Important;}


/* extra styles
----------------------------------------------------- */

.round {-moz-border-radius:6px; -webkit-border-radius:8px; border-radius:8px;}
.inline {display:-moz-inline-box!Important; display:inline-block!Important; *zoom:1!Important; *display:inline!Important;}
.relative {position:relative;}

.topMargin {margin:10px 0;}
.topMargin10px {margin-top:10px;}
.sideMargin {margin:0 5px;}
.btmMargin {margin-bottom:10px!Important;}
.btmMargin2px {margin:0 0 2px 0!Important;}
.noMargin {margin:0!Important;}
.noPadding {padding:0!Important;}

.topPad {padding:10px 0;}
.sidePad {padding:0 10px;}
.btmPad {padding:0 0 10px 0;}
.noPad {padding:0!Important;}

.topMar1 {margin-top:1px;}
.topMar5 {margin-top:5px;}
.topMar10 {margin-top:10px;}

.topPad1 {padding-top:1px;}
.topPad2 {padding-top:2px;}
.topPad3 {padding-top:3px;}
.topPad4 {padding-top:4px;}
.topPad5 {padding-top:5px;}
.topPad6 {padding-top:6px;}
.topPad7 {padding-top:7px;}
.topPad8 {padding-top:8px;}
.topPad9 {padding-top:9px;}
.topPad10 {padding-top:10px;}
.topPad15 {padding-top:15px;}

.padRight5 {padding-right:5px;}
.padLeft10 {padding-left:10px;}
.padRight10 {padding-right:10px;}

.pad2 {padding:2px;}
.pad4 {padding:4px;}
.pad8 {padding:8px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}

.noUnderline, .noUnderline a {text-decoration:none!Important;}
.noHover, .noHover:hover {background:none!Important; background-color:none!Important;}
.noHover a, .noHover a:hover {background:none!Important; background-color:none!Important;}

.height50 {height:50px;}
.height100 {height:100px;}
.height200 {height:200px;}
.height300 {height:300px;}
.height400 {height:400px;}
.height500 {height:500px;}