/* --------- /plugin_assets/project1/stylesheets/default.css --------- */ 
body { color: #333; font-family:Helvetica; font-size:12px; padding:0; margin:0;}
p {padding-bottom:1em;}
img {border:0;}
span.controls a, div.admin-controls a {border:0;}
input, select, textarea { border: 1px solid #ccc; background-color:#eee; margin:1em 0 2em 0; padding: 0.25em; }
div.component-settings input, form.inplaceeditor-form textarea, form.inplaceeditor-form input { padding:0; margin:0;}

fieldset { margin: 0 0 1em 0; padding: 0.5em; border: #ccc 1px solid; }
fieldset legend { font-weight: bold; padding:0.5em;	border: #ccc 1px solid; }

table { width:100%;}
table tr td { vertical-align:top; padding: 6px;}
table tr th { border-bottom :1px solid #ccc; text-align:left;padding:6px;}

.errorExplanation h2, .errorExplanation ul li, .errorExplanation h1, .errorExplanation p { color: red;}
/*div.galleryimages img {padding:0 10px 10px 0}*/

div.galleryimages div.draggable {float:left;}

#admin-nav {background-color:#666; height:20px; padding-top:5px;}
#admin-nav ul {float:right; height:20px; margin:0;}
#admin-nav ul li {display:inline; margin:0px 20px 0 0px;}
#admin-nav ul li a { color: #fff;}
#admin-nav ul li a:hover { text-decoration:underline;}

#flash { width:100%; background-color: #ccc; position:absolute; z-index:9; height:20px; padding-top:10px;}
#flash p {color: #333; font-weight: bold; padding-left:20px; }

#google-map { width:400px; height:400px}

td.setting_name { width:30%;}
td.setting_value { width:60%;}
td.setting_actions { width:10%; text-align:right;}
div.settings_group { margin-bottom:20px; border:1px solid #ccc;}
div.settings_title { color:#fff; background-color:#999;padding-left:8px;}
div.settings_title a { color:#fff;}
div.loader {width:16px; height:16px; background-image: url(/images/ajax-loader.gif); margin: 4px;}

div.toggle_hider { padding-bottom:10px;}

#content {padding: 1em; }

ul.section li {list-style-type: square; margin: 0 0 0.5em 2em;}

#page-edit {clear:both; padding-top:20px;}

/*
overlay lightbox - taken from 
http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox
*/
.overlay{ 
    background-image: url(/plugin_assets/project1/images/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}
* html .overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(/plugin_assets/project1/stylesheets/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="../images/overlay.png", sizingMethod="scale");
}
.viewbox{
    background:#fff;
    padding:10px;
    border:2px solid #eee;
    text-align:left;
    font-weight:normal;
}
.closebox{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}
/* --------- /stylesheets/default.css --------- */ 
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

html {height:100%;}
body {
	margin:0;
	padding:0;
  	color:#000;
	font:11px verdana,arial,helvetica,sans-serif;
	background:#fff;
	min-width:1024px;
	min-height:100%;
	position:relative;
	}
* html body {height:100%;}
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {
	text-decoration:none;
	color:#000;
	}
a:hover {
	text-decoration:underline;
	color:#900;
	}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}

.logo {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	}
	
input.text,
input,
textarea,
select {font:100% arial,sans-serif;}
	
h1,h2,h3 {margin:0;}
p {margin:0 0 1em 0;}
ul {
	margin:0;
	padding:0;
	list-style:none;
	}
fieldset {
	margin:0;
	padding:0;
	}
	
#header {
	width:988px;
	height:100px;
	}
	
#middle {
	width:100%;
	padding:0 0 50px 0;
	}
#years,  #middle {padding:0;}
	
#footer {
	position:absolute;
	bottom:17px;
	left:0;
	padding:0 0 0 250px;
	font-size:9px;	
	}

#years #footer {
  	position:relative;
  	padding:20px 0 4px 158px;
  	font-size:9px;	
}
	
a.logo {
	float:left;
	margin:12px 0 0 20px;
	width:199px;
	height:73px;
	background:url(/images/logo.gif);
	}
	
#nav {
	float:right;
	padding:70px 0 0 0;
	}
#nav li {
	float:left;
	margin:0 0 0 62px;
	}
a.active {color:#900;}

.yellow {background:#ffc90a;}
.red {background:#C1272D;}
.green {background:#8FC73E;}
.brown {background:#966838;}
.color {background:#eee;}
.main-image-small, .main-image, #hero {
	width:100%;
  margin:0;
	height:330px;
	}
	#hero {
  	margin:0 0 20px 0;
	  background:url(/images/ajax-loader.gif) no-repeat 18px 18px #eee;
	}
#hero.bio {
  	margin:0 0 20px 0;
	  background:#eee;
	}
#imagearea {
  background:url(/images/ajax-loader2.gif) no-repeat 0 0;
  height:450px;
  width:600px;
}
.main-image-small {
	height:165px;
	position:relative;
}
.main-image-small .block {
	width:512px;
	position:relative;
}
.main-image .block {
	width:1024px;
	position:relative;
	}
.main-image-small .links a {padding:4px; }
.main-image-small .links{
 	position:absolute;
	bottom:70px;
	left:530px;
	background-color:#fff;
	padding:10px;
	border:1px #666 solid;
} 
.main-image .block a {
	position:absolute;
	bottom:8px;
	right:17px;
	font-size:10px;
	color:#fff;
	}
#hero.bio .main-image .block a {
  	top:8px;
}
.edit_asset {
  position:absolute;
  top:40px;
  right:10px;
  background:#fff;
}
.main-image .block .edit_asset a {color:#000;}
.imagedel {	position:relative; }
.imagedel a {	position:absolute; bottom:8px;
right:17px;
}

#content-container {
	width:1024px;
	overflow:hidden;
	}
	
#navigation,
.column {
	float:left;
	padding:0 20px;
	width:210px;
	min-height:1px;
	}
#column1 {width:100px;}
#column2 {width:240px;margin-top:5px;}
#column1 p {line-height:14px;}
#column1 h2 {
	font-size:11px;
	font-weight:normal;
	margin:0 0 0.5em 0;
	line-height:24px;
	}

  
#navigation {
	line-height:24px;	
	min-height:1px;
}

#content {
  padding:0;
	float:left;
	width:540px;
	}
#content div.text_block {line-height:24px;}
#content div.text_block a {color:#999;}

.imagewrapper{
	background-color:#eee;
	width:100%;
	margin:0 0 20px 0;
	height:120px;
  overflow:hidden;
}
.images {
/*  background:url(/images/ajax-loader.gif) no-repeat 18px 18px #eee;*/
	width:1000%;
	position:relative;
}
#imagelist,#imagelist2 {position:absolute;left:0;}
.images ul {
	background-color:#fff;
/*  width:1000%;*/
	}
.images ul li {
	float:left;
	margin:0 2px 0 0;
}
	
	
.paging {line-height:24px;margin:0 0 1em 0;}
img.heroloader {padding:18px;}

a.edithero { padding-right:20px;}

div.admincontrol { background-color:#eee; padding:10px; margin-top:20px;}
div.admincontrol h2 {font-size:12px; padding-bottom:4px;color:#900;}
div.admincontrol label {font-weight:bold;}

div.loader {background-image: url(/plugin_assets/project1/images/ajax-loader.gif);}
span.disabled {color:#999;}
div.draggable {float:left;padding:0 2px 2px 0;}

#browse-bio #contentblock {line-height: 20px; padding-bottom:40px;}