/*

UMBRELLA
Core Stylesheet
Version 0.0.1

*/


/* import component stylesheets */
@import "u.social.css";
@import "u.module.css";
@import "u.form.css";
@import "u.user.css";
@import "u.profile.css";
/*@import "u.response.css";*/
@import "u.signup.css";

/*
	
*/

a.tooltip span {
	display:none;
}
a.tooltip:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration:none;
}
a.tooltip:hover span {
	display:block;
	position:absolute;
	top:18px;
	left:0px;
	padding:5px 10px;
	width:380px;
}

/*
	grid structure
	(remember to set a height on the items within the grid)
*/

ul.grid-2,
ul.grid-3, 
ul.grid-4, 
ul.grid-5, 
ul.grid-6, 
ul.grid-7, 
ul.grid-8 {
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.grid-2 li,
ul.grid-3 li,
ul.grid-4 li, 
ul.grid-5 li, 
ul.grid-6 li, 
ul.grid-7 li, 
ul.grid-8 li  {
	display:block;
	float:left;
	margin:0 0 1em 0;
	padding:0;
}

ul.grid-2 li {
	width:49.99%;
}

ul.grid-3 li {
	width:32.99%;
}

ul.grid-4 li {
	width:24.99%;
}

ul.grid-5 li {
	width:19.99%;
}

ul.grid-6 li {
	width:16.66%;
}

ul.grid-7 li {
	width:14.27%;
}

ul.grid-8 li {
	width:12.4%;
}

/*
	photo structure
*/

div.photo-xlarge,
div.photo-large {
	text-align:center;
	margin:0 0 1em 0;
}

/*
	thumb structure
*/

ul li.thumb-medium dt a {
	width:240px;
	height:240px;
}

ul li.thumb-small dt a {
	width:160px;
	height:160px;
}

ul li.thumb-xsmall dt a {
	width:120px;
	height:120px;
}

ul.thumb-list li {}

ul.thumb-list li dl {
	display:block;
	float:left;
}

ul.thumb-list li dl dt,
ul.thumb-list li dl dd {
	display:block;
	float:left;
}

ul.thumb-list li dl dd {
	padding:16px 0 0 0;
}

/* you can use a thumb grid for a single column too! */
ul.thumb-grid li {
	overflow:hidden;
}

/* grid items must define a height */
ul.thumb-grid li.thumb-medium {
	height:340px;
}

ul.thumb-grid li.thumb-small {
	height:240px;
}

ul.thumb-grid li.thumb-xsmall {
	height:200px;
}

ul.thumb-grid li dl {
	display:block;
	margin:0 8px 0 0;
	padding:.5em;
}

ul.thumb-grid li dl dt,
ul.thumb-grid li dl dd {
	margin:0;
	padding:0;
}

ul.thumb-grid li dt a {
	display:block;
	padding:.5em;
	text-align:center;
}

ul.thumb-list li dt a,
ul.thumb-list li dt a {
	display:block;
	padding:.5em;
	text-align:center;
}

/*

external embeds

*/

div.video-player {
	margin:0 0 1em 0;
	text-align:center;
}

div.youtube-video {
	padding:24px 4px;
	width:500px;
}

div.flash-upgrade {
}


/*
	tab structure
*/

ul.tabs {
	margin:0;
	padding:0 0 0 16px;
}

ul.tabs li {
	display:block;
	float:left;
	margin:0 8px 0 0;
}


ul.tabs li a {
	display:block;
}

ul.tabs li span {
	display:block;
	padding:0 8px;
}

/* clearfix */
ul.tabs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.tabs {
	display: inline-block;
}

* html ul.tabs {
	height: 1%;
}

ul.tabs {
	display: block;
}
/* end clearfix */


/*
	path structure
*/

ul.path {
	margin:0;
	padding:0;
}

ul.path li {
	display:block;
	float:left;
	margin:0;
}

ul.path li a {
	display:block;
	text-decoration:none;
}

ul.path li span {
	display:block;
	padding:0 4px 0 4px;
}

ul.path li a span {
	padding:0 4px 0 4px;
}

/*
	pagination structure
*/

ul.pagination {
	margin:0;
	padding:0;
}

ul.pagination li {
	display:block;
	float:left;
	margin:0 4px 4px 0;
	padding:0
}

ul.pagination li a {
	display:block;
	text-decoration:none;
}

ul.pagination li span {
	display:block;
	padding:0 6px;
}

ul.pagination li a span {
}

/* clearfix */
ul.pagination:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul.pagination {
	display: inline-block;
}

* html ul.pagination {
	height: 1%;
}

ul.pagination {
	display: block;
}
/* end clearfix */


/* safety for UGC */
div.ugc-wrapper {
	overflow:hidden;
	width:99.9%;
}

div.ugc-wrapper a {
	text-decoration:underline
}

/* reset styles for UGC nested ULs */
div.ugc-wrapper ul {
	list-style-type:square;
	padding:0;
	border:0;
	margin:0 1.5em 1.5em 1.5em;
	background-color:transparent;
	background-image:none;
}

div.ugc-wrapper ul li {
	display:list-item;
	padding:0;
	margin:0;
	border:0;
	background-color:transparent;
	background-image:none;
}

/*

task bar

*/

#task-notice {}

#task-notice div.module {
	margin:0;
}

#task-notice div.module-main {
	height:200px;
}

#task-notice h3 {
	margin:2.5em 0 0 0;
	line-height:1.5em;
}

#task-notice a {
	text-decoration:underline;
}

#task-notice-arrow {
	height: 800px;
	background-position: 200px 0;
	background-repeat: no-repeat;
}