/* @override 
	http://www.gmulodge.org/dad/style.css
	http://davidadouglas.com/style.css
	http://localhost:8888/dad/style.css
*/

h1, h1 a, h1 a:hover, h1 a:visited, #console .description,footer {text-decoration: none;color: white;}

div.admin_gallery {
	float:left;
	border-style: solid;
	border-width: 1px;
	width: 150px;
	height: 25px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 3px;
	padding-top: 10px;
	background-color: #81817d;
}
div.admin_gallery:hover {
background-color: #9b9c98;
}
div.admin_gallery.active {
background-color: #9b9c98;
}


html{
	color: #FFF;
	background-color: #313131; 
	font: small "Lucida Grande", Lucida, Verdana, sans-serif;
	}
#wrapper {
		margin: 0 auto;
		width: 956px;
		position: relative;
	}
/* Headings and links*/
h1,h2,h3,h4,h5,h6,h7,a,h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, a, h2 a:hover, h3 a:hover, a:hover ,footer{color: #FFF;
}

.entry p a:visited {color: #ffe800;}

/* FONT */

#main {
	margin-top: 20px;
	margin-bottom: 20px;
}
#console {
	margin: 10px;
}
#resume {
	padding: 0 100px 100px 100px;
	text-align: left;
}

#gallery {
	padding: 0 100px 100px 100px;
}

#projectwrapper {
	padding: 0px 100px 10px 100px;
}

#project {
	padding: 5px;
	list-style-type: disc;
}

#header {
	padding: 0 100px 0 100px;
	text-align: left;
}

span.header {
	text-align: left;
	padding: 0;
	
}

form {	
	margin: 0;
	padding: 0;
}



div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

button,
input,
select,
textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}



input[disabled]{ border: 1px solid #ccc }

#btnSubmit { margin: 0 0 0 155px ; }

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {

	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
	color: #4e4e4e;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: 1px solid #319034;
	background-color: #bbfcc8;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
span.header a{
	padding-left:5px;
	font-size: 85%;
	font-variant: small-caps;
	text-align: left;
	text-decoration: none;
}
span.header a:hover{
	padding-left:5px;
	font-size: 85%;
	font-variant: small-caps;
	text-align: left;
	text-decoration: none;
}
h1,h2,h3,h6,h7,p,footer{
	margin-bottom:9px;
	line-height: 1em;
}
body {
	padding:0; 
	margin:0;
	text-align: center;
}

p {
	text-indent: 20px;
	text-align: justify;
}

a {
	text-decoration: none;
}

h1 {
	
	font-variant: small-caps;
	font-size: 175%;
	padding-bottom: 160px;
}

h2 {
	text-decoration: none;
	margin:30px 0 30px 0;
	font-variant: small-caps;
	text-decoration: none;
	text-align: right;
}
h2 a:hover,h3 a:hover,h4 a:hover
{
	color: #dd8700;}
h3{
	margin: 0;
	border-bottom: 1px dashed #616161;
	padding-bottom: 5px;
	padding-top: 5px;
}

h4{
	font-size: 150%;
	font-variant: small-caps;
	
}
h5{
	color: #666;
	font-variant: small-caps;
	font-size: 100%;
	line-height: 0;
	margin-bottom: 12px;
	margin-top: 0;
	padding: 0;
}
h6{
	color: #666;
	font-variant: small-caps;
	font-size: 60%;
}
#footer{
	 padding-left: 	150px;
}
 ul{
	list-style-type: circle;
	list-style-position: outside;
}
ol {
	list-style-type: decimal;
	list-style-position: outside;
	border-top-style: dotted;
	border-top-width: .5px;
}

footer{
	color: #666;
	font-variant: small-caps;
	font-size: 60%;
	padding-left: 150px;
}

images {
	text-align: center;
}

img {

}
	

/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	float:left;
	margin-right:12px;
	margin-bottom:8px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}