/*** GLOBAL ***/

@font-face {
    font-family: "Arial Black";
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.beautyhype.com/includes/ARIALBL0.eot);
}


body {
     	margin: 0px;
	font-family: Arial;
	font-size: 12px;
	background-image: url(http://www.beautyhype.com/includes/beautyhype-bg.gif);
	padding-bottom: 20px;
}

html {height:100%}


a {
	text-decoration: underline;
	font-weight: bold;
	}

.bodylink a {
	text-decoration: underline;
	font-weight: bold;
	}
	
a:link {
	color: #000000;
	}

a:visited {
	color: #000000;
	}

a:active {
	color: #000000;
	}

a:hover {
	color: #000000;
	background-color: #b0b0b0;
	}

.line {
	border-bottom: 1px solid #CCCCCC;
}
	
div.clearall {
	clear:both;
}



/*** CONTAINERS ***/

#contentContainer {
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*
#jagsContainer {
	width: 1110px;
	margin-top: 110px;
	background-color: #000000;
	position: absolute;
	left: -76px;
}
	
#faderContainer {
	width: 942px;
	padding: 55px 8px 8px 8px;
	margin-left: auto;
	margin-right: auto;
	background-color: #636363;
	background-repeat: repeat;
} 
*/

#bodyContainer {
	width: 942px;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	position: relative;
}

#mainBody {
	width: 580px;
	padding: 15px 0px 15px 15px;
	position: relative;
	float: left;
	background: #FFFFFF;
}

.paginate {
	text-align: center;
	margin-bottom: 25px;
}

.paginateNumbers {
	margin: 0px 10px;
}

.paginateNumbers a, .paginateMore a {
	text-decoration: none;
}	

.paginate b {
	font-size: 15px;
	font-weight: bold;
	background-color: #b0b0b0;
	padding: 0px 4px;
}

#sidebar {
	width: 300px;
	padding: 15px 15px 15px 0px;
	position: relative;
	float: right;
	background: #FFFFFF;
}

#mainbodyFooterLinks {
	padding: 0px 15px 15px 15px;
	position: relative;
	float: left;
	background: #FFFFFF;
}

#footer {
	width: 942px;
	height: 20px;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 8px;
	position: relative;
	left: 8px;
}

#footer a {
	color: #FFFFFF;
	font-weight: normal;
}

/*** HEADER ***/

#centerTopBar {
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	background-color: #000000;
	position: relative;
}

#centerLeaderboard {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: 115px;
	position: relative;
	background-color: #000000;
}

#TopBarLogo {
	height: 40px;
	width: 247px;
	position: absolute;
	top: -100px;
	left: 0px;
	z-index: 30;
}

#TopBarLogo a {
	background-color: transparent;
}

#headerGradient {
	background-image: url(http://www.grooveeffect.com/2007/images/header-gradient.png);
	background-repeat: repeat-x;
	margin: 0px;
	width: 958px;
	height: 38px;
	position: absolute;
	top: -55px;
	left: -8px;
	z-index: 5;
}

#searchBox {
	width: 292px;
	height: 35px;
	background-color: #000000;
	position: absolute;
	right: -19px;
	top: -80px;
}

#searchBox form {
	position: relative;
	top: 8px;
	left: 8px;
	overflow: hidden;
	margin-bottom: -1px;
}

/*** TOP NAVIGATION ***/

#navBar {
	width: 958px;
	text-align: center;
	position: absolute;
	top: -24px;
	line-height: 20px;
	z-index: 20;
	margin-right: -1px; /* hack needed for IE6 */
	left: -8px; /* hack needed for IE6 */
}



.navBar {
	font-family: "Arial Black", Arial, Impact, Verdanda;
	background-color: #000000;
	margin: 0px 1px;
	padding: 0px 1px;
	font-size: 20px;
	letter-spacing: -1px;
}

.navBar a {
	text-decoration: none;
	margin: 0px 20px;
	position: relative;
	top: -2px;
	font-weight: normal;
	color: #FFFFFF;
	}

.navBar a:link {
	color: #FFFFFF;
	}

.navBar a:visited {
	color: #FFFFFF;
	}

.navBar a:active {
	color: #FFFFFF;
	}

.navBar a:hover {
	color: rgb(234,47,157);
	background-color: transparent;
	}


/*** THUMBNAIL BOXES ***/

.thumbBoxBG {
	padding: 10px;
	margin-bottom: 25px;
	width: 570px;
	height: 200px;
	clear: both;
}

.thumbBoxContent {
	float:left;
}	

.thumbBoxLink a {
	text-decoration: none;
	font-weight: normal;
}

.thumbBoxLink a:hover {
	background-color: rgb(234,47,157);
}

.thumbBoxContent img {
	float: left;
	margin-right: 20px;
	position: relative;
	z-index: 1;
	color: #777777;
}

.thumbBoxContent h1 {
	font-size: 18px;
	font-family: "Still Time", "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	line-height: 22px;
	position: relative;
	top: -10px;
}

.thumbBoxContent p {
	position:relative;
	top:-10px;
}

/* Default 200x200 Image BG's */
.art-music-default {
	background-image: url(http://www.grooveeffect.com/images/icons/art-music-default.gif);
}	

.events-default {
	background-image: url(http://www.grooveeffect.com/images/icons/events-default.gif);
}

.womens-style-default {
	background-image: url(http://www.grooveeffect.com/images/icons/womens-style-default.gif);
}

.mens-style-default {
	background-image: url(http://www.grooveeffect.com/images/icons/mens-style-default.gif);
}




/*** FOOTBOXES ***/


.footBoxBG {
	padding: 10px;
	margin-bottom: 25px;
	width: 425px;
	height: 100px;
	float: left;
}

.footBoxContent {
	float:left;
}	

.footBoxContent b {
	font-size: 14px;
	font-weight: bold;
}

.footBoxLink a {
	text-decoration: none;
	font-weight: bold;
}

.footBoxLink a:link {
	color: #000000;
	}

.footBoxLink a:visited {
	color: #000000;
	}

.footBoxLink a:active {
	color: #000000;
	}

.footBoxLink a:hover {
	background-color: rgb(234,47,157);
}
	
.footBoxContent img {
	float: left;
	margin-right: 20px;
	position: relative;
	z-index: 1;
}

.footBoxContent h1 {
	font-size: 18px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	position: relative;
	top: -10px;
}

.footBoxContent p {
	position:relative;
	top:-12px;
}

/* Default 200x200 Image BG's */
.art-music-default100 {
	background-image: url(http://www.grooveeffect.com/images/icons/art-music-default100.gif);
}	

.events-default100 {
	background-image: url(http://www.grooveeffect.com/images/icons/events-default100.gif);
}

.womens-style-default100 {
	background-image: url(http://www.grooveeffect.com/images/icons/womens-style-default100.gif);
}

.mens-style-default100 {
	background-image: url(http://www.grooveeffect.com/images/icons/mens-style-default100.gif);
}





/*** UNIVERSAL BODY HEADER LINK COLORS ***/

.womens-style-header a:hover {
	background-color: rgb(255,86,179);
	color: rgb(251,253,69);
	}

.mens-style-header a:hover {
	background-color: rgb(0,192,245);
	color: rgb(89,245,59);
	}

.feature-articles-header a:hover {
	background-color: rgb(246,100,255);
	color: rgb(251,255,155);
	}

.art-music-header a:hover {
	background-color: rgb(248,255,131);
	color: rgb(81,189,67);
	}

.events-header a:hover {
	background-color: rgb(73,241,144);
	color: rgb(168,65,255);
	}


/*** SIDEBAR BOXES ***/

.sidebox {
	background-color: #e8e7e8;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}

.sideboxLink {
	margin-bottom: 7px;
}

.NoMargin {
	margin-bottom: 0px;
}

.sideboxLink a {
	text-decoration: none;
	font-weight: normal;
}

.sideboxLink a:hover {
	font-weight: bold;
	}

.sideHeaders {
	font-size: 18px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	font-weight: normal;
}



/*** FEATURE ARTICLE CATEGORIES ***/

.featureArticle {
	padding: 0 0 10px 10px;
	margin-bottom: 25px;
}

.featureHeader {
	clear: both;
}	
	
.featureHeader a {
	text-decoration: none;
	font-weight: normal;
}

.featureHeader a:hover {
	background-color: rgb(234,47,157);
}


.featureHeader h1 {
	margin: 15px 0px 10px 0px;
	font-size: 20px;
	line-height: 25px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	text-transform: uppercase;
}


/*** CATEGORY HEADER ***/

.categoryHeader {
	padding-bottom: 25px;
	margin-bottom: 10px;
	/* border-bottom: 1px solid #000000; */
	width: 580px;
}

.categoryHeader h1 {
	display: inline;
	font-size: 28px;
	line-height: 30px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	text-transform: uppercase;
}



/*** PAGE HEADER ***/

.pageHeader {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.pageHeader h1 {
	display: inline;
	font-size: 30px;
	line-height: 35px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	text-transform: uppercase;
}



/*** POSTS ***/

.headerbox {
	width: 580px;
}

.headerBox h1 {
	display: inline;
	font-size: 20px;
	line-height: 25px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.postbox {
	width: 580px;
	padding: 0 0 10px 10px;
	margin-bottom: 20px;
	float: left;
}

.postbox h1 {
	display: inline;
	font-size: 20px;
	line-height: 25px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.postInfo {
	border-bottom: 1px solid #000000;
	height: 35px;
	margin: 0px 0px 10px 0px;
	padding-bottom: 4px;
}

.socialBookmarks {
	float: right;
	position: relative;
	top: 19px;
}

.postAuthor {
	float: left;
	font-style: italic;
	position: relative;
	top: 22px;
}


/*** POST TOOLS - DEAD?? ***/

.linkHome {
	float: left;
	margin-right: 15px;
}

.linkHome a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
}

.linkHome a:hover {
	color: #000000;
	background-color: #b0b0b0;
	font-weight: bold;
	}

.linkBox {
	float: left;
}

/*** POST FOOTER BOXES ***/

.postSubBoxContainer, .directoryCategory {
	width: 560px;
	padding: 10px;
	clear: both;
}

.postSubBoxHeaders, .directoryHeader {
	font-size: 18px;
	font-family: "Arial Black", Impact, Verdanda;
	letter-spacing: -1px;
	font-weight: normal;
}

.commentFormLeftCol, .commentFormRightCol {
	float: left;
	width: 250px;
	margin-bottom: 15px;
}

.postSubBox label {
	font-weight: bold;
}

.postSubBox form {
	display: inline;
}

.commentName {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.commentDate {
	float: right;
	font-style: italic;
}

.postSubBox p {
	margin-top: 15px;
	margin-bottom: 5px;
}

.postSubBox {
	background-color: #e8e7e8;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}

.commentFooter {
	display: inline;
	float:right;
}



/*** DIRECTORY ***/

.directory h2 {
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;	
	}

.directoryDescription {
	margin: 0px 0px 0px 15px;
}