
* {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;	
	behavior:url("iepngfix.htc");
}



body {
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	line-height:20px;
	font-size: 13px;

}

a {
	border:none;
	color: #D9186A;
	font-weight: bold;
    text-shadow: 0 1px 2px #000;
	text-decoration:none;
}

a:hover, a:focus {
color: #D9186A;
text-shadow: 0 1px 4px #D9186A;
}





#container {
	display: block;
	width: 850px;
	margin: 0 auto;
	height: auto;
	position: relative;
	
}


#header {
	width:850px;
	height:100px;
	padding: 35px 0 0 0;

}

div, a#explore_statement, #blog_pics {
	behavior:url("iepngfix.htc");
}


#topstrip, #explorestrip {
	clear:both;
	height:320px;
}

#headstrip, #mainstrip {
	clear:both;
	height:100%;
}


#wrapper, #topwrapper {
	width:850px;
}


#mainwrapper {
	width:850px;
	Height:400px;
	background-color:#231F20;
	padding-top:30px;
}


#footer {
	float:left;
	height:90px;
	width:850px;
	color:#231F20;
}

#top_right {
	float:right;
	width:415px;
	padding-top:18px;
	padding-right:10px;
}

#top_left {
	float:left;
	width:229px;
	height:65px;
	margin: 0 0 0 20px;
	background:url(../images/logo.jpg) no-repeat;
}

#welcome_statement {
	float:left;
	text-align:center;
	width:810px;
	height:87px;
	background: url(../images/welcome_statement.png) no-repeat;
	padding: 14px 20px 6px 20px;
}


#welcome_statement a {
	color:#D6FCFB;
	text-decoration:none;
	font-weight:bold;
    text-shadow:0 1px 2px #46ADB2 ;
}


#welcome_statement a:hover {
    text-shadow:0 1px 5px #baf8f6 ;
}


ul#skillsul {
	
		
	display:inline;
}

ul#skillsul {
	display:inline;
}
#fourskills {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#fourskills li {
	display:inline;
	width:186px;
	height: auto;
	margin:15px 0 0 21px;
	padding:0px;
	float:left;
}

#explore_statement {
	float:left;
	width:290px;
	height:300px;
	background-image:url(../images/explore_bg.jpg);
	padding: 30px 30px 30px 30px;

}


#recent_add {
	float:left;
	width:170px;
	height:300px;
	background-image:url(../images/recent_bg.jpg);
	padding: 30px 30px 30px 30px;

}

#recent_add_image {
	float:left;
	width:180px;
	height:125px;
	margin: 0 0 10px -5px;
	list-style:none;
}

#news_updates {
	float:right;
	width:170px;
	height:300px;
	background-image:url(../images/news_bg.jpg);
	padding: 30px 30px 30px 30px;
	
}

#body_container, #about_container {
	float:right;
	width:480px;
}



#about_wrapper, #worksub_wrapper {
	width:850px;
	height:auto;
	padding-top:30px;
}

#personal_info {
	float:left;
	width:590px;
	height:auto;
	padding: 0 0 30px 30px;
}



#personal_box {
	float:right;
	width:170px;
	height:450px;
	padding: 0 30px 30px 30px;
}

#facts {
	padding: 0 30px 0 30px;
	font-size: 11px;
	line-height: 16px;
}

#workstrip {
	clear:both;
	height:60px;
}

#work_wrapper {
	width:850px;
	height:650px;
	padding-top:30px;
}


#work_body {
	float:left;
	width:590px;
	height:auto;
	padding: 0 0 30px 30px;
}


#work_info {
	float:left;
	width:590px;
	height:auto;
	padding: 0 30px 30px 30px;
}


#work_box {
	float:right;
	width:170px;
	height:450px;
	padding: 0 15px 30px 0;
}


#work_nav {
	float:right;
	width:175px;
	height:400px;
	padding: 10px 0 0 10px;
}

#wide_body {
	float:left;
	width:810px;
	height:auto;
	padding: 0 10px 15px 30px;
}

#work_sub_info {
	float:left;
	width:640px;
	height:auto;
	padding: 0 0 30px 0;
}


ul#work_thumbs, ul#blog_pics {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:100%;
}

ul#work_thumbs li {
	float:left;
	padding-top:0px;
	height:115px;
	padding-right:3px;
}

li#work_thumbs a, li#work_thumbs a:hover {
	line-height:100%;
	width:100%;
	height:115px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

li#work_thumb a {
	display:block;
	width:160px;
	height:100px;
	background-image:url(../images/thumb_bg.jpg);
	background-position:top;
	padding: 25px 25px 25px 25px;
	background-repeat:no-repeat;
}

li#work_thumb a:hover {
	display:block;
	width:160px;
	height:100px;
	background-image:url(../images/thumb_bg.jpg) !important;
	background-position:bottom !important;
	padding: 25px 25px 25px 25px;
	background-repeat:no-repeat;
}

li#work_thumb_on a {
	display:block;
	width:160px;
	height:100px;
	padding: 25px 25px 25px 25px;
}




#contact_body {
	float:left;
	width:590px;
	height:auto;
	padding: 0 0 30px 30px;
}



#contact_info {
	float:right;
	width:180px;
	height:330px;
	padding: 0 25px 30px 25px;
}


input, textarea {
	font-family: Arial, Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

.textinput, .textinputHovered {
	width:336px;
	height:16px;
	background:url(../images/text_field.jpg) no-repeat left top;
	border:none;
	padding:12px 20px;
}

.textarea, .textareaHovered {
	width:310px;
	height:120px;
	background:url(../images/text_area.jpg) no-repeat left top;
	border:none;
	padding:12px 20px 20px 20px;
}

.buttonSubmit, .buttonSubmitHovered {
	width:73px;
	height:32px;
	color:#FFF;
	font-weight:bold;
	padding:4px 3px;
	background:url(../images/submit.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}


.contact-space {
	width:30px;
	height:8px;
}

.header_sub_text {
	font-weight:bold;
	margin: -17px 0 10px 0;
	font-size:11px;
}

.social-container {
	width:192px;
	margin: -11px -11px 0 -11px;
	height:auto;
}

.tweet-container {
	width:192px;
	height:auto;
}

.tweet-top {
	width:192px;
	height:17px;
	background:url(../images/tweet-top-bg.png) no-repeat left top;
}

#tweet-body {
	width:168px;
	padding: 4px 12px 5px 12px;
	height:auto;
	font-size: 11px;
	background:url(../images/tweet-body-bg.png) repeat-y left top;
	line-height: 16px;
	clear: both;
	float: left;

}

.twitterfeed {
	float:left;
	clear: both;

}



.twitter-date-posted {
	clear: both;
	float: left;
	color: #8A9197;
	padding-top: 3px;
	
}


.twitter-date-posted a {
	border:none;
	color: #8A9197;
	font-weight: bold;
	text-decoration:none;
}

.twitter-date-posted a:hover, a:focus {
text-shadow: 0 1px 4px #8A9197;
}

.tweet-bot {
	width:192px;
	height:6px;
	background:url(../images/tweet-bot-bg.png) no-repeat left top;
	clear: both;
	float: left;
	margin-bottom: 12px;
}

.social-icons {
	width:170px;
	height:16px;
	font-weight:bold;
	font-size:11px;
}

.icon {
	float: left;
	width:16px;
	height:16px;
	padding-right: 8px;
	
}

.twitter-icon {
	float: left;
	width:auto;
	height:16px;	
}

.twitter-icon-text {
	float: left;
	width:auto;
	height:auto;
	padding: 0 12px 12px 12px;
	
}
