@charset "utf-8";

/***** STYLING *****/
* {
	margin:0;
	padding:0;
}

h1 {
	font-size:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#000;
	color:#fff;
}

img {
	border:none;
	padding:0;
	margin:0;
	display:block;
}

#lrbak{
	background:#1c1c1c;
}

a, a:link, a:active {
	color:#fff;
	text-decoration:none;
}

a:visited {

}

ul, ol {
	margin-left:30px;
}

#adminmenu {
	width:815px;
	text-align:left;
	margin: 0 auto 0 auto;
	padding:30px 0 5px 185px;
}

#adminmenu a {
	color:#999;
}

#adminmenu a:hover {
	text-decoration:underline;
}

#header {
	background:#000;
}

#colmask {
	background:#1c1c1c;		/* Left column background color */
}

#colmid {
	/* Center column background color changes with layout, edit in layout.css or piclayout.css */
}

#colright {
	background:#1c1c1c;    	/* Right column background color */
}

#footer  {
	background:#000;
}

#aeproj {
	padding:30px;
}

.aeleft {
	width:50%;
	float:left;
	padding-bottom:15px;
}

.aeleft input, .aeleft select {
	width:400px;
}

.aeright {
	width:42%;
	float:left;
	padding-top:30px;
	padding-right:8%;
}

#imgman {
	display:block;
	width:140px;
	border:1px solid #999;
	background:url(../images/imageIcon.png) center 20px no-repeat;
	padding-top:75px;
	padding-bottom:20px;
	font-size: 70%;
	text-align:center;
	color: #999;
	float:right;
	background-color:#222;
}

#imgman:hover {
	background-color:#333;
}

.aebottom {
	width:100%;
	float:left;
}

#copybox, #newsbox {
	float: left;
	color:#fff;
	width:490px;
	padding:30px;
}

#newsbox {
	padding-bottom:60px; /* allow extra space for nav buttons */
	width:680px;
}

#copybox a, #newsbox a{
	text-decoration:underline;
}

#copybox p, #newsbox p {
	line-height:150%;
	font-size:90%;
}

#copybox h3, #newsbox h3, #aeproj h3 {
	margin:0 0 5px 0;
	padding:0;
	font-size:140%;
	font-weight:normal;
	color:#78A22F;
}

#copybox h5, #newsbox h5  {
	font-size:70%;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#666;
}

/* secondary menu pages */

.table {
	padding:30px 0px;
}

#projecttable tr {
	background:#282828;
}

#projecttable td {
	/* workaround for no table tr margin property, controls spacing, color set to match background color */
	border-bottom: 5px solid #1c1c1c;
}

#delbtn {
	display:block;
	width:14px;
	height:14px;
	border:none;
	background-image:url(../images/cancelbutton2.gif);
	background-repeat:no-repeat;
	background-position:-14px 0px;
	background-color:#000;
	cursor:pointer;
}

#delbtn:hover {
	background-position:0px 0px;
}

#edbtn {
	display:block;
	width:14px;
	height:14px;
	border:none;
	background-image:url(../images/editbutton.gif);
	background-repeat:no-repeat;
	background-position:-14px 3px;
}

#edbtn:hover {
	background-position:0px 3px;
}

.tbldel, .tbledit{
	width:14px;
	padding-left:5px;
}

.tblleft{
	text-align:left;
	text-transform:capitalize;
	padding-left:20px;
	font-size:80%;
}

.tblright{
	text-align:right;
	text-transform:uppercase;
	font-size:60%;
	padding-right:20px;
}

#projecttable a{
	color:#B3B3B3;
	text-decoration:none;
	display:block;
	padding:3px 0 3px;
	
}

#projecttable .tblright a{
	color:#4D4D4D;
}

#loginbox {
	text-align:center;
	padding:50px;
}

.textarea {
	width: 480px;
	height: 380px;
}

.warning {
	background:#999;
	color:#900;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

/* image gallery on project page */

#box3 {
	position:absolute;
}

.mask{
	position:relative;
	width:745px;
	height:506px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}

#prev3{
	position:absolute;
	bottom:0px;
	right:150px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:132px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	padding:3px 0 3px 15px;
	cursor:pointer;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#next3{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:131px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	padding:3px 15px 3px 0;
	cursor:pointer;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#menu_n{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:132px;
	/*height:30px;*/
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:3px 0 3px 0;
	cursor:pointer;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#prev_n, #prev_n_i{
	position:absolute;
	bottom:0px;
	left:445px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:132px;
	/*height:30px;*/
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	padding:3px 0 3px 15px;
	cursor:pointer;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#next_n, #next_n_i{
	position:absolute;
	bottom:0px;
	left:599px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:131px;
	/*height:30px;*/
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	padding:3px 15px 3px 0;
	cursor:pointer;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#prev_n_i, #next_n_i {
	cursor:auto;
}

#prev3.active, #prev3:hover, #next3.active, #next3:hover, #prev_n.active, #prev_n:hover, #next_n.active, #next_n:hover, #menu_n.active, #menu_n:hover, #pib.active, #pib:hover{
	background:#222;
}

#projtopbar {
	position:absolute;
	top:0px;
	right:0px;
	z-index:800;
	background:#1A1A1A;
	overflow:hidden;
	width:745px;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
}

#projtitle {
	float:left;
	width:430px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	padding: 3px 0 3px 15px;
}
#pib {
	float:right;
	width:285px;
	height:19px;
	text-transform:uppercase;
	text-align:right;
	padding:5px 15px 0 0;
	cursor:pointer;
	font-size:80%;
}

#wrapper {
	float:right;
	position:relative;
	top:30px;
}

#projinfo {
	position:relative;
	top:0px;
	right:0px;
	z-index:1000;
	background:#1A1A1A;
	overflow:hidden;
	width:260px;
	height:426px;
	padding:10px 20px 10px 20px;
	margin-top:0px;
	filter:alpha(opacity=90);
   -moz-opacity:0.9; 
	opacity: 0.9;
	font-size:70%;
	line-height:140%;
}

.subedit {
	background:#444;
	color:#999;
	padding: 3px 5px 3px 5px;
	font-size:70%;
	margin-bottom:5px;
}

.subedit a {
	color:#999;
}

.subedit a:hover {
	text-decoration:underline;
}

#addcat {
	text-align:center;
}