@charset "UTF-8";
/* CSS Document */
html{
	height: 100%;
}
	

body {
	background: #FFFFFF;
	color:#333;
	font-size:.625em;
	font-family: Helvetica,Arial, sans-serif;
	height: 100%;
}


#wrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	}
* html #wrap{
	height: 100%;
}
.clear{
	clear:both;
}
img a{
	border: none;
	}
img{
	border:none;
}


/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #7F7F7F;
	text-decoration: none;
	}
	
a:hover{
	color:#265078;
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF;
	width: 906px;
	margin: 21px auto 10px;
	padding: 0 15px;
}
	
#headerleft {
	float: left;
	}
	
#headerright {
	width: 740px;
	float: right;
	font-size:1.3em;
	text-align: right;
	margin-top:76px;
	}
	
#headerright li {
	display: inline;
	list-style-type: none;
	}
	
#headerright a, #headerright a:visited {
	color: #333;
	font-weight: bold;
	padding: 6px 0px 6px 30px;
	text-decoration: none;
	}
		
#headerright a:hover {
	color: #265078;
	font-weight: bold;
	text-decoration: none;
	}
	
#randomthought{
	width:896px;
	height:30px;
	padding-right:10px;
	background:#333;
	margin:20px auto 0;
	text-align:right;
	color:#fff;
	font-size:1.2em;
	line-height:2.4em;
}
.randomThoughtStatement{
	font-style:italic;
	
}

#splash {
	background: #333;
	width: 906px;
	height:461px;
	margin: 0 auto;
}

#splashLife, #splashMagic, #splashWork {
	background: #333;
	width: 906px;
	height:220px;
	margin: 0 auto;
	position:relative;
}

#splashPiece {
	background: #333;
	width: 906px;
	height:12px;
	margin: 0 auto;
}

#splashPiece2{
	background: #333;
	width: 906px;
	height:2px;
	margin: 3px auto 0;
}


/************************************************
*	Content 					     		    * 
************************************************/

#content{
	width:906px;
	margin:0 27px 15px;
	padding-bottom:5em;
}

#content h2{
	color:#222;
	font-weight:bold;
	font-size:3em;
	display:block;
	margin-bottom:10px;
}

#featuredWork{
	margin:20px 0;
	display:block;
}

#featuredWork img{
	border:#263254 solid 14px;
	float:left;
	margin-right:66px;
}
#featuredWork img.noMargin{
	margin-right:0;
}

#workContent{
	margin:0 auto;
	/*width:800px;*/
}

#twitterIAm{
	display:block;
}
#twitterIAm h2{
	display:inline;
}
#twitterIAm p{
	font-size:1.8em;
	display:inline;
	line-height:1.5em;
}
#twitterIAm ul#twitter_update_list li{
	font-size:1.8em;
	display:inline;
	line-height:1.5em;
}
#twitterIAm ul#twitter_update_list li a{
	font-style:italic;
}
#postedAt{
	margin:20px 0;
}

#postedAt h2 span{
	color:#555;
	
}

#leftSide{
	float:left;
	width:48%;
}


#rightSide{
	float:right;
	width:48%;
	margin-left:27px;
}

#filterBy{
	width: 906px;
	margin: 15px auto 20px;
	float:left;	
}
#goBack{

	width: 906px;
	margin: 15px auto 15px;
	float:left;
}

#goBack h3 a:hover{
	color:#265078;
}

#filterBy li {
	display: inline;
	list-style-type: none;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:5px 0px;
	 margin-left:54px;
	}
		
#filterBy ul {
	padding-top:10px;
	margin-left:-27px;
	}
	
#filterBy a, #filterBy a:visited {
	text-decoration:none;	
}
		
#filterBy a:hover {
	color: #265078;
	font-weight: bold;
	text-decoration: none;
	}
	
#workImages ul{
	width:906px;
}

.piece{
	margin:0 0px 23px 70px;
	float:left;	
	width:212px;
}
.pieceCol3{
	margin:0 0px 23px 0;
	float:left;
}

.pieceTitle a{
	color:#fff;
}

.pieceTitle{
	background:#06c;
	width:212px;
	color:#fff;
	height:29px;
	display:block;
	text-align:center;
	font-size:1.2em;
	line-height:29px;
}

#goBack h3 a{
	display: inline;
	list-style-type: none;
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:5px 54px;
	text-decoration:none;
}

.horzImage{
	margin:10px auto;
	width: 746px;
}

#pieceInfo h3{
	font-weight:bold;
	color:#333;
	letter-spacing:2px;
	font-size:12px;
	text-transform:uppercase;
	display:inline;
	padding:0;
	}

#pieceInfo p, .myLife p{
	font-weight:normal;
	color:#333;
	letter-spacing:0px;
	font-size:12px;
	text-transform:none;
	display:inline;
	line-height:20px;
}

#load {
	display: none;
	background:url(../_images/wait.gif) center top no-repeat;
	/*width: 43px;
	height: 11px;*/
	font-size:18px;
	text-indent: -9999em;
}


#outerViewContainer{height: 450px; overflow: hidden; position: relative;}
#outerViewContainer[id]{display: table; position: static;}

#viewContainer{
	width:746px;
	height:450px;
	background-color:#333;
		position: absolute; top: 50%;	
}
	#viewContainer[id]{display: table-cell; vertical-align: middle; position: static;}

#viewImage{
	text-align:center;
		/*position: relative; top: -50%;*/
}

#additionalViews{
	text-align:right;
	background-color:#ccc;
	padding:5px 0;
}

#additionalViews ul li{
	display:inline;
	margin-right:20px;
	color:#34426a;
	font-size:14px;
	font-weight:bold;
}
#additionalViews ul li.lastView{
	margin-right:5px;
}

#additionalViews a:hover{
	color:#3399ff;
	text-decoration:none;
}

#additionalViews a:visited{
	color:#444;
}

#horzText{
	clear:both;
	margin:27px 0 0 108px;
	width:650px;
	line-height:24px;
}

.myLife{
	margin:10px 0 0 12px;
}
.myLife p{
	text-align:justify;
}
#who, #do, #believe, #resume{
	padding:10px 20px;
}

#contactContent h2{
	font-weight:bold;
	letter-spacing:1px;
	font-size:1.4em;
	padding-bottom: 3px;
	border-bottom:1px dashed #ccc;
	width:275px;
}

#leftContactSide, #rightContactSide{
	float:left;
	width:45%;
	margin:25px 0 0 15px;
}

#alert{
	display:none;
}

#contactContent input, #contactContent textarea{
	width:360px;
	background-color:#ccc;
	border:none;
	display:block;
	color:#666;
	padding:5px;
	font-size:10px;
	margin-top:10px;
}

#rightContactSide ul li{
	font-size:1.2em;
	line-height:1.8em;
}


#paginationDiv {
            font-size: 1.4em;
        }
#paginationDiv a{
	padding:3px 5px;
	margin-left:3px;
	border:thin solid #ccc;
}

.currentPage{
	color:#000;
	background-color:#b6d3e8;
}

a.currentPage:hover{
	color:#000;
	text-decoration:none;
}

#magicContent h1.comingsoon{
	text-align:center;
	margin:100px 0;
	font-weight:bold;
	color:#265078;
}

#footer{
	width:100%;
	background-color:#333;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	padding:1em 0;
	letter-spacing:1px;
	position: relative;
	margin-top: -2.5em;
}