/*** GLOBAL ***/

body {
     	margin: 0px;
	font-family: Helvetica, Arial;
	font-size: 11px;
	background-color: rgb(237,233,232);
	position: relative;
	/* background-color: #FF0000; */
}

html {height:100%}

div.clearall {
	clear:both;
}




/*** MULTI-USE HEADER & LINK STYLES ***/

.grey-header {
	padding: 0 15px 14px 15px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	color: rgb(136,134,135);
}

.designby {
	padding: 0 0 2px 15px;
	font-family: Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	color: rgb(49,49,47);
}

.whiteheader {
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}

.greyheader, .greyheader a, .entrybox h2 {
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: rgb(88,87,92);
	text-decoration: none;
}

.entrybox h2 {
	margin: 30px 0 0 0;
}

.featureboxlink, .postbox-more a, .col-footer-next a, #adbar a, #adbar-160 a {
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 10px;
	line-height: 14px;
}

.featureboxlink, #adbar a, #adbar-160 a {
	background-image: url(/includes/grey-carrot.gif);
	color: rgb(88,87,92);
}

.postbox-more a, .col-footer-next a {
	background-image: url(/includes/black-carrot.gif);
	color: #000000;
}




/*** FORM STYLES ***/

#search-rss input, #newsletterbox input {
	border: 1px solid rgb(201,200,198);
	height: 21px;
	width: 173px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	color: rgb(136,134,135);
	padding: 4px 0 0 8px;
	position: absolute;
	left: 10px;
}

#search-rss .searchbutton, #newsletterbox .searchbutton {
	height: 27px;
	width: 40px;
	color: #FFFFFF;
	border: 0;
	padding: 0;
	position: absolute;
	left: 199px;
	cursor: pointer;
}

#search-rss .searchbutton {
	background-color: rgb(88,87,92);
}

#newsletterbox .searchbutton {
	background-color: rgb(118,117,123);
}

#rss-button {
	position: absolute;
	right: 0px;
	top: 5px;
}

.rss-buttonlink {
	display: block;
	height: 21px;
	width: 32px;
	background-color: rgb(201,200,198);
	border: none;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	color: rgb(89,88,94);
	text-decoration: none;
	padding: 6px 0 0 8px;
}




/*** HEADER AREA ***/

#header-area {
	height: 170px;
	width: 100%;
	background-color: #FFFFFF;
}

#topbar {
	height: 130px;
	width: 980px;
}

#logo {
	display: inline; /* IE6 FIX */
	float: left;
	margin: 23px 0 0 25px;
}

#leaderboard-glam {
	float: right;
	margin: 7px 0 0 0;
}

#leaderboard {
	position: absolute;
	top: 17px;
	left: 252px;
	/* float: right;
	margin: 17px 0 0 0; */
}

#sub-topbar {
	height: 45px;
	width: 970px;
}

#navbox {
	border-top: 3px solid rgb(201,200,198);
	background-color: rgb(237,233,232);
	padding: 0 10px 15px 0px;
	height: 15px;
	width: 951px;
	float: left;
}

#search-rss {
	float: right;
	width: 289px;
	height: 31px;
	padding: 5px;
	background-color: #FFFFFF;
	border-bottom: 5px solid rgb(237,233,232);
	position: relative;
	top: -1px;
}

.nav-white {
	background-color: #FFFFFF;
	width: 8px;
	height: 29px;
	float: left;
}

.nav-button {
	display: block;
	height: 21px;
	width: 74px;
	background-color: rgb(246,244,245);
	border-bottom: 2px solid #FFFFFF;
	margin: 0 0 0 1px;
	padding: 6px 0 0 8px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	color: rgb(136,134,135);
	float: left;
	text-decoration: none;
	text-align:center;
	
}

.nav-button:hover {
	background-color: rgb(201,200,198);
	border-bottom: 2px solid rgb(75,89,118);
	color: rgb(49,49,47);
}

.active {
	background-color: rgb(201,200,198);
	border-bottom: 2px solid rgb(75,89,118);
	color: rgb(49,49,47);
}

.nav-button a:link, .nav-button a:visited, .nav-button a:active {
	text-decoration: none;
	color: rgb(136,134,135);
	}

.nav-button a:hover {
	text-decoration: none;
	color: rgb(49,49,47);
}




/*** UPPER BODY AREA ***/

#topbody {
	width: 980px;
	height: 500px;
	margin-top: 3px;
}

#leftnav-top {
	width: 241px;
	height: 500px;
	margin: 0 0 0 10px;
	background-color: #FFFFFF;
	border-right: 1px solid rgb(237,233,232);
	float: left;
}

#leftnav-top-box {
	height:498px;
	margin-bottom:1px;
	position:relative;
	top:-1px
}

#leftnav-upper {
	background-color: rgb(246,244,245);
	padding: 5px 0 0 0;
}	

.sideboxLink {
	margin: 0 0 9px 5px;
	position: relative;
}

.sideboxLink a, .infolink a {
	text-decoration: none;
	font-weight: bold;
	line-height: 1.15;
	color: rgb(75,91,117);
	}


.sideboxLink a:hover, .infolink a:hover {
	color: rgb(75,91,117);
	text-decoration: underline;
	}

.bottom {
	margin: 0 0 0 5px;
}

.sidebox-dash {
	height: 2px;
	width: 4px;
	position: absolute;
	bottom: -5px;
	left: 1px;
	background-color: rgb(75,91,117);
}

#infoarea {
	background-color: #FFFFFF;
	padding: 10px 0 0 0;
}

.infolink {
	padding: 0 0 5px 15px;
	font-family: Helvetica, Arial;
	font-size: 18px;
	color: rgb(136,134,135);
}




/*** FEATURE AREA ***/

#featurearea {
	height: 500px;
	width: 728px;
	background-image: url(/includes/bg-loading.gif);
	position: relative;
	float: right;
}

#featurearea img {
	float: left;
}

#featurenav {
	width: 300px;
	height: 20px;
	background-color: rgb(237,233,232);
	margin: 0 0 10px 0;
	position: absolute;
	z-index: 10;
	left: 428px;
	padding: 5px 0 0 0;
}

.datebox {
	width: 300px;
	height: 25px;
	float: left;
}

.titledate {
	background-color: rgb(88,87,92);
	font-family: Helvetica, Arial;
	font-size: 22px;
	line-height: 26px;
	padding: 1px 5px 0 10px;
	margin: 35px 0 0 0;
	color: #FFFFFF;
	float: left;
}

.greyelement {
	height: 25px;
	width: 20px;
	float: right;
	background-color: rgb(88,87,92);
	margin: 35px 0 0 0;
}

.titlebox {
	height: 65px;
	width: 286px;
	padding: 5px;
	border-left: 4px solid  rgb(88,87,92);
	float: left;
	margin: 35px 0 5px 0;
	padding: 7px 0 0 5px;
}


.titlelink a {
	font-size: 12px;
	font-weight: bold;
	color: rgb(88,87,92);
	background-image: url(/includes/grey-carrot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 10px;
	position: relative;
	left: 10px;
	top: 5px;
}

.featuretitle, .featuretitle a, .featuretitle h1 {
	display: inline;
	color: rgb(88,87,92);
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 22px;
	line-height: .95;
	text-decoration: none;
}




/*** RIGHT-NAV UPPER SECTION ***/

#rightnav-top {
	height: 320px;
	width: 300px;
	background-color: #FF0000;
	position: absolute;
	z-index: 10;
	right: 0px;
	bottom: 0px;
}

#rightnav-top-page {
	height: 200px;
	width: 300px;
	position: absolute;
	z-index: 10;
	right: 0px;
	bottom: -10px;
	border-left: 10px solid #FFFFFF;
}

#greydash {
	height: 3px;
	width: 4px;
	background-color: rgb(88,87,92);
	position: absolute;
	z-index: 15;
	top: -8px;
}

#newsletterbox {
	height: 100px;
	width: 280px;
	padding: 10px;
	background-color: rgb(88,87,92);
}

#newsletterbox p {
	font-weight: bold;
	color: rgb(202,198,197);
	margin: 23px 0 0 0;
	line-height: 14px;
}


.featurebox {
	height: 100px;
	width: 300px;
	background-color: rgb(201,198,197);
}

.featureboxtext {
	height: 82px;
	width: 180px;
	background-image: url('/includes/rightnav-caption.gif');
	background-repeat: no-repeat;
	background-position: 173px 0px;
	padding: 3px 10px 15px 10px;
}

.featureboxtext p {
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	top: -5px;
	margin: 10px 0;
	line-height: 14px;
}

.lowerbox {
	height: 93px;
	border-top: 1px solid rgb(183,179,178);
}




/*** LOWER BODY AREA ***/

#lowerbody {
	width: 980px;
	z-index: 50;
}

#leftnav-lower {
	width: 241px;
	float: left;
	margin: 0 0 0 10px;
	border-right: 1px solid rgb(237,233,232);
}



/*** SITEKEY ***/

#sitekey {
	width: 241px;
	height: 47px;
	padding: 8px 0 10px 0;
	background-color: rgb(246,244,245);
}

.sitekey-header {
	padding: 0 15px 5px 15px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
	color: rgb(136,134,135);
}

#sitekey, #sitekey a {
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: rgb(49,49,47);
	text-decoration: none;
}

.sitekey-text {
	margin: 0 15px;
}

#sitekey img {
	display: inline;
	margin: 0 3px 0 10px;
}

.skyscraper {
	width: 160px;
	height: 600px;
	padding: 10px 0 0 0;
}




/*** CENTER COLUMN STYLES ***/

#postcolumn {
	width: 428px;
	float: left;
	margin: 0 0 100px 0;
}

#postcolumn-nocarousel {
	width: 428px;
	float: left;
	margin: 0 0 -90px 0;
	position: relative;
	top: -190px;
	min-height: 300px;
}

#postcolumn-580 {
	width: 660px;
	float: left;
	margin: 0 10px -400px 10px;
	position: relative;
	top: -500px;
}

#therest {
	width: 398px;
	height: 45px;
	padding: 10px;
	background-color: rgb(88,87,92);
	border-right: 10px solid rgb(237,233,232);
	position: relative;
	z-index: 50;
}

#category-header {
	width: 398px;
	height: 41px;
	padding: 10px;
	background-color: rgb(88,87,92);
}




/*** CATEGORY & INDEX ***/

.postbox {
	width: 418px;
	height: 180px;
	background-color: rgb(88,87,92);
	float: left;
	position: relative;
}

.postbox-caption {
	height: 9px;
	width: 9px;
	background-image: url('/includes/postbox-caption.gif');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 25;
}

.postbox-more {
	height: 18px;
	width: 45px;
	padding: 2px 0 0 5px;
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.postbox img {
	float: left;
	margin: 0 10px 0 0;
	background-image: url('/includes/150default.gif');
}

.postbox-text {
	padding: 0 10px;
}

.postbox-text p {
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 8px 0;
}

.postbox-h1 h1 {
	font-size: 18px;
	display: inline;
	padding: 1px 0 2px 0;
	color: #000000;
	background-color: #FFFFFF;

}

.postbox-h1 a {
	text-decoration: none;
	color: #000000;
}

.postbox-footer {
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
	color: rgb(202,198,197);
	background-image: url(/includes/grey-dot-dark.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 10px;
	position: absolute;
	top: 125px;
	left: 160px;
}

.postbox-footer a {
	text-decoration: none;
}

.postbox-dash {
	height: 3px;
	width: 4px;
	position: absolute;
	top: 147px;
	left: 160px;
}

.col-footer {
	width: 264px;
	height: 50px;
	background-color: rgb(201,198,197);
	float: left;
	position: relative;
	padding: 15px 10px 0 154px;
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: rgb(88,87,92);
	border-bottom: 30px solid rgb(237,233,232);
}

.col-footer-links {
	margin-left: 1px;
}

.col-footer-links a {
	text-decoration: none;
	margin: 0 5px;
	color: rgb(88,87,92);
}

.col-footer-links a:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

.col-footer-next {
	height: 18px;
	width: 38px;
	padding: 2px 0 0 12px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: rgb(237,233,232);
	border-right: 10px solid rgb(237,233,232);
}

.col-footer-dash {
	height: 3px;
	width: 4px;
	position: absolute;
	top: 40px;
	left: 160px;
	background-color: #FFFFFF;
}




/*** INDIVIDUAL ENTRY & TEXT-ONLY ***/

#entry-title {
	height: 500px;
	width: 300px;
	margin: 0 0 0 418px;
	padding: 0 0 0 10px;
	border: 0;
	position: absolute;
	z-index: 5;
}

#tagbox {
	width: 380px;
	height: 45px;
	padding: 10px 19px;
	background-color: #FFFFFF;
}

.entrybox {
	width: 380px;
	background-color: #FFFFFF;
	padding: 0 19px 9px 19px;
	float: left;
	position: relative;
	font-size: 12px;
}

.nocarousel {
	min-height: 190px;
}

.entrybox-580 {
	width: 622px;
	background-color: #FFFFFF;
	padding: 5px 19px 10px 19px;
	float: left;
	position: relative;
	font-size: 12px;
}

.entrybox a, .entrybox-580 a {
	font-weight: bold;
	color: rgb(75,91,117);
}

.quote {
	margin: 10px 20px 19px 0;
	padding-left: 15px;
	border-left: 8px solid #CCCCCC;
	font-style: italic;
}

.entry-caption {
	position: absolute;
	bottom: -27px;
	right: 70px;
}

.entry-authorpic {
	position: absolute;
	bottom: -70px;
	right: 0px;
	background-image: url(/includes/bg-loading.gif);
}

.entry-header {
	height: 17px;
	border-left: 12px solid #FFFFFF;
	margin: 30px 0 0 0;
	padding: 0 0 0 7px;
	line-height: 17px;
	position: relative;
}

.entry-author, .tags {
	font-weight: bold;
	color: rgb(88,87,92);
}

.entry-author {
	padding: 10px 0 0 19px;
}

.entry-author a, .tags a {
	color: rgb(75,91,117);
}

.tags {
	padding: 0;
}

.tags img {
	display: inline;
	margin: 0 3px 0 0;
}

.comment {
	margin: 17px 0 10px 0;
}

.commentbox {
	padding: 19px 0 0 0;
	position: relative;
}

.commentbox-caption {
	height: 9px;
	width: 9px;
	background-image: url('/includes/postbox-caption.gif');
	background-repeat: no-repeat;
	position: absolute;
	left: -19px;
	top: 0px;
}

.comment-author {
	color: rgb(88,87,92);
	font-weight: bold;
}

.comment-author a {
	color: rgb(75,91,117);
}

.commentcount {
	position: absolute;
	left: 140px;
	top: 0px;
	height: 17px;
	border-left: 12px solid #FFFFFF;
	padding: 0 0 0 7px;
	line-height: 17px;
}

.light {
	color: rgb(201,198,197);
}

.commentform {
	margin: 17px 0 0 0;
	padding: 10px 19px;
	background-color: rgb(201,198,197);
}

.commenttop {
	width: 177px;
	height: 20px;
	border: 0;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
	color: rgb(136,134,135);
	padding: 4px 0 0 8px;
	margin: 0 0 15px 0;
}

.ct580 {
	width: 290px;
}


.commentform label {
	display: block;
	color: rgb(88,87,92);
	font-weight: bold;
	font-size 11px;
}

.commentform textarea {
	width: 375px;
	font-family: Helvetica, Arial;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.cf580 textarea {
	width: 620px;
}

.commentFormLeftCol {
	float: left;
}

.commentFormRightCol {
	float: right;
}

.comment-button {
	height: 19px;
	width: 115px;
	color: #FFFFFF;
	background-color: rgb(88,87,92);
	border: 0;
	margin: 0 20px 0 0;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.comment-button-cont {
	margin: 10px 0 5px 0;
	position: relative;
	float: left;
}

.comment-button-cont img {
	position:absolute;
	left: 115px;
}

.gallerythumb {
	border: 0;
	float: left;
	margin: 7px;
}

.gallerythumbtl {
	border: 0;
	float: left;
	margin: 2px;
}


/*** RIGHTNAV LOWER SECTION ***/

#rightnav-lower {
	width: 300px;
	float: left;
	position: relative;
	top: 10px;
}

.adbox-300x250 {
	margin: 0;
}

.left-120x600 {
	float: left;
	margin: 10px;
}

.right-160x600 {
	margin: 50px 0 0 0;
	width: 189px;
	height: 602px;
	padding: 11px 0 0 11px;
	background-color: rgb(201,198,197);
}

#adbar {
	width: 290px;
	height: 18px;
	padding: 2px 0 0 10px;
	background-color: rgb(201,198,197);
	position: relative;
}

#adbar-160 {
	width: 190px;
	height: 18px;
	padding: 2px 0 0 10px;
	background-color: rgb(201,198,197);
	position: relative;
}

.adbar-caption {
	position: absolute;
	top: 20px;
	right: 100px;
}

.adbar-caption-160 {
	position: absolute;
	top: 20px;
	right: 0px;
}



/*** FOOTER ***/

.footer {
	width: 428px;
	float: left;
	position: relative;
	padding: 10px 0 0 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: rgb(136,134,135);
	border-top: 10px solid rgb(201,198,197);
}

.footer-links {
	position: relative;
	left: -5px;
}

.footer-links a {
	text-decoration: underline;
	margin: 0 5px;
	color: rgb(75,91,117);
}

.entryfoot {
	margin: 30px 0 0 0;
	width: 418px;
}

.entryfoot-580 {
	margin: 30px 0 0 0;
	width: 660px;
}

.entryfoot-page {
	margin: 50px 0 0 0;
	width: 418px;
}


/*** STATIC & 580px PAGES ***/

#static-header {
	width: 380px;
	height: 35px;
	padding: 10px 19px 0 19px;
	background-color: #FFFFFF;
	line-height: 15px;
}

#nocarousel {
	position: relative;
	top: -190px;
}

#header-580 {
	width: 622px;
	min-height: 35px;
	padding: 20px 19px 0 19px;
	background-color: #FFFFFF;
}

#header-580 h1 {
	display: inline;
}




/*** COLOR STYLES ***/

.feature-color {
	color: rgb(215,255,0);
}

.features-color {
	color: rgb(215,255,0);
}

.m-style-color {
	color: rgb(60,221,229);
}

.w-style-color {
	color: rgb(249,96,88);
}

.art-music-color {
	color: rgb(95,225,187);
}

.culture-color {
	color: rgb(254,223,83);
}

.feature-nav:hover {
	border-bottom: 2px solid rgb(215,255,0);
}

.features-nav:hover {
	border-bottom: 2px solid rgb(215,255,0);
}

.m-style-nav:hover {
	border-bottom: 2px solid rgb(60,221,229);
}

.w-style-nav:hover {
	border-bottom: 2px solid rgb(249,96,88);
}

.art-music-nav:hover {
	border-bottom: 2px solid rgb(95,225,187);
}

.culture-nav:hover {
	border-bottom: 2px solid rgb(254,223,83);
}

.feature-border {
	border-right: 10px solid rgb(215,255,0);
}

.features-border {
	border-right: 10px solid rgb(215,255,0);
}

.m-style-border {
	border-right: 10px solid rgb(60,221,229);
}

.w-style-border {
	border-right: 10px solid rgb(249,96,88);
}

.art-music-border {
	border-right: 10px solid rgb(95,225,187);
}

.culture-border {
	border-right: 10px solid rgb(254,223,83);
}

.feature-number {
	color: rgb(215,255,0);
}

.features-number {
	color: rgb(215,255,0);
}

.m-style-number {
	color: rgb(60,221,229);
}

.w-style-number {
	color: rgb(249,96,88);
}

.art-music-number {
	color: rgb(95,225,187);
}

.culture-number {
	color: rgb(254,223,83);
}

.feature-bg {
	background-color: rgb(215,255,0);
}

.features-bg {
	background-color: rgb(215,255,0);
}

.m-style-bg {
	background-color: rgb(60,221,229);
}

.w-style-bg {
	background-color: rgb(249,96,88);
}

.art-music-bg {
	background-color: rgb(95,225,187);
}

.culture-bg {
	background-color: rgb(254,223,83);
}




/*** STREAM ***/

.motion {
	padding: 0 0 0 8px;
	width: 652px;
}

#alpha {
	background-image: url(/includes/bg-noise.gif);
	padding: 10px;
	width: 632px;
	min-height: 480px;
}

.asset-body h2 {
}


.greyborder {
	padding: 1px;
	border: 1px solid rgb(119,119,119);
}

.signin a, .signin a:hover, .signin a:active, .signin a:visited {
	position: relative;
	top: 20px;
	text-decoration: none;
	color: #ded9d8;
}

.motionh3 {
	color: #333333;
}

#alpha .asset h3{
    font-size: 36px;
    text-decoration: none;
    margin: 0 0 5px 0;
    font-style: italic;
    clear: none;
    border: none;
    padding: 0;
    font-family: "Helvetica Neue", Arial, Verdana;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 10px;
    font-weight: normal;
}

#alpha .asset h3 a {
    color: rgb(80,80,80);
    border: none;
    text-decoration: none;
}

#alpha .asset h3 a:hover  {
    color: rgb(249,96,88);
}

#audiobox {
	height: 84px;
	width: 604px;
	background-color: #EDEDED;
	padding: 11px 10px;
}

.sequence
{
	background:#fff url('sequenceimages/1.jpg')no-repeat;
}