/**************************************************************/
/* Universe v5 global stylesheet                              */
/**************************************************************/

@import url(/css/reset.css);
@import url(/css/typography.css);
@import url(/css/grid.css);

@import url(/css/home.css);
@import url(/css/discussions.css);
@import url(/css/favorites.css);
@import url(/css/goals.css);
@import url(/css/spotlight.css);
@import url(/css/place.css);
@import url(/css/my-profile.css);
@import url(/css/profile.css);
@import url(/css/browse.css);
@import url(/css/features.css);
@import url(/css/groups.css);
@import url(/css/community.css);
@import url(/css/events.css);
@import url(/css/finals.css);
@import url(/css/summer.css);


/**************************************************************/
/*	global classes 
/**************************************************************/

.block { display: block }
.left { float: left; }
.right { float: right; }

.clear { clear: both; }
.hidden { position: absolute; left: -99999px; }

.highlighter { text-align: center; color: #ccc; font-size: 2em; }
.warning { color: #c00; border: 1px solid #c00; padding: 10px; margin: 5px 0; text-align: center; }
.success { color: green; background-color: #ccffcc; border: 1px solid #99ff66; padding: 10px; margin: 5px 0; text-align: center; } 

/*.box { background-color: #ccc; border: 1px solid #666; }*/

p#processing {
	background: url(/images/dots-white.gif)  no-repeat 5px center;
	width: 30px;
	height: 30px;
	float: left;
}

a { color: #36c; outline: none;}
a:visited { color: #36c; }
a:hover { color: #fff; background-color: #36c; text-decoration: none;}

a.external { background: transparent url(/images/ico-external.png) center right no-repeat; padding-right: 13px; }

h4 a { text-decoration: none; }


/*
ul { padding-left: 15px; }
ol { padding-left: 35px; color: #3f3f3f;}
*/


/***************************************************************
	START basic elements
***************************************************************/

body { background: #252525 url(/images/default/default_bg_body.gif) center center repeat; }

div#header {
	color: white; 
	position: relative; 
	height: 58px; 
	width: 930px; 
	margin: 0 auto; 
	background: #000 url(/images/default/default_bg_header.gif) left top no-repeat; 
}

div#header h1 {
	left: 0; top: 0;
	position: absolute; 
	width: 695px;  
	height: 58px; 
	cursor:pointer;
	
}


div#header-nav { }

div#user-information { 
	color: #fff; 
	position: absolute;
	left: 660px;
	top: 0;
	width: 240px;
}
div#user-information a { color: #fff; font-weight: bold; }	

div#user-information div#messages {
	width: 60px;
	height: 52px;
	position: relative;
	float: left;

	color: #fff; 
	text-align: left; 
	line-height: 1;

}
	
div#user-information div#messages a { 
	display: block; 
	text-decoration: none;
	font-size: 30px;
	line-height: 52px;
	padding-left: 25px;
	vertical-align: center;
	background: transparent url(/images/profile/email.gif) 0 center no-repeat;
}

div#user-information { text-align: right; }

div#header-menu { padding-top: 8px; }

/***************************************************************
	navigation tabs
***************************************************************/

div#nav {
	height: 200px;
	width: 930px;
	margin: 0 auto;
	background: #000 /*nav background url goes here*/;
	overflow: hidden;
}
	
div#nav ul { 
	list-style: none; 
	margin: 170px 20px 0 20px;
	height: 30px;
	background: transparent url(/images/default/default_tabs.gif) left bottom repeat-x;
}

div#nav li { 
	float: left; 
	display: block; 
	text-align: center;
	width: 90px;
	height: 30px;
	font-size: .8em;
	text-transform: uppercase;
}

div#nav li a {
	display: block;
	width: 90px;
	margin-top: 4px;
	line-height: 26px;
	color: #fff;
	text-decoration: none;
	background: transparent url(/images/default/default_tab_border.gif) right top no-repeat;
}

/*div#nav li a:hover,*/
div#nav li a#active {
	background: #fff url(/images/default/default_tab_hover.gif) left top repeat-x;
	color: black;
	font-weight: bold;
	margin-top: 0;
	line-height: 29px;
	border: 1px solid #000;
	border-bottom: 0px solid #fff;
	width: 89px;
}


/* subnavigation */

div.sub-nav {
	height: 30px;
	background-color: #ccc;
	border-bottom: 1px solid #bfbfbf ;
	overflow: hidden;
	line-height: 30px;
	font-size: .9em;
	margin: -20px -20px 20px -20px;
}

div#ie6root div.sub-nav { margin: 0 0 20px 0;}

div.sub-nav a { color: #454545; text-decoration: none; }
div.sub-nav a:hover { background-color: transparent; text-decoration: underline;}

div.sub-nav ul { list-style: none; }

div.sub-nav li { display: inline; padding: 0 25px; border-right: 1px solid #454545;}
div.sub-nav li.first { padding-left: 0;}
div.sub-nav li.last { border-right: 0; padding-right: 0;}
div.sub-nav li.active a { font-weight: bold;}



/* top of the page */

div#container { 
	background-color: #fff; 
	width: 930px; 
	margin: 0 auto; 
	text-align: left; 
	position: relative;
}	
div#page-title { clear: both; padding-bottom: 1px;}

div#page-title h2 { border: none; width: 590px; float: left; line-height: 1;}

div#new-search { width: 290px; float: right; position: relative;}
div#new-search div.search-text{ 
	width: 256px; 
}

/* search box */
div#new-search div.search-text input {
	font-size: 10px;
	border: none;
	width: 250px;
	margin-top: 2px;
	padding: 5px 2px;
	border: 1px solid #999;
}

div.submit-button button { 
	border: none;
	width: 20px;
	height: 19px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	background: url(/images/new-magnifier.png) no-repeat; 
}
div.submit-button button span { display: none; }


div#new-search div.submit-button { 
	width: 30px; 
	position: absolute;
	left: 267px;
	top: 3px;
}


div#content { margin: 20px; width: 890px; background-color: #fff;}


div#footer { text-align: center; color: #999; }

div#footer a { color: #999; text-decoration: none;}
div#footer a:hover { text-decoration: underline; }

div#access-link { padding-top: 10px; }
div#access-link a { font-weight: bold; }

div.footer-nav-inner {
	width: 650px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
	text-align: center;
	line-height: 11px;
	vertical-align: center;
}

div#footer h5 {
  padding-right: 10px; 
	display: inline;
	vertical-align: center;
}

div#footer a:hover { background: transparent;}

div.footer-nav-inner ul { display: inline; }

div.footer-nav-inner li {
	display: inline;
	border-right: 1px solid #ddd;
	padding: 0 7px;
	margin-top: 0;
	line-height: 11px;
	vertical-align: center;
	list-style: none;
}

div.footer-nav-inner li.last { border-right: none; }




/**************************************************************
	blocks
**************************************************************/

.module-block { border-bottom: 1px solid #ccc; }
.two-column { margin-bottom: 10px; padding-bottom: 10px;}
.four-column { margin-bottom: 15px; padding-bottom: 15px; }

/***************************************************************
	thumbnail images
***************************************************************/

.photosmall {
	height: 64px;
	width: 64px;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	background-position: center center ! important;
	background-repeat: no-repeat;
	background-color: #fff;
	}

/*.photosmall:hover {border: 1px solid #900;}*/

.photosmall a { 
	display: block; 
	height: 58px; 
	width: 58px; 
	border: 3px solid #fff; 
	}

.photosmall a:hover { background-color: transparent;}

.photoxsmall {
	display: block;
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	background-position: center center ! important;
	background-repeat: no-repeat ! important;
	background-color: #fff;
}

.photoxsmall.last { margin-right: 0 ! important; }

.photoxsmall a {
	display: block; 
	height: 0px;
	padding-top: 32px; 
	font-size: 1px;
	overflow: hidden;
	width: 32px; 
	border: 2px solid #fff; 
	background-color: transparent;
	background-repeat: no-repeat;
}

.photoxsmall a:hover { background: none ! important;}

.photo45 {
	width: 45px;
	height: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	background-color: #fff;
}

.photo45 a {
	display: block;
	height: 0;
	padding-top: 45px;
	font-size: 1px;
	width: 45px;
	overflow: hidden;
	background-color: transparent;
}

.photo45 a:hover { background: none ! important;}

.photo65 {
	display: block;
	width: 63px;
	height: 63px;
	border: 1px solid #ccc;
	background-position: center center ! important;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #fff;
}

.photo65.last { margin-right: 0;}

.photo65 a {
	display: block; 
	height: 0px;
	padding-top: 59px; 
	/*font-size: 1px;*/
	overflow: hidden;
	width: 59px; 
	border: 2px solid #fff; 
	background-color: transparent;
}

.photo65 a.no-hide { height: 59px; padding-top: 0; text-decoration: none;}

.photo65 a:hover { background: none ! important;}

.photo68 {
	width: 68px;
	height: 68px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	background-color: #fff;
}

.photo68 a {
	display: block;
	height: 0;
	padding-top: 68px;
	font-size: 1px;
	width: 68px;
	overflow: hidden;
	background-color: transparent;
}

.photo68 a:hover { background: none ! important;}

.photo140 {
	display: block;
	width: 138px;
	height: 138px;
	border: 1px solid #ccc;
	background-position: center center ! important;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #fff;
}

.photo140.last { margin-right: 0;}

.photo140 a {
	display: block; 
	height: 0px;
	padding-top: 134px; 
	font-size: 1px;
	overflow: hidden;
	width: 134px; 
	border: 2px solid #fff; 
	background-color: transparent;
}

.photo140 a:hover { background: none ! important;}

span.nopic { display: block; font-size: 0.9em; color: white; font-weight: bold; padding: 2px; text-decoration: none ! important; }

/***************************************************************
	board comments
***************************************************************/

div.board-comment-date { float: right; }
div.board-message div.photo45 { float: left; margin-right: 5px;}

div#board-div { margin-bottom: 20px; }

div.board-message { 
	padding: 10px; 
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

div#board-div textarea { 
	font-size: 12px;
	color: #666; 
	font-family: Arial,Helvetica,sans-serif;
	border: none;
	background-color: #f3f3f3;
	border: 1px solid #ccc; 
	
}

/***************************************************************
	top toolbar
***************************************************************/

div.top-toolbar {
	background-color: #efefef; 
	border: 1px solid #ccc;
	padding: 10px;
}

div.top-toolbar p { margin: 0; padding: 0;}


/***************************************************************
	page navigator
***************************************************************/

div.page-navigator { 
	text-align: center; 
	line-height: 14px; 
	font-size: .9em; 
	font-weight: bold; 
	padding: 10px 0;
}

div.page-navigator ul { 
	list-style:none; 
	padding: 10px 0 ! important; 
	margin: 0 ! important;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.page-navigator li { display: inline; padding: 0 7px;}
div.page-navigator li.active a { color: #000; text-decoration: none; background-color: transparent; }
div.page-navigator li.prev-arrow { background: transparent url(/images/icons/arrow_left.gif) center center no-repeat;}
div.page-navigator li.next-arrow { background: transparent url(/images/icons/arrow_right.gif) center center no-repeat;}

div.page-navigator li.prev-arrow a { font-size: 1px; text-align: right; color: #fff; padding: 14px 12px 0 0; background-color: transparent; }
div.page-navigator li.next-arrow a { font-size: 1px; text-align: left; color: #fff; padding: 14px 12px 0 0; background-color: transparent;}

/***************************************************************
	filter
***************************************************************/

div#filter h4 { margin-bottom: 10px;}
div#filter ul { list-style: none; margin-left: 0; padding-left: 0; }
div#filter li { 
	height: 20px; 
	line-height: 20px;
	padding-left: 20px; 
	margin-bottom: 5px;
	/*background: transparent url(/images/ico_article2.gif) left center no-repeat;*/
}

div#filter li.active { background: #36c url(/images/bg_goals_filter.gif) left top no-repeat; }
div#filter ul#left-filter li.active { background: #36c url(/images/bg_left_filter.gif) right top no-repeat;}
div#filter li.active a { color: #fff; font-weight: bold; text-decoration: none; background: transparent; }




/***************************************************************
	search page
***************************************************************/

div.search-item {padding-bottom: 20px;}


/***************************************************************
	MISC (Matt's temporary)
***************************************************************/
/*
#featured-article {
	margin-right: 10px;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

#featured-article h2 {
	border-bottom: none;
	}

#featured-article h3 {
	font-size: 16px;
	text-transform: none;
	padding: 10px 0 0 0;
	}

#featured-article h4 {
	font-size: 14px;
	color: #a7a5a5;
	}

#featured-article p {
	line-height: 18px;
	padding: 0 0 18px 0;
	}

#featured-article ul {list-style: none;}
#featured-article ul li {background: transparent url(/images/ico_article2.gif) 0px 4px no-repeat; padding-left: 20px; margin-bottom: 10px; }

#featured-article table {
	border-collapse: collapse;
	border: 1px solid #efefef;
	cellpadding: 0;
	}

#featured-article table td {
	padding: 5px;
	}

#featured-article .article-intro p {
	font-size: 14px;
	color: #777;
	}	
*/
#featured-article .article-meta {
	width: 280px;
	float: right; 
	margin: 0 0 10px 10px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px 0;
	}

#featured-article .article-meta ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	}

#featured-article .article-meta li {
	background-image: none;
	padding-left: 0;
	margin-bottom: 5px;
	font-size: .85em;
	}

#featured-article .article-meta li.rating {
	font-weight: bold;
	background-image: none;
	}

#featured-article .article-meta ul li.discuss {
	background: url(/images/icons/discuss.gif) no-repeat top left !important;
	padding-left: 25px;	
	}
	
	#featured-article .article-meta-new ul li.discuss {
		background: url(/images/icons/discuss.gif) no-repeat center left !important;
		}

#featured-article .article-meta ul li.print {
	background: url(/images/icons/print.gif) no-repeat top left !important;
	padding-left: 25px;	
	}
	
	#featured-article .article-meta-new ul li.print {
		background: url(/images/icons/print.gif) no-repeat center left !important;	
		}
/*
.image-ad {
	margin-bottom: 10px;
	display: block;
	}

div.scroll {
	width: 100%;
	background-color: #eee;
	padding: 0 10px;
	color: #999;
	clear: both;
	position: relative;
	display: block;
	height: 25px;
	line-height: 25px;
	margin: 0 auto 20px auto;
	padding: 0;
}

div.scroll a {
	background-color: #ddd;
	color: #999;
	text-align: center;
	width: 100px;
	font-size: 0.9em;
	border-left: 1px dotted #ccc;
	text-decoration: none;
}

div.scroll a:hover {
	color: white;
	background-color: #999;
	text-decoration: none;
}

div.scroll span.showing {
	position: absolute;
	left: 120px;
	top: 0;
}

div.scroll span.padded {
	position: absolute;
	left: 10px;
	top: 0;
}

div.scroll a.previous {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 25px;
}

div.scroll a.next {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 25px;
}

a.user {
	font-size: 1.6em;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.03em;
}

a.peer-name {
	font-size: 1.1em;
	font-family: arial;
	text-decoration: none;
	letter-spacing: -0.02em;
	color: black;
}

div.browse-upeer {
	height: 100px;
	width: 100px;
	display: block;
}

.tooltip {
	position: absolute;
	display: none;
	background-color: #efefef;
	z-index: 1000;
	}

/* browse navigation */

div#msg-nav {
	width: 100%;
	border-bottom: 1px solid #ddd;
	height: 34px;
}

div#msg-nav h2 {
	width: 300px;
	border-bottom: none;
	float: left;
}

div#msg-nav ul {
	float: left;
	border-bottom: none;
	list-style: none;
	margin: 0.5em 0 0 0;
	padding: 2px 0 0 1em;
}

div#msg-nav ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0 0 0;
	border: 1px solid #ddd;
	border-bottom: 0;
	background: #ddd;
	
}

div#msg-nav ul li a {
	display: block;
	float: left;
	padding: 5px 11px 5px 16px;
	text-align: center;
	white-space: nowrap;
	color: #999;
	font-size: 0.9em;
	text-decoration: none;
}

div#msg-nav ul li.header {
	font-weight: bold;
	padding-top: 5px;
	background-color: transparent;
	border: 0;
	text-align: center;
}

div#msg-nav ul li.active {
	border-bottom: 1px solid #fff;
	background: #fff;
}

div#msg-nav ul li.active a {
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	padding: 5px 11px 5px 16px;
}

a.tag {
	text-decoration: none;
	padding: 5px;
}

a.tag:hover {
	background: #b50d00;;
	padding: 5px;
	color: white;
}

blockquote {
	background: url(/images/blockquote.gif) no-repeat 0 10px;
	font-size: 12px;
	color: #333;
	padding: 15px 20px;
}

.haveyoumet {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 2px;
	float: left;
	}

.haveyoumet:hover {
	background-color: #67679b;
	border: 1px solid #3f3f3f;
	}

ul#numbers {
	padding-left: 0;
	}

li#one, li#two, li#three, li#four {
	background: url(/images/number1.gif) no-repeat top left;
	padding-left: 35px;
	padding-bottom: 10px;
	}

li#two {
	background: url(/images/number2.gif) no-repeat top left;
	}

li#three {
	background: url(/images/number3.gif) no-repeat top left;
	}	

li#four {
	background: url(/images/number4.gif) no-repeat top left;
	}	

ul#pagetypes {
	padding-left: 0;
	}

ul#pagetypes li {
	background-image: none;
	float: left; 
	width: 129px; 
	font-size: 9px;
	margin: 0 5px;
	padding: 5px 5px 0 5px;
	border: 1px solid white;
	}

ul#pagetypes li:hover {
	border: 1px solid #ccc;
	background-color: #efefef;
	}

ul#pagetypes li img {
	float: right;
	margin: 0 0 4px 4px;
	border: 1px solid white;
	}

ul#pagetypes li:hover img {
	border: 1px solid #ccc;
	}

ul.popularlist {
	margin-left: 0;
	padding-left: 0;
	}

li.popular {
	padding: 10px 0; 
	border-bottom: 1px solid #efefef;
	border-top: 1px solid white;
	clear: right;
	margin-left: 0;
	}

li.popular:hover {
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

a.other-image-thumbnail {
	border: 1px solid #ccc;
	padding: 2px;
	display: block;
	}

a.other-image-thumbnail:hover {
	border: 3px solid #900;
	padding: 0;
	}







table#message-center tr {
	
}	

table#message-center td {
	padding: 8px 0;
	border-bottom: 1px dotted #ededed;
}	

table#message-center td a {
	font-size: 1.3em
}	

div#messagecenter_settings {
	border-top: 1px solid #ddd;
	padding-top: 8px;
	margin-top: 40px;
}

div#messagecenter_settings h3 {
	padding-top: 0;
	margin-top: 0;
}

select#send_to, select#send_to option {
	font-size: 16px;
	padding: 0 2px;
}

.dialog {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}

.admin-options {
	background-color: #fcc;
	color: #c00;
	border: 1px solid #c00;
	padding: 10px;
	margin: 10px 0px 30px 0;
}



#article-caption {
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
	}

#article-caption img {
	border: 1px solid #ccc;
	padding: 3px;
	}

.advertisement {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	}

.advertisement h4, .advertisement p {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0;
	}



/***************************************************************
	LINKS
***************************************************************/

div.link {
	clear: both;
	}

div.link h3 {
	margin: 0;
	padding: 0;
	text-transform: none;
	}

div.link h3 a {
	}

.votes { 
	float: left; 
	text-align: center; 
	width: 65px;
	margin-right: 10px;
	text-transform: uppercase;
	}


.votes h4 {
	height: 50px;
	background: #eee url(/images/icons/heart-icon.gif;) top left no-repeat;
	border: 1px solid #cdcdcd;
	padding-top: 10px;
	text-transform: none;
	}

a.vote-link { 
	background: transparent url(/images/icons/heart-icon.gif) top left no-repeat;
	height: 16px;
	padding-left: 16px;
	display: block;
	margin-top: 4px;
	text-transform: uppercase;
}

.votes h4 span {
	font-size: 10px;
	line-height: 
}

.links-number {
	font-size: 2em;
	clear: both;
}

.link-info {
	float: right;
	width: 500px;
	margin-bottom: 20px;
	}

.linkmeta img {
	float: left;
	margin: 2px 10px 0 0;
	}

.linkmeta p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	}

#submit-link {
	background-color: #eceaff;
	border: 1px solid #cdcdcd;
	margin-top: 20px;
	padding: 10px;
	}

#submit-link h3 {
	margin: 0;
	padding: 0;
	}

#submit-link p {
	padding: 2px 0;
	}

#livelinks {
	height: 300px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #cdcdcd;
	margin-top: 20px;
	}

#livelinks .link { border-top: 1px solid #ccc; padding-top: 10px;}
	
	
#livelinks h3 {
	margin: 0;
	padding: 0 0 10px 0;
	}

#livelinks .votes { margin-bottom: 10px; }
	
	
#livelinks .link-info {
	float: right;
	width: 170px;
	margin-bottom: 10px;
	}

#livelinks .link-info h3 a {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5em;
	}

#livelinks .link-info p {
	padding: 0;
	}


	

/***************************************************************
	START features page
***************************************************************/

div.content-header.features { height: 53px; }
div.content-header.features h1 { display: none; }

div.search-box { 
	width: 580px;
	height: 47px;
	overflow: hidden;
	background: transparent url(/images/bg_search.gif) top left no-repeat;
}


div.search-copy {
	padding-top: 13px;
	line-height: 1;
	width: 150px;
	float: left;
}

div.content div.search-copy p { padding: 0 0 0 10px; }

div.search-form {
	width: 385px;
	float: left;
	padding-top: 10px;
}

div.search-form input {
	height: 23px;
	width: 363px;
	border: 1px solid #8b0204;
}

div.search-button {
	width: 20px;
	float: left;
	padding-top: 10px;
}

div.search-button a {
	display: block;
	width: 20px;
	padding-top: 27px;
	height: 0;
	font-size: 0;
	background: transparent url(/images/btn_search.jpg) 0 0 no-repeat;
}

div.global-article-categories { padding: 20px 0; }

div.content div.global-article-categories ul { padding: 0; margin: 0; }

div.global-article-categories ul { list-style: none;}
div.global-article-categories li { float: left; }
div.global-article-categories li a {
	display: block;
	width: 288px;
	padding-top: 150px;
	height: 0;
	font-size: 0;
	border: 1px solid #fff;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.global-article-categories li.cat-1 a { background-image: url(/images/category_1.jpg); }
div.global-article-categories li.cat-2 a { background-image: url(/images/category_2.jpg); }
div.global-article-categories li.cat-3 a { background-image: url(/images/category_3.jpg); }
div.global-article-categories li.cat-4 a { background-image: url(/images/category_4.jpg); }

div.tags {
	width: 580px;
	overflow: hidden;
	background: red url(/images/tagcloud.png) center left no-repeat;
}

div.tags-copy {
	color: #fff;
	font-weight: bold;
	padding: 8px;
	width: 90px;
	line-height: 1.41666666667;
	float: left;
}

div.tags-content {
	width: 450px;
	float: right;
	padding-top: 5px;
}

div.tags-content a { color: #fff; text-decoration: none;}
div.tags-content a:hover { text-decoration: underline; }
div.tags-content ul { list-style: none; }
div.tags-content li { display: inline; padding-right: 10px; }

div.more-content { 	padding-top: 20px; }

div.ads {
	width: 290px;
	float: left;
	overflow: hidden;
}

div.most-popular-content {
	width: 280px;
	float: right;
	overflow: hidden;
}

div.most-popular-content h4 { font-size: 1em; }
div.most-popular-content ul { 
	list-style: none; 
	padding: 15px 0; 
	margin: 0; 
	line-height: 1;
}

ul.content-list { list-style: none; margin: 0; line-height: 1; }
ul.content-list li { padding: 6px 0 6px 20px; position: relative;}

ul.content-list li.article { background: transparent url(/images/ico_article2.gif) left center no-repeat; }
ul.content-list li.video { background: transparent url(/images/ico_video.gif) left center no-repeat; }
ul.content-list li.interactive { background: transparent url(/images/ico_interactive.gif) left center no-repeat; }
ul.content-list li.highlight { font-weight: bold; }
ul.content-list li.read { background: transparent url(/images/ico_read.gif) left center no-repeat; }
ul.content-list li.read a { color: #838383; }

div.the-course-wrapper {
	background: transparent url(/images/hdr_the_course.gif) top left no-repeat;
	padding: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div.the-course-wrapper.parents { background-image: url(/images/hdr_picsfyre_guide.gif);}

div.the-course-wrapper h3, div.the-course-wrapper h4 { display: none; }

div.the-course-wrapper ul { padding-top: 75px; }


fieldset.multiple-choice-fieldset {
	border: none;
}

div#survey-div { text-align: left; }

div#survey-div h3 {
	display: block;
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

div#survey-div p {
	font-size: 1em;
	margin-bottom: 10px;
}

div#survey-div div.label {
	font-size: 1.1em;
	margin-bottom: 15px;
}

div#exit-button { }

div#exit-button a {
	float: right;
	height: 0;
	padding-top: 13px;
	width: 34px;
	overflow: hidden;
	color: #fff;
	background: transparent url(/images/btn_exit.gif) top left no-repeat;
}
 





/**************************************************************/
/* upeers community stylesheet                                */
/**************************************************************/

div#left-column-long { border-right: none; }


div#pages-nav { padding-bottom: 10px; }
div#pages-nav ul { list-style: none; margin: 0; padding: 0; clear: left;}
div#pages-nav a { font-weight: bold; }
div#pages-nav li { 
	display: inline; 
	padding: 0 5px; 
	border-left: 2px solid #000; 
}

div#pages-nav li#nav_first { padding-left: 0; border-left: none; }


div.popular-pages-wrapper { padding: 25px 0; border-bottom: 1px solid #ccc;}
div.popular-pages-header { padding-bottom: 0; }
div#content div.popular-pages-header h2 {
	display: block;
	width: 565px;
	height: 72px;
	margin: 0;
	border: none;
	overflow: hidden;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
	float: none;
}

div#content div.popular-pages-header h2 a {
	display: block;
	width: 565px;
	height: 0;
	padding-top: 72px;
	font-size: 1px;
	overflow: hidden;
	background-color: transparent;
}

div#content div.popular-pages-header h3 { display: none; }	
div#events h2 { background-image: url(/images/hdr_popular_events.jpg); }
div#places h2 { background-image: url(/images/hdr_popular_places.jpg); }
div#clubs h2 { background-image: url(/images/hdr_popular_clubs.jpg); }
div#marketplace h2 { background-image: url(/images/hdr_popular_marketplace.jpg); }

/* popular page class */

div#content div.popular-page p { padding: 0; }
div.popular-page { width: 565px; overflow: hidden; padding-top: 25px; }
div.page-thumbnail { 
	width: 49px; 
	height: 49px; 
	background-position: center center;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 0 15px;
	overflow: hidden;
}

div.page-content { width: 475px; float: right; overflow: hidden; }
div.page-content h4 a { 
	display: block; 
	color: #000; 
	text-decoration: none; 
	padding-bottom: 5px; 
}

div#popular-pages div.page-content h4 a:hover { 
	background-color: transparent; 
	text-decoration: underline; 
	color: #000;
}

div.user-image {height: 25px; width: 25px; float: left; margin-right: 5px;}

div#popular-pages div.page-content p.rating {
	height: 16px;
	background-position: 100px 0;
	background-repeat: no-repeat;
	background-color: transparent;
}

div#popular-pages div.page-content p.fourfive { background-image: url(/images/45stars.gif); }

/* right column */
div.article {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 12px 0px 12px 23px;
	background: transparent url(/images/ico_article.gif) 0 12px no-repeat;
	margin-bottom: 10px;
}

/* your pages */
div#your-pages { 
	background-color: #000;
	padding: 10px;
	color: #fff ! important;
	margin-bottom: 30px; 
}

div#your-pages li { color: #fff ! important; }

div#your-pages h4 { float: left; }
div#your-pages div.newpage { float: right; }

div#your-pages a { color: #fff; }

div#your-pages ul { 
	clear: both; 
	padding: 10px 0 0 0; 
	margin: 0; 
	list-style: none; 
}

div#your-pages li { 
	padding: 5px 0 5px 20px;
	background: transparent url(/images/ico_black_arrow.gif) 0 center no-repeat;
}

/* new pages */

div#new-pages { padding-top: 30px; }
div#new-pages h4 { 
	padding-left: 30px; 
	margin-bottom: 20px;
	background: transparent url(/images/ico_community.gif) left center no-repeat;
}

div#new-pages p { padding-top: 0; }
div.page-display-small { padding-bottom: 20px; }
div.page-small-thumbnail { 
	width: 49px; 
	height: 49px; 
	float: left; 
	margin-right: 10px;
}

div#live-alert {
  width: 890px; height: 140px;
  }

div#live-alert a:link, div#live-alert a:hover{
  background: none;
  color: transparent;
}

/***************************************************************
	start article tage page
***************************************************************/

div.article-tag { padding-top: 25px; }
div.article-tag-left-column { width: 165px; float: left; }
div.article-tag-right-column { width: 725px; float: right; }

/***************************************************************
	start setup-1
***************************************************************/

div#setup-1.form table td { padding-left: 5px; }

/**************************************************************
	start ask page
**************************************************************/

div#ask-form-wrapper td { padding-left: 5px; vertical-align: top;}
div#ask-form-wrapper div#div-field-method label { margin-right: 15px; }

/***************************************************************
	start page template
***************************************************************/

div#board-button-div { padding-bottom: 30px; }



/**************************************************************
	new eyop stuff
**************************************************************/


	
div.quicktip {
	background-color: #efefef;
	border:1px solid #ccc;
	text-align: center;
	padding: 15px 0;
	/*clear: both;*/
	margin-bottom: 15px;
	/*float: left;
	width: 890px;*/ 
}

div.quicktip p { 
	display: inline;
	padding: 0 20px; 
	margin: 0 ! important;
	background: transparent url(/images/icons/icon_alert.gif) left top no-repeat;
}

div.quicktip p strong {text-transform: uppercase;}

div.quicktip span p { padding-left: 0; background: none !important; }

/***************************************************************
	manage page
***************************************************************/

div#manage-page-form textarea { width: 650px; }



/***************************************************************
	index page survey lightbox
***************************************************************/

div#survey-div div.form-section div.label { 
	display: block; 
	width: auto;
	float: none;
	padding: 0;
}

div#survey-div div.form-section div.field { float: none; padding: 0;}


div#survey-div div.form-section div.label label {
	font-size: 1.4em;
	font-weight: bold;
}

div#survey-div div {  }

div#survey-div div#div-label-action { height: 0; }



/*random stufffs*/

/*
div#user-toolbar { background-color: #3f3f3f; width: 900px;  margin: 0 auto; padding: 10px 0; text-align: center; font-size: 10px; } /* #C4D4E7 for ithaca, #ccf for drew */

/*
div#upeers-little-nav { width: 90px; float: left; border-right: 1px dotted #fff; padding-right: 15px; margin-right: 15px; }
div#upeers-little-nav ul { list-style: none; margin-left: 0; }

/***************************************************************
	deprecated!!!!!!!!!!!
***************************************************************/
/*
div#middle-column, .middle-column { position: relative; left: 10px; right: 10px; width: 440px; overflow: hidden;  }
div#left-column, .left-column { width: 215px; position: relative; overflow: hidden; float: left; }
div#right-column { width: 215px; position: relative; overflow: hidden; float: right; }


div#left-column-2 { width: 48%; float: left; }
div#right-column-2 { width: 48%; float: right; }


div#left-column-long, .left-column-long { width: 590px; float: left; border-right: 1px solid #ddd; }
div#right-column-short, .right-column-short { width: 290px; float: right; }

/* right column text format */
div#right-column-short ol, div#right-column-short ul { padding-top: 10px; padding-bottom: 10px; }
div#right-column-short div.the-course-wrapper ul { padding-top: 70px ! important; }

div#right-column-short h3 { font-size: 16px; text-transform: none; }
div#right-column-short h4 { font-size: 14px; }

div#right-column-short div.content-box h3 { font-size: 12px ! important; }

/* general column layout */
div.content-box {
	margin-bottom: 25px;
	padding-top: 10px;
}
	div.content-box.border { border: 1px solid #e3e3e3; padding: 10px;}
	div.content-box h3 {
		/*display: block;
		font-size: 12px;
		line-height:12px;*/
	}
	div.content-box.border h3 { border-bottom: 1px solid #e3e3e3; position: relative;}
	div.content-box h3 a { font-weight: normal; font-weight: bold; text-decoration: none}
	div.content-box h4 { font-size: 11px; }
	div.content-box ul { list-style: none; padding-bottom: 10px;}
	div.content-box p { line-height: 20px; }
	
	div#photos { margin-bottom: 10px; }
	
#interest-search {
	background: #efefef;
	margin: 15px 0;
	padding: 10px 100px;
	border: 1px solid #999;
	}

#interest-input {
	width: 520px; margin-right: 20px;
	}
	
/***************************************************************
	WHO VIEWED MY PROFILE
***************************************************************/

table#my-profile-views tr td {
	padding: 10px 5px;
}