@charset "UTF-8";

html ,body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #D4D4D4;
	width:880px;
	border-top-width: medium;
	border-right-width: thick;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #799792;
	border-right-color: #799792;
	border-bottom-color: #799792;
	border-left-color: #799792;
}

.hidden {
	display: none;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #799792;
	font-weight: bold;
	text-decoration: underline;
}
.skills_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	list-style-type: square;
	float: left;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 5px;
	margin-left: 15px;
}
#content ul {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
}
.skills_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	list-style-type: none;
	float: left;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 5px;
}
#page-container {
	width: 880px;
}


#header {
	height: 150px;
	background-image: url(images/banner1.png);
	background-repeat: no-repeat;
	background-color: #B1DDD4;
	
}

#content {
	padding: 10px;
	background-color: #d4d4d4;
	width: 678px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#sidebar-a {
	float: right;
	width: 182px;
	background-color: #D4D4D4;
	margin: 0px;
}
#sidebar-a ul {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #333;
	font-size: 12px;
	list-style-type: none;
	text-align: center;
}

.skills_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	list-style-type: none;
	float: left;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 5px;
}
#bio {
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333;
	padding-top: 15px;
}
#bio #content p a {
	color: #799792;
	text-decoration: none;
	font-weight: bolder;
}
#content #bio p {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
#content #resume ul {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-style: normal;
	text-decoration: none;
}
#content #resume p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
}
#sidebar-a p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	text-align: center;
}


.sidebarlink a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration: none;
	font-weight: bold;
}

.sidebarlink a:active {
	font-size:14px;
	color:#000;
}

.sidebarlink a:hover {
	font-size:14px;
	color:#333;
	font-style: italic;
}

.sidebarlink a:visited {
	font-size:12px;
	color:#333;
	font-weight: normal;
	text-decoration: none;
}
	

#footer {
	clear: both;
	height: 66px;
	background-color: #799792;
}

#webgallery {
	display: block;
	padding-top: 50;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #D4D4D4;
	width: 550px;
	margin-top: 5px;
}

.thumbnail {
	font: 0.7 verdana;
	float: left;
	width: 150px;
	border: 1px solid #ff9;
	margin: 0 10px 15px 0;
	padding: 5px;
}

#flickrImages {
	height: 185px;
	width: 100%;
	padding:0;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
	 
#flickrImages img {
	 border:none;
	 height:auto; 
}

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#social {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-color:#333;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-top: 20px;
}
#sidebar-a .social {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin-left: 5px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #799792;
	border-right-color: #799792;
	border-bottom-color: #799792;
	border-left-color: #799792;
}
#sidebar-a .social a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#sidebar-a .social a img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#resume {
	margin-left: 15px;
	clear: both;
}
#content #resume ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#content #bio h1 a {
	font-size: 14px;
	font-style: normal;
	color: #799792;
	text-decoration: none;
}
