/* ------| SkunkPost - CSS            |------ */
/* ------| Last edited 08-07-09 aps   |------ */
/* ------| SkunkPost.com              |------ */


/* ---| HEADER |--*/

#header {
	font: 12px Arial, Helvetica, Sans-Serif; 
	align: left;
	width: 970px;
	color: #999999;
	margin-top: 3px;
	margin-bottom: 20px;
}
#dropdown {
	text-align: left;
	color: #FFCC99;
	font: 14px Arial, Helvetica, Sans-Serif;
	position: absolute;
	margin-top: 87px;
	margin-left: 10px;
	width: 700px;
	height: 20px;
}
#dropdown a, #dropdown a:visited, #dropdown a:active {
	padding: 5px 3px;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	background-color: none;
}
#dropdown a:hover {
	padding: 5px 3px;
	background-color: #FFCC66;
	color: #FFFFF;
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}

#weather {
	position: absolute;
	margin-top: 3px;
	margin-left: 880px;
	width: 100px;
	height: 50px;
}
#topCornerLinks {
	font: 12px Arial, Helvetica, Sans-Serif;
	text-align: right;
	position: absolute;
	margin-top: 60px;
	margin-left: 470px;
	width: 500px;
	height: 25px;
}
a.topCornerLinks, a.topCornerLinks:visited {
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	font-weight: normal;
}
a.topCornerLinks:hover, a.topCornerLinks:active {
	font-size: 12px;
	color: #FF9900;
	text-decoration: underline;
	font-weight: normal;
	background-color: none;
}
#searchBar {
	position: absolute;
	text-align: left;
	margin-top: 85px;
	margin-left: 785px;
	width: 180px;
}
/* ---| DROPDOWN |--- */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	padding: 5px 2px;
	background-color: #FFCC66;
	color: #FFFFF;
	font: 12px Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
}



/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px #FF9900;
border-bottom-width: 1px;
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FFFFFF;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
border-style: solid;
border-color: #FF9900;
border-width: 1px;
list-style-type: none;
}

.anylinkmenu ul li a, .anylinkmenu ul li a:hover, .anylinkmenu ul li a:visited {
width: 100%;
display: block;
color: #FF9900;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-indent: 3px;
border-bottom-color: #FFCC66;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu ul li a:hover { /*hover background color*/
background: #FFCC66;
color: #FFFFFF;
font: normal 12px Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{

margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}
/* ---| END OF DROPDOWN |--- */
#search {
	margin: 0;
	width: 195px;
	border: 3px solid #cccccc;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	overflow: hidden;
}
/* ---| END OF HEADER |--- */


body  {
	margin: 0;	
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFC9;
}
#container {
	margin: 0 auto;
	width: 970px; 
	min-height: 450px;
	text-align: left; 
	padding: 0 15px 0 15px;
}

/* ---| BODY |--- */

/* ---| MAIN CONTENT AREA |--- */
h2 {
	font: 24px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 5px;
}
h3 {
	font: 14px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 3px;
}
h4 {
	font: 18px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 5px;
}
h5 {
	font: 16px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 5px;
}
h6 {
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h7 {
	font: 14px Arial, Helvetica, Sans-Serif;
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
a, a:visited {
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
	background-color: ;
}
a:hover, a:active {
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
	background-color: ;
}
#mainContent {
	margin: 0;
	width: 635px;
	/width: 635px;
	w/idth: 635px;
	min-height: 450px;
	padding: 10px;
	background-color: #ECECEC;
}
#mainContent02 {
	margin: 0;
	width: 475px;
	/width: 475px;
	w/idth: 475px;
	min-height: 450px;
	padding: 10px;
	background-color: #ECECEC;
}
#mainContentProfile {
	margin: 0;
	width: 635px;
	padding: 10px;
	background-color: #ECECEC;
}
#tagLine {
	margin: 0;
	padding: 10px;
	width: 615px;
	min-height: 60px;
	background-image: url(../images/tagLineHome.jpg);
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}
#tagLine h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
    margin-bottom: 0;
}
#tagLine span {
	font: 19px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#tagLineHome {
	margin: 0;
	padding: 10px;
	width: 633px;
	height: 100px;
	background-image: url(../images/tagLineHome.jpg);
	background-repeat: no-repeat;
	vertical-align:bottom;
}
#tagLineHome h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
    margin-bottom: 0;
}
#tagLineHome span {
	font: 19px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#tagLineNews {
	margin: 0;
	padding: 10px;
	width: 655px;
	height: 100px;
	background-image: url(../images/tagLineNews.jpg);
	background-repeat: no-repeat;
	vertical-align:bottom;
}
#tagLineNews h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
    margin-bottom: 0;
}
#tagLineNews span {
	font: 19px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#tagLineSkunkLIfe {
	margin: 0;
	padding: 10px;
	width: 655px;
	height: 100px;
	background-image: url(../images/tagLineSkunkLife.jpg);
	background-repeat: no-repeat;
	vertical-align:bottom;
}
#tagLineSkunkLIfe h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
    margin-bottom: 0;
}
#tagLineSkunkLIfe span {
	font: 19px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#tagLineBusiness {
	margin: 0;
	padding: 10px;
	width: 655px;
	height: 100px;
	background-image: url(../images/tagLineBusiness.jpg);
	background-repeat: no-repeat;
	vertical-align:bottom;
}
#tagLineBusiness h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
        margin-bottom: 0;
}
#tagLineBusiness span {
	font: 19px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#tagLine02 {
	margin-bottom: 20px;
	width: 960px;
	/width: 970px;
	w/idth: 950px;
	height: 90px;
	background-image: url(../images/tagLine_title.gif);
	background-repeat: no-repeat;
	padding: 5px;
	vertical-align: text-bottom;
}
#tagLine02 h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: -5px;
    margin-bottom: 0;
}
#tagLine02 span {
	font: 23px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
}
#googleAdHome {
	position: absolute;
	margin-top: 8px;
	margin-left: 410px;
	width: 237px;
	height: 49px;
}
#googleAd {
	position: absolute;
	margin-top: 0px;
	margin-left: 380px;
	width: 237px;
	height: 49px;
}
#play-button-off-small {
    display: none;
}
#play-button-on-sub {
    background: url(../images/playButtonSub.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	position:absolute;
	margin-top: 32px;
	margin-left: 54px;
    width:43px;
    height:30px;
    padding: 0;
    cursor:pointer;
}

#play-button-on-small, div.play-button-on-small-profile {
    background: url(../images/playButtonSmall.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	position:absolute;
	margin-top: 25px;
	margin-left: 43px;
    width:30px;
    height:21px;
    padding: 0;
}
.play-button-on-small {
    background: url(../images/playButtonSmall.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	position:absolute;
	margin-top: 25px;
	margin-left: 35px;
    width:30px;
    height:21px;
    padding: 0;
}
#play-button-off {
    display: none;
}

#play-button-on {
    background: url(../images/playButton.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
	position:absolute;
	margin-top: 80px;
	margin-left: 109px;
    width:57px;
    height:40px;
    padding: 0;
}
.subContentStoryLayout {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
}
/*---| SEARCH RESULTS |---*/
.searchInput {
	margin: 0;
	width: 140px;
	border: 1px solid #960;
	padding: 1px;
	font-weight: normal;
	color: #999;
	height: 16px;
	overflow: hidden;
	vertical-align:bottom;
}

h2.searchResults {
	font: 20px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 15px;
    margin-bottom: 1px;
}
span.searchResults {
	font: 16px Arial, Helvetica, Sans-Serif;
	color: #666;
	font-weight: bold;
	margin-top: 15px;
    margin-bottom: 1px;
}
.searchResultsInput {
	margin: 0;
	width: 360px;
	border: 1px solid #F90;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	overflow: hidden;
}
#searchMainContent {
	margin: 0;
	width: 950px;
	min-height: 450px;
	padding:10px;
	background-color: #ECECEC;
}
.resultsMore {
	padding:5px 7px;
	margin:10px 0;
	background-color:#CCC;
	border:#666 solid 1px;
}
a.resultsMore, a.resultsMore:visited, a.resultsMore:hover, a.resultsMore:active {
	padding:5px 7px;
	margin:10px 0;
	color:#666;
	font:10px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
/*---| END OF SEARCH RESULTS |---*/
/*---| POST |---*/
#shareRating {
	text-align: right;
	position: absolute;
	margin-top: 0px;
	margin-left: 475px;
	width: 150px;
	min-height: 50px;
}
#contentDiv, div.contentDiv {
	margin-bottom: 10px;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	width: 625px;
	text-align: left;
	border-bottom-color: #999999;
	border-bottom-style: dashed;
	border-bottom-width: thin;
}
a.contentDiv, a.contentDiv:visited {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
a.contentDiv:hover, a.contentDiv:active {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
}
.contentTags {
	margin-bottom:5px;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	width: 625px;
	text-align: left;
	border-bottom-color: #999999;
	border-bottom-style: dashed;
	border-bottom-width: thin;
}
#contentInfo, table.contentInfo {
	margin: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
}
a.contentInfo, a.contentInfo:visited {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
a.contentInfo:hover, a.contentInfo:active {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
}
#postVideo {
	text-align: right;
	position: absolute;
	margin-top: 2;
	margin-left: 470px;
	width: 143px;
	min-height: 10px;
}
#simularPosts {
	margin-bottom: 20px;
	width: 275px;
	/width: 295px;
	w/idth: 275px;
	text-align: left;
	min-height: 500px;
	padding: 10px;
	background-color: #ECECEC;
	font: 12px Arial, Helvetica, sans-serif;
}
ul.storyTitle {
	margin: 0;
	padding: 15px;
	color:#333;
	font-weight:bold;
	font: 12px Arial, Helvetica, sans-serif;
}
a.storyTitle, a.storyTitle:visited {
	color:#333;
	font: 12px Arial, Helvetica, sans-serif;
}
a.storyTitle:hover, a.storyTitle:active {
	color:#06C;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/* ---|POST  COMMENTS |--- */
#comments,div.comments {
	margin: 0;
	padding: 5px;
	background-color: #CCC;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	text-align: left;
}
div.comments
{
    margin-left: 40px;
}
a.commentLink, a.commentLink:visited {
	margin: 0px;
	color:#06C;
	font: 10px Arial, Helvetica, sans-serif;
}
a.commentLink:hover, a.commentLink:active {
	margin: 0px;
	color:#06C;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#commentGraphic{
	position: absolute;
	margin-top: -1px;
	margin-left: 69px;
	padding: 0;
	background-image:url(../images/commentGraphic.png);
	width: 21px;
	height: 19px;
	background-repeat: no-repeat;
}
div.commentGraphic 
{
    margin-top: -9px;
    margin-left: 69px;
    padding: 0;
    background-image:url(../images/commentGraphic.png);
    width: 21px;
    height: 19px;
    background-repeat: no-repeat;
}
#userInfo {
	position: absolute;
	width: 300px;
	margin-left: 82px;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	text-align: left;
	text-decoration: none;
}
div.userInfo {
	width: 300px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	text-align: left;
	text-decoration: none;
        float: left;
        clear: none;
}
a.userInfo, a.userInfo:visited, a.userInfo:hover, a.userInfo:active {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0066CC;
	text-align: left;
	text-decoration: none;
}
span.userInfoDetails
{
    display: block;
}
#interaction{
	position: absolute;
	width: 200px;
	margin-left: 415px;
	padding: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CCC;
	text-align: right;
}
div.interaction {
    width: 200px;
    padding: 5px;
    font: 10px Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #CCC;
    text-align: right;
    float: right;
}
a.interaction, a.interaction:visited {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0066CC;
	text-align: left;
}
a.interaction:hover, a.interaction:active {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0066CC;
	text-align: left;
	text-decoration: underline;
}
a.collapseButton, a.collapseButton:visited, a.collapseButton:hover {
	margin: 0;
	padding: 3px 5px;
	background-color:#0066CC;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.collapseButton:active {
	margin-top: 5px;
	padding: 3px 5px;
	background-color: #999;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
ul.subComments {
	list-style-type: none;
}
#subInteraction,div.subInteraction {
	position: absolute;
	width: 200px;
	margin-left: 375px;
	padding: 5px;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CCC;
	text-align: right;
}
/* ---| END OF POST COMMENTS |--- */

/* ---| POST FORM |--- */
textarea#inputComment {
	margin: 0;
	width: 615px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	overflow: visible;
}
/* ---| END OF POST FORM |--- */

/*---| END OF POST |---*/

/* ---| BUSINESS DIRECTORY |--- */
#businessContent h2 {
	font: 18px Arial, Helvetica, Sans-Serif;
	color: #FF9900;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 0px;
}
#businessContent h3 {
	font: 10px Arial, Helvetica, Sans-Serif;
	color: #999999;
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
    margin-bottom: 5px;
}
#businessContent h4 {
	font: 18px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: normal;
	margin-top: 0px;
    margin-bottom: 5px;
}
a.businessContent, a.businessContent:visited {
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
a.businessContent:hover, a.businessContent:active {
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
}
textarea#title {
	margin: 0;
	width: 619px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
}
/* ---| END OF BUSINESS DIRECTORY |--- */
/* ---| MANAGE STORIES |--- */
tr#storyTable {
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
	border-right:1px #999 solid;
}
/* ---| END OFMANAGE STORIES |--- */
/*---| PROFILE |---*/
#profileImage {
	margin-bottom: 20px;
	width: 275px;
	min-height: 225px;
	padding: 10px;
	background-color: #ECECEC;
}
#activityRating {
	margin-bottom: 20px;
	width: 275px;
	min-height: 225px;
	padding: 10px;
	color: #ECECEC;
	background-color: #333333;
}
#connections {
	margin-bottom: 20px;
	width: 275px;
	min-height: 225px;
	padding: 10px;
	background-color: #ECECEC;
}
#userInfo02 {
	margin-bottom: 20px;
	width: 275px;
	min-height: 225px;
	padding: 10px;
	background-color: #ECECEC;
}
#userVideo {
	margin-bottom: 10px;
	width: 635px;
	min-height: 260px;
	padding: 0;
	text-align: left;
	font: 10px Arial, Helvetica, sans-serif;
	color: #999999;
}
a.userVideo, a.userVideo:visited {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
a.userVideo:hover, a.userVideo:active {
	margin: 0;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
#userActivity, #draftContent {
	width: 635px;
	padding: 10px 0;
	text-align: left;
}
#userActivity {
    min-height: 400px;
}
#draftContent {
    min-height: 200px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    margin-top: 10px;
    background-color: #ECECEC;
    padding: 10px;
}
div#mainContentProfile div.userProfileList div.mainContent {
    padding: 0;
}
#activityScroll {
	text-align: right;
	position: absolute;
	margin-top: 5px;
	margin-left: 500px;
	width: 123px;
	height: 21px;
}
#commentGraphic02 {
	position: absolute;
	margin-top: -24px;
	margin-left: 69px;
	padding: 0;
	background-image:url(../images/commentGraphic02.png);
	width: 21px;
	height: 19px;
	background-repeat: no-repeat;
}
div.commentGraphicReverse {
	position: absolute;
	margin-top: -24px;
	margin-left: 75px;
	padding: 0;
	background-image:url(../images/commentGraphic02.png);
	width: 21px;
	height: 19px;
	background-repeat: no-repeat;
}
span.userInfo {
	font: 12px Arial, Helvetica, sans-serif;
	color:#999;
}
table#draftsTable tr.heading {
    background-color:#333333;
    color:#ECECEC;
}
table#draftsTable tr.even {
    background-color: white;
}
h2.profileDraftHeading {
    border-bottom: 1px solid rgb(153, 153, 153); 
    padding: 5px;
    font-size: 1.2em;
}
div#draftContent div.draftsAdmin input {
    border: 1px solid rgb(255, 255, 255); 
    background-color: rgb(0, 102, 204); 
    color: rgb(255, 255, 255);
}
div#draftContent div.draftsAdmin {
    margin: 5px 0pt; 
    padding: 5px 10px;
}
div#draftContent div.draftsAdmin select {
    margin-left: 10px;
}
/*---| END OF PROFILE |---*/
/* ---| NEWS ADMIN |--- */
#uploadContent {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}
a.uploadContent, a.uploadContent:visited {
	margin: 0;
	padding: 0;
	font:12px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
a.uploadContent:hover, a.uploadContent:active {
	margin: 0;
	padding: 0;
	font:12px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
}
/* ---| END OF NEWS ADMIN |--- */
/* ---| LOGIN |--- */
#loginFont, .loginFont {
	color: #CCC;
	font: 10px Arial, Helvetica, sans-serif;
}
a.loginFont, a.loginFont:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
}
a.loginFont:hover, a.loginFont:active {
	font: 10px Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: underline;
	font-weight: normal;
}
/* ---| LOGIN |--- */
/* ---| NEWS SUB PAGES |--- */
#contentCatalog {
	text-align: left;
	position: absolute;
	margin-top: 42px;
	margin-left: 7px;
	width: 300px;
	height: 30px;
}
a.contentCatalog, a.contentCatalog:visited {
	padding: 5px 4px;
	background-color: ;
	font: 14px Arial, Helvetica, sans-serif;
	color: #06C;
	text-decoration: none;
	font-weight: normal;
}
a.contentCatalog:hover, a.contentCatalog:active {
	padding: 5px 4px;
	background-color: #06C;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
/* ---| END OF NEWS SUB PAGES |--- */

/* ---| PROFILE SETTINGS |--- */
#mainContent02 {
	margin: 0;
	width: 455px;
	/width: 475px;
	w/idth: 455px;
	min-height: 450px;
	padding: 10px;
	background-color: #ECECEC;
}
#rightContent02 {
	margin: 0;
	width: 455px;
	/width: 455px;
	w/idth: 455px;
	min-height: 450px;
	padding: 10px;
	background-color: #ECECEC;
}
ul.dataInput {
	list-style-type: none;
	color:#999;
	font-size:12px;
	line-height:30px;
	margin-left: 0;
	text-indent: 0;
	padding-left: 0;
}
input.textfield {
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	
}
a.profileEdit, a.profileEdit:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #06C;
	text-decoration: none;
	font-weight: normal;
}
a.profileEdit:hover, a.profileEdit:active {
	background-color: #06C;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
#description2 {
	margin: 0;
	width: 435px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	overflow: visible;
}

/* ---| END OF PROFILE SETTINGS |--- */
/* ---| NEWS ADMIN |--- */

textarea#title {
	margin: 0;
	width: 619px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
}
textarea#teaser {
	margin: 0;
	width: 619px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	overflow: hidden;
}
textarea#text {
	margin: 0;
	width: 619px;
	border: 3px solid #cccccc;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	overflow: visible;
}

/* ---| END OF NEWS ADMIN |--- */
/* ---| ERROR MESSEGES |--- */
#errorMessege {
	background-color: #ECECEC;
	text-align: center;
	/*vertical-align:middle; */
	font:18px Arial, Helvetica, sans-serif; 
	color:#333; 
	padding:20px;
	width: 50%;
	margin-top: 20px;
}
span.errorMessege {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
a.errorMessege, a.errorMessege:visited {
	font: 14px Arial, Helvetica, sans-serif;
	color: #06C;
	text-decoration: none;
	font-weight: normal;
}
a.errorMessege:hover, a.errorMessege:active {
	background-color: #06C;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
/* ---| END OF ERROR MESSEGES |--- */

/* ---| END OF MAIN CONTENT AREA |--- */

/* ---| SUB CONTENT AREA |--- */
#featured, .featured {
	margin-bottom: 20px;
	width: 275px;
	min-height: 200px;
	padding: 10px;
	background-color: #ECECEC;
	text-align: left;
}
#featuredUPost {
	width: 275px;
	background-color: #ECECEC;
	text-align: left;
}
#rightAd {
	margin-bottom: 20px;
	width: 275px;
	height: 225px;
	padding: 10px;
	background-color: #ECECEC;
}
#podcast {
	margin-bottom: 20px;
	width: 275px;
	height: 100px;
	padding: 0;
}
.facebookFan {
	margin-bottom: 20px;
	text-align: center;
	vertical-align: center;
	width: 295px;
	min-height: 50px;
	padding: 5px 0;
	background-color: #ececec;
}
#buzzFeed {
	margin-bottom: 20px;
	width: 275px;
	min-height: 175px;
	padding: 20px 10px 20px 10px;
	background-color: #ECECEC;
}
#skunkshop {
	margin-bottom: 20px;
	width: 275px;
	height: 100px;
	padding: 0;
}
.post {
	margin-bottom: 20px;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	width: 275px;
	min-height: 30px;
	padding: 10px;
	background-color: #ECECEC;
}
a.post, a.post:visited {
	color: #06C;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;	
	margin:0;
	padding:0;
	text-align:left;
}
a.post:hover, a.post:active {
	color: #06C;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: underline;	
	margin:0;
	padding:0;
	text-align:left;
}
h2.post {
	font:18px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	margin: 0 0 0 0;
	padding:0;
	text-align:left;
}
.commercial {
	margin-bottom: 20px;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	width: 275px;
	min-height: 30px;
	padding: 10px;
	background-color: #ECECEC;
}
a.commercial, a.commercial:visited {
	color: #06C;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;	
	margin:0;
	padding:0;
}
a.commercial:hover, a.commercial:active {
	color: #06C;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: underline;	
	margin:0;
	padding:0;
}
h2.commercial {
	font:18px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	margin: 0 0 -7px 0;
	padding:0;
	text-align:left;
}
#businessPost {
	margin-bottom: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #0066CC;
	width: 275px;
	min-height: 100px;
	padding: 10px;
	background-color: #ECECEC;
}
#blogSub {
	margin: 0;
	width: 275px;
	min-height: 300px;
	text-align:left;
	background-color: #ECECEC;
	position: absolute;
	padding: 10px;
}
#blogSub h2 {
	font: 16px Arial, Helvetica, Sans-Serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 0px;
}
/* ---| RSS FEEDS |--- */
.rss-box {
    width:201px;
    padding:5px;
    background-color:#ECECEC;
    font: 10px Arial, Helvetica, sans-serif;
}
.rss-item a, .rss-item a:visited, .rss-item a:active {
    margin: 0;
    padding: 0;
    font: 10px Arial, Helvetica, sans-serif;
    color: #06C;
    text-decoration: none;
}
.rss-item a:hover {
    margin: 0;
    padding: 0;
    font: 10px Arial, Helvetica, sans-serif;
    color: #06C;
    text-decoration: underline;
}
ul.rss-items {
    padding: 0;
    margin: 0;
}
li.rss-item {
    list-style-type: none;
    padding:0;
}
/* ---| END OF RSS FEEDS |--- */
/* ---| BUSINESS DIRECTORY |--- */
#businessSearch {
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	width: 275px;
	min-height: 300px;
	padding: 10px;
	background-color: #ECECEC;
}
h2.businessSearch {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 5px;
}
a.businessSearch , a.businessSearch:visited {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: none;
	font-weight: normal;
}
a.businessSearch:hover, a.businessSearch:active {
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #0066FF;
	text-decoration: underline;
	font-weight: normal;
}
.businessSearchField {
	margin: 0;
	width: 270px;
	border: 3px solid #cccccc;
	padding: 2px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	overflow: hidden;
}
/* ---| END OF BUSINESS DIRECTRY |--- */
/* ---| END OF SUB CONTENT AREA |--- */

/* ---| END OF BODY |--- */
/* ---| FOOTER |---*/
#footerAd {
	margin-top: 20PX;
	margin-left: 80px;
	width: 810px;
	vertical-align: middle;
	height: 90px;
	background-color: #ECECEC;
	padding: 10px;
}
#footer {
	margin-top: 20px;
	width: 100%;
	height: 250px;
	position: absolute;
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #999999;
	/*background-image: url(../images/footerBG.jpg);*/
	/*background-repeat: repeat-x;*/
	background-color: #000000;
	border: 0;
}
#footer h2 {
	font: 24px Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 0px;
}
#footer h3 {
	font: 14px Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 10px;
}
#footerVideos {
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 960px;
	height: 140px;
}
.footerVideos a, .footerVideos a:visited, .footerVideos a:active {
	margin: 0;
	padding: 0;
 	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
.footerVideos a:hover {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: underline;
}
#footerLinks {
	margin: 0 auto;
	border: 0;
	padding-top: 10px;
	width: 960px;
	height: 200px;
}
#footerLinks li {
	list-style: none; 
	display: list-item;
	margin: 0;
	padding: 0;
}
a.footerLinks,  a.footerLinks:visited,  a.footerLinks:active {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
a.footerLinks:hover {
	margin: 0;
	font-size: 11px;
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#aboutLinks { 
	margin: 5px;
	width: 175px;
	height: 170px;
	position: absolute;
	padding: 0;
	text-align: left;
}
#skunkpostLinks { 
	margin: 5px 180px;
	width: 150px;
	height: 175px;
	position: absolute;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0;
	text-align: left;
}
#contactLinks { 
	margin: 5px 350px;
	width: 190px;
	height: 175px;
	position: absolute;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0;
	text-align: left;
}
#hearstLinks01 { 
	margin: 5px 550px;
	width: 190px;
	height: 175px;
	position: absolute;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 0;
	text-align: left;
}
#hearstLinks02 { 
	margin: 5px 720px;
	width: 190px;
	height: 175px;
	position: absolute;
	padding: 0;
	text-align: left;
}
.copywrite {
	margin: 0 auto;
	width: 970px;
	text-align: center;
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #999999;
}
.copywrite a, .copywrite a:visited, .copywrite a:active {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.copywrite a:hover {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}
/* ---| END OF FOOTER |--- */

/* ---| DAVE STYLES |--- */
.upostlistcell {
    overflow: hidden;
    cursor:pointer;
}
.blackbgwhitetextheaderbar {
    background-color: #333333;
    padding:5px; 
    text-align:left; 
    color:#FFF    
}
.makegreybg {
    background-color: #CCC;
}
.upload-header  { 
	background:  #EEE;
	border-bottom: 1px solid #CCC;
	padding: 7px 10px;
        border-top:  1px solid #CCC;
}
.backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
.popup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
border:2px solid #cecece;
height:635px;
width:810px;
background:#FFFFFF;
background-color: #FFF;
z-index:2;
padding:12px;
font-size:13px;
}
.popupClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}
.popupButton{
text-align:center;
margin:100px;
}
.underlineEffect:hover {
    color: #06C;
}
.numviewed {
    font-size: 10px; 
    color: rgb(126, 126, 126); 
    padding-top: 5px;
}
/* ---| END DAVE STYLES |--- */

select#profileActivitiesFilter
{
    float: right;
    margin-top: 10px;
}

div.activitycomments
{
    float: left;
}

/* --- Comments Player Styles --- */
.mdsDialog.skunkDialog{
    background:#ccc;
    border:solid 1px;
    border-color:#aaa #ddd #999 #aaa;
}
.mdsDialog.skunkDialog .mdsPlayer{
    padding:10px;
    width:480px;
    height:390px;
}
.mdsDialog.skunkDialog .mdsTitleBar{
    background:#000;
    color:#c6901e;
    padding:3px;
    font-family:sans-serif;
    font-size:11px;
    font-weight:bold;
}
.mdsDialog.skunkDialog .mdsClose{
    position:absolute;
    right:3px;
    cursor:pointer;
    background-color:#000;
    color:#ccc;
    padding:0px 3px;
}
.mdsDialog.skunkDialog span.mdsClose:hover{
    color:#000;
    background-color:#fff;
}
/* --- END Comments Player Styles --- */
.shareLinks {
	margin-top:10px;
	clear:left;
}