/* --------- /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(/plugin_assets/project1/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="/plugin_assets/project1/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;
}
div.media_bin_asset { display:inline; position:relative;}
div.media_bin_asset div.slide {left:0px; top:0px; position:absolute;}/* --------- /plugin_assets/project1/stylesheets/lightbox.css --------- */ 
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/plugin_assets/project1/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/plugin_assets/project1/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/plugin_assets/project1/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}/* --------- /stylesheets/default.css --------- */ 
html {height:100%;}
body {
	margin:0;
	padding:0;
	color:#000;
	font:11px verdana,arial,helvetica,sans-serif;
	background:#ffc;
}
* html body {height:100%;}
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {
	text-decoration:none;
	color:#000;
	}
a:hover {
	text-decoration:underline;
	color:#666;
	}
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;padding:0;}
p {margin:0 0 1em 0;}
ul {
	margin:0;
	padding:0;
	list-style:none;
	}
fieldset {
	margin:0;
	padding:0;
	}
	
a { border-bottom: 1px dotted; }
a:hover { text-decoration:none; color:#666;}


body {line-height:18px;height:100%;}

a.img {border:0;}
a.signup { border:0;}

#kickass-monitor {position:absolute;left:2300px;top:100px;overflow:hidden;}
#kickass-monitor span {width:260px; display:block;text-align:right; right:0px;}

#header { height: 100px; width:100%;}
#header h1 a.logo {float:left; margin:0;width:897px; height:100px; background:url(/images/logo.jpg); border:0;}
#wrapp {position:absolute;width:100%;min-height:100%;background:url(/images/bkg2.gif) repeat-y;}
#nav {width:128px;float:left; background-color:#ffffcc;}
#nav ul {background:url(/images/nav.jpg);}
#nav ul li { height:23px;margin-top:1px;padding-left:20px;padding-top:7px; border-bottom:1px solid #ffcc66;}
#nav ul li a {color:#fff; border:0;}
/*#nav ul li.on a, #nav ul li a:hover{color:#f00;}*/




#callout span {font-weight:bold;}
#callout {height:24px; width:718px; padding:8px 25px 0 25px; background:#ffffcc url(/images/horiz.gif) repeat-x 0px 31px;}
#callout .account {float:right;}
#content {width:769px; padding:0 0 0 129px; }

#column1 { padding:25px; width:338px; float:left;}
#column2 { padding:25px; width:330px; float:left;}
#column2full { padding:0; width:380px; float:left;}
img.hero {padding:10px 0 20px 0;}

.default {background:#ffffcc url(/images/horiz.gif) repeat-x bottom;width:728px; padding:20px; margin-left:129px;}

div.settings_group {border:0;}
h1 {font-size:16px;}
table, fieldset {border:1px #000 dotted;}

fieldset {padding:10px;}
/*.create-account { background-color:#eee;}*/

form { padding:10px;}
form select, form input, form textarea {padding:4px; margin:0; background-color:#ffcc66;border:1px #999 solid;}
form input.submit {background-color:#ffcc66; border:0; color:#ffffcc;}
form input.submit:hover {background-color:#FFAD08; border:0;}
form select:hover, form input:hover, form textarea:hover{background-color:#FFAD08;border:1px #eee solid;}
div.col {width:160px; float:left;}
.error {color:#f00;}

#flash {width:768px; background:#ffcc66 url(/images/horiz.gif) repeat-x bottom; position:relative; height:30px;}
#flash p {padding-left:25px;}

ul.forums ul {padding-left:20px;}

ul.forums li.on, ul.forums li.on ul li.on {font-weight:bold;}
ul.forums li.on ul li {font-weight:normal;}

div.topic_info {padding:25px; background:url(/images/horiz.gif) repeat-x bottom;}
div.forum-controls {margin-left:1px; padding:25px; background:#9f0 url(/images/horiz.gif) repeat-x bottom;}
div.bordered {margin-left:1px; padding:10px 25px 10px 25px; background: url(/images/horiz.gif) repeat-x bottom;}
div.post {background-color:#ccc; border-bottom:1px solid #ffffcc; margin-left:1px; padding:25px;}
div.callout { background-color:#eee; margin-top:20px;}
/*div#login {padding:20px 0 20px 0;}*/
form span.field_error input, form span.field_error textarea, form span.field_error select { border:1px solid red;}

div.latest_block { background-color:#eee; margin-bottom:20px; padding:4px;}
div.latest_block ul li {padding:2px;}
div.planned { background-color:#0f9;}
#users div.planned {background-color:#0ff;}
#users div.notsignedup {background-color:#fcc;}
div.planned ul li.signedup { font-weight:bold; }
div.planned ul li.not_signedup { background-color:#f00; color:#ffffcc;}
em {font-size:9px;}
div.news_update {margin-top:20px;}

.google_map {padding:6px; border: 1px dotted #666;margin-top:20px;}
.google_map strong { color:#333;}
#google-map1 {width:320px; height:300px;}
a.user-link {font-weight:bold;}
.photo a.photolink {border:none; display:block; width:116px; height:116px; margin:2px; padding-top:7px; background-color:#ccc; float:left;position:relative; }
.photo a.photolink span {position:absolute;bottom:0px;left:7px;font-size:8px;font-style:italic;}
.photo img{display: block;margin: auto;}
.photo .empty {width:116px; height:116px; margin:2px; padding-top:7px; background-color:#ccc; float:left; }
#hoverNav a:hover {background-color:transparent;}
#photos .pagination_wrapp {clear:both; background-color:#eee;width:708px;margin:2px;height:36px;padding:4px;padding-top:12px;}
#photos .pagination_wrapp span {float:left;}
#photos .pagination_wrapp form {padding:0px;float:left;}
#photos .pagination {float:right;padding-right:10px;}
#user_photos .photo a.photolink, #user_photos .photo .empty { margin:1px 1px 1px 0;width:108px; }

p.radio input {border:0;}

#right_media {margin:-25px 24px 25px -24px;}

h1 {padding-bottom:20px; font-size:16px;}
h2 {padding-bottom:10px; font-size:13px;}
div.img{float:left; width:80px; display:block;} 
div.member{margin-left:80px; }
li.members {clear:both;}
#gallery-photos{list-style:none;}
#gallery-photos li {display:inline;float:left;}
#column1 ul p {margin:0 0 0.5em;padding:0;}
#column1 ul div.item {margin-bottom:1.5em;}
div.account {margin:-8px -25px 0 0;}
div.account a {border:0;width:147px; height:31px;background:url(/images/donate_01.jpg);display:block;}
div.account a:hover {background:url(/images/donate_02.jpg);}
div.account a span {display:none;}
