@charset "utf-8";
body  {
	font: 13px 'Droid Sans', Helvetica, Arial, sans-serif;
	margin: 3em 0 0 3em;
	padding: 0;
	text-align: left;
    line-height: 18px;
}


p {
	margin:0;
	padding:0 0 1em 0;
}

div p.title{
	margin: 0;
	padding-bottom: 0.3em;
	font-size: 300%;
	line-height: 44px;
	color: #FF0000;
}

div .date{
	color:#000000;
}

div .small{
	font-size: 40%;
}

div .right-justify{
	text-align:right;
	padding-top: 5em;
}

div .bold{
	font-weight:bold;
}

div .red{
	color:#FF0000;
}

div .italic{
	font-style:italic;
}

div .orange{
	color:#FF9900;
}

div p.summary, p.subtitle{
	margin:1em 0 1em 0;
	padding:0;
	font-size: 185%;
	color:#ABABAB;
	line-height:1.4em;
}

div p.current{
	font-size: 125%;
	color:#ABABAB;
	line-height:1.1em;
	width:14em;
	height:7em;
	border:0;	
	float: left;
	padding-right:1em;
	padding-bottom:1em;	
}

div p.subtitle:hover, p.more:hover{
	cursor:pointer;
	color:#FF0000;
}

div p.more{
	color:#ABABAB;
	margin-bottom: 1em;
}

div p.more:visited{
	color:#FFFFFF;
}



div p.description{
	text-align:left;
	margin-bottom:1em;
}

#sidebar, #header, #footer, #holder, #container {
	float: left; 
	width: 60em; 
	margin-bottom:3em;
	font-weight: normal;
} 

#entry, #page, .narrowcolumn {
	width: 600px;
}

#container { 
	margin-bottom:6em;
} 


#holder{
	margin-bottom:1em;
}

#description {
	float: left; 
	width: 19em; 
	margin-right:2em;
}  

#current {
	float: left; 
	width: 14em; 
	margin-right:1em;
}

#resume_right{
	float: right;
	width: 32em;
}

#resume_left{
	float: left;
	width: 28em;
}

/** images, video **/
img, embed, iframe
{
	float:right;
	width:39em;
	margin-bottom:1em;
}

.skinny {
	width: 19em;
}

.entry img, .entry iframe, .entry embed {
        margin: 0 0 1em 0;
        float: left;
        width: 600px; 
}

.splash{
	float:left;
	width:29em;
	margin-right:1em;
	border:0;
}

.head_splash{
	float:left;
	width:23em;
	margin-right:37em;
	border:0;
}

img.focus{
	float:left;
	width:26em;
	margin:2em 2em 1em 0;
}

.full{
	float:left;
	width: 60em;
}

.fullTall{
	float:left;
	width: 39em;
	padding-right:21em;
}

#projectImage, imageElement {
	float: right; 
	height: 26em;
	width: 39em;
}  


#tallImage {
	float: right; 
	height: auto;
	width: 39em;
	margin-bottom:3em;
}
 

#fullImage {
	float: right; 
	height: auto;
	width: 60em;
	margin-bottom:4em;
}  



.thumbnailImage {
	float: left;
	width: 14em;
	margin-right:1em;
}

.thumbnailImage.right{
	margin-left:21em;
}

.thumbnailImage .text {
	position: absolute;
	padding: 0.5em 0.65em;
	width: 13em;
	background-color:rgba(255,255,255,0.7);	
	display: none;
}

.thumbnailImage a:hover {
	color: #000000;
}

#imgBox {
	width:39em;
	height:26em;
}

#projectImage ul{
	margin-top: 1em;
}

#backLink {
	margin-top:1.75em;
}

div img.thumbImg {
	width:14em;
	height:14em;
	border:0;
}




ul { 
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-weight:normal;
}
 
li { /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	display:inline;
	
}

#sidebar li, #extras li {
	padding-right:1em;
}



a{
	text-decoration: none;
	color:#000000;
	outline:none;
}

.gray{
	color: #ABABAB;
}

a.back {
	color:#FFFFFF;
	background: #ABABAB;
	padding: 0.5em;
	margin: 0 0 10em 0;
}


a:hover {
	color:#FF0000;
}

a.back:hover {
	color: #FFFFFF;
	background: #FF0000;
	cursor: pointer;
}


/* wordpress extra stuff */
h1{
	margin:0;
	padding-bottom:0.3em;
	font-size: 300%;
	color: #FF0000;
	font-weight: normal;
	}

h1 a{
	color: #FF0000;
	font-weight: normal;
}


h2{
	margin:1em 0 0 0;
	padding:0;
	font-size: 175%;
	color:#ABABAB;
	line-height:1.4em;
	font-weight: normal;
}

.date {
        color:#ABABAB;
        margin: 0 0 2em 0;
}

h2 a{
	color:#ABABAB;
}


h3{
	font-size: 100%;
	font-weight: bold;
}

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

#extras #searchform #s {
	width: 108px;
	padding: 2px;
	}

#extras #searchsubmit {
	padding: 1px;
 	cursor: pointer;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}



input, textarea
 {
 	border: #ddd 1px solid;
 	background-color: #ffffff;
 	font-size:1em;
 	font-weight: normal;
 }

#searchsubmit 
 {
 	cursor: pointer;
 	text-decoration:none;
 }



.postmetadata {
	font-size:80%;
	color:#ABABAB;

}

.commentlist{
	margin-bottom:3em;
}


.hidden {
	display: none;
	}

hr {
	display: none;
	}