@charset "utf-8";

/* Colors:

	.sidebar a:link {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:visited {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:active {
		color:#00CCFF;
		text-decoration:underline;
		}
		
		.sidebar a:hover {
		color:#1269AA;
		text-decoration:underline;
		}
		
*/

/* Basic Tag Overrides */

*{
	border:0px;
	margin:0px;
	padding:0px;
	}

/* makes forms normal */
form{
	display:inline;
	position:relative;
	}

/* Common tags related to layout */

html,body{
	width:100%;
	height:100%;
	}

body{
	font-size:13px; /*set a pixel font size for all EMs to go by */
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;


/* Left sidebar bg */
	background-image:url(../graphics/background-sidebar.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	background-attachment:fixed;
	
	width:100%;
	}

/* COMMON BLOCKS - CLASSES for area formatting, IDs for unique elements */

/* Header: */

.header {
	width:100%;
	height:170px;
	top:0px;
	left:0px;
	position:absolute;	/*Makes me float yayrrr */
	z-index:5;	 /* 5 of 20 layers */
	min-width:770px;
	}

	/* Header Backgrounds */

	#404 {
		background-color:#bccee3;
		background-image:url(../graphics/frontpage/header-dove.png);
		background-repeat:no-repeat;
		background-position:left;
		}

	#frontpage {
		background-color:#bccee3;
		background-image:url(../graphics/frontpage/header-dove.png);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#aboutips {
		background-color:#daa114;
		background-image:url(../graphics/aboutips/header-wall.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
		
	#blog {
		background-color:#b7c9a4;
		background-image:url(../graphics/blog/header-blog.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}

	#projects {
		background-color:#b7c9a4;
		background-image:url(../graphics/projects/header-trees.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#events {
		background-color:#b8b5e6;
		background-image:url(../graphics/events/header-calendar.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#press {
		background-color:#F7F3FF;
		background-image:url(../graphics/press/header-notsilent.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#publications {
		background-color:#bccee3;
		background-image:url(../graphics/publications/header-books.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}
	
	#controlpanel {
		background-color:#d9e5b3;
		background-image:url(../graphics/controlpanel/header-gears.jpg);
		background-repeat:no-repeat;
		background-position:left;
		}

	.header img {
		padding:10px;
		}

	#searchbox {
		float:right;
		padding:10px;
		color:#FFFFFF;
		text-transform: uppercase;
		line-height:1.5em;
		text-align:center;
		font-size:.95em;
		}
	
		#searchbox-feild {
			display:inline;
			width:120px;
			font-size:.9em;
			color:#FFFFFF;
			background:none;
			background-image:url(../graphics/background-black-60.png);
			border:1px #FFFFFF solid;
			vertical-align:middle;
			margin-left:10px;
			padding:.5em;
			}

	/* Drop-down menu */

	#menubox {
		/*
border-top-color:#EEEEEE;
		border-top-width:1px;
		border-top-style:solid;
		border-left-color:#E0E0E0;
		border-left-style:solid;
		border-left-width:1px;
		border-right-color:#E0E0E0;
		border-right-style:solid;
		border-right-width:1px;
*/
		border-left:#CCCCCC 1px dotted;
		font-size: .95em;
		position:absolute;
		left:120px;
		right:34px;
		bottom:0px;
		z-index:10;	/*z-index 10 of 20 */
		background-image:url(../graphics/background-black-20.png);
		}
		
		/* remove the bullets, padding and margins from the lists */
		.menu ul{
			list-style-type:none;
			padding:0;
			margin:0;
			}
		
		/* make the top level links horizontal and position relative so that we can position the sub level */
		.menu li{
			float:left;
			position:relative;
			z-index:5;
			line-height:1.5em;
			}
			
		/* use the table to position the dropdown list */
		.menu table{
			position:absolute;
			border-collapse:collapse;
			z-index:6;
			top:1em;
			}
		
		.menu li span.topnolink {
			color:#FF9933;
			display:block;
	
			padding-top: .5em;
			padding-left:1em;
			padding-right:1em;
			padding-bottom:.4em;
			text-decoration:none;

			white-space:normal;
			border-right:#CCCCCC 1px dotted;
			background-image:url(../graphics/background-black-60.png);
			border-bottom:#000000 .1em solid;
			}
		
		.menu li.nolink {
			color:#FF9933;
			display:block;
			width:11em;
			padding-top: .5em;
			padding-left:1em;
			padding-right:1em;
			padding-bottom:.5em;
			text-decoration:none;
			white-space:normal;
			background-image:url(../graphics/background-black-70.png);
			}
			
	
		
		/* style all the links */
		.menu a, .menu :visited {
			display:block;
			padding-top: .5em;
			padding-left:1em;
			padding-right:1em;
			padding-bottom:.5em;
			text-decoration:none;
			white-space:normal;
			border-right:#CCCCCC 1px dotted;
			
			color:#FFFFFF;
			background-image:url(../graphics/background-black-70.png);
			}
			
		.menu li li a {
			border-right:none;
		}
		
		/* style the links hover */
		.menu a:hover{
			color:#62C0F9;
			}
		
		/* hide the sub level links */
		.menu ul ul {
			visibility:hidden;
			position:absolute;
			width:11em;
			height:0;
			}
			
			.menu ul ul a {
			width: 11em;
			
			}
			
		.menu ul ul.projectslist {
			visibility:hidden;
			position:absolute;
			height:0;
			}
			
		/* make the sub level visible on hover list or link */
		.menu ul li:hover ul,
		.menu ul a:hover ul{
			visibility:visible;
	
			}
	
			
			/* make the extra long projects list a bit wider */
			.menu ul li li.projectslist, .menu ul li li.projectslist a {
			width:17em;
			padding-left:1em;
			padding-right:1em;
			display:block;
			margin-left:-.5em;
			}
			
			.menu ul li ul li.nolink {
			margin-left:0;
			}

/* Warnings and Errors */

	#notice {
		float:right;
		position:relative;
		clear:right;
		right:0px;
		top:0px;
		margin-right:10px;
		color:#000000;
		border:#ff9900 1px solid;
		font-size:.8em;
		width:116px;
		padding:4px;
		background-image:url(../graphics/background-white-70.png);
		}
		
		#notice a, notice a:visited {
		color:#000000;
		}
		
		#notice img {
		border:0;
		margin:4px;
		padding:0;
		float:right;
		}
		
		#notice strong {
		color:#1269AA;
		}

/* Tooltip */

#tooltip{
	position:absolute;
	text-align:right;
	border:1px solid #333;
	background-image:url(../graphics/background-black-70.png);
	padding:2px 5px;
	display:none;
	size:.8em;
	color:#FFFFFF;
	z-index:20; /*highest z-index */
	}


/* All content below header */

#block-main {
	position:absolute;
	left:0;
	top:170px;
	width:100%;
	padding:0;
	min-width:770px;
	z-index:1;
	}
	
/* For small underneath shadows */
	
.shadow {
	margin:0;
	padding:0;
	width:100%;
	height:5px;
	display:block;
	}

/* Right Sidebar */

	.minibar {
	width:34px;
	right:0;
	top:0;
	position:absolute;
	text-align:center;
	z-index:2;
	}
			
		.minibar .icon {
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		border:0;
		}


/* Left Sidebar */

	.sidebar {
	width:120px;
	position:absolute;
	text-align:center;
	color:#666666;
	font-size:.8em;
	margin:0;
	padding-bottom:10px;
	}
	
		.sidebar a:link {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:visited {
		color:#666666;
		text-decoration:underline;
		}
		
		.sidebar a:active {
		color:#00CCFF;
		text-decoration:underline;
		}
		
		.sidebar a:hover {
		color:#1269AA;
		text-decoration:underline;
		}
	
		.sidebar #logo-text {
		padding:10px 0 0 0;
		margin:0 0 1em 0;
		}
		
		.sidebar p {
		padding:0;
		margin:0 10px 1em 10px;
		display:block;
		color:#666666;
		}
		
		.sidebar h1 {
		text-align:left;
		font-size:1em;
		font-weight:bold;
		letter-spacing:.2em;
		text-transform:uppercase;
		color:#848a8b;
		padding:0;
		margin:0 10px 1em 10px;
		}
		
		.sidebar ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
			.sidebar li {
			padding:0;
			margin:0 10px 1em 10px;
			color:#666666;
			list-style:none;
			text-align:left;
			}
	
		.sidebar hr {
		width:100px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-top: 1px solid #CCCCCC;
		color:#CCCCCC;
		height:1px;
		padding:0;
		margin:0 10px 1em 10px;
		}
		
		.sidebar .block {
		padding:0;
		margin:0 10px 1em 10px;
		}
		
			.sidebar .block p {
			padding:0;
			text-align:left;
			margin:0 0 1em 0;
			}
		
		.sidebar #uwsignup {
		padding:0;
		margin:0 10px 1em 10px;
		text-align:left;
		overflow:auto;
		}
		
			#uwsignup-field {
			font-size:.9em;
			color:#0082c8;
			background:none;
			background-image:url(../graphics/background-white-40.png);
			border:1px #999999 solid;
			padding:2px;
			width:94px;
			}

		#twitter{
		width:90px;
		background-color:#FFFFFF;
		border-left:#00CCFF solid 1px;
		border-right:#00CCFF solid 1px;
		border-bottom:#00CCFF solid 1px;
		border-top:#C9E0EB solid 1px;
		line-height:1.5em;
		text-align:center;
		padding:4px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-align:left;
		margin:0;
		padding-bottom:0;
		
		/* breaking text and covering all the bases */
		white-space:-moz-pre-wrap;
		white-space: normal;
		word-wrap: break-word;
		break-word: break-all;
		overflow:hidden;
		}
		
			#twitter ul, #twitter li {
			list-style:none;
			display:inline;
			margin:0;
			overflow:hidden;
			margin:0;
			padding:0;
			word-wrap: break-word;
			}


/* Main */

	.content-ainer {
	position: absolute;
	top: 0;
	left: 120px;
	padding:1.5em 54px 1.5em 1.5em; /* NOTE this should actually be 1.5em + 34px */
	min-width:596px; /* 770 - 120 - 54 */
	width:auto;
	height: auto;
	/* Right sidebar bg */
	background-image:url(../graphics/background-sidebar-right.jpg);
	background-repeat:repeat-y;
	background-position: right top;
	background-attachment:fixed;
	}
	
	.content {
	width:auto;
	display:block;
	position:relative;
	height: 100%;
	}
	

/* Bottom Content */

		.bottomcontent {
			border-top-style:solid;
			font-size:80%;
			line-height:150%;
			color:#999999;
			font-family:Arial, Helvetica, sans-serif;
			margin-top: 20px;
			padding-top: 10px;
			border-top-width: 1px;
			border-top-color: #CCCCCC;
			clear:both;
			}
	
			.bottomcontent a:link, a:visited {
				color:#999999;
				text-decoration:underline;
				}
			
			.bottomcontent a:active {
				color:#000000;
				text-decoration:underline;
				}
			
			.bottomcontent a:hover {
				color:#1269AA;
				text-decoration:underline;
				}

/* PAGE-SPECIFIC FEATURES */

/* Three Liquid Columns */


#threecol-head { 
	border:0;
	border-top:1px #CCCCCC solid;
	width:100%;
	}

#threecol-col1, #threecol-col2, #threecol-col3 {
	float:left;
	width:30%;
	
	clear:none;
	}
	

	
#threecol-col1, #threecol-col2 {
	/*border-right:1px #CCCCCC solid;*/
	}



#threecol-col1 p, #threecol-col2 p, #threecol-col3 p {
	/*padding-left:1.5em;
	padding-right:1em;*/
	margin-top:0;
	padding-right:1.5em;
	}

#threecol-foot {
	float: left;
	clear: both;
	width:100%;
	border:0;
	}

.box-footer {
	margin:0;
	}


/* Disquis Overrides */
#disqus_thread {padding-bottom: 1em; margin:1.5em 0;}

#dsq-authenticate, #dsq-form-area, #dsq-comments-title, .dsq-options {
background-color: transparent!important;
}

.dsq-login-buttons {background: transparent!important;}
.dsq-options {background: transparent!important;}
.dsq-dc-logo, .dsq-brlink {display: none!important;}


/* Democracy In Action Pages */

	.salsa { /* The whole form area */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#666666;
	}
	/*
	.salsa .errortext {
	color:#CC0000;
	}
	
	.salsa br {
	margin-bottom:1.5em;
	}
	
	.salsa input, .salsa select {
	margin-left:1.5em;
	border:#666666 1px solid;
	width: 50%;
	float:right;
	}
	
	.salsa radio {

	}*/