* {margin:0;padding:0;list-style:none;}

html {
	background: url("images/content-bg.jpg") top center repeat;
	margin:0;
	padding:0;
	height:100%;
	}
	
body {
	top:0;
	background:url("images/bg-overlay.png") 50% 169px no-repeat;
	margin:0;
	padding:0 0 80px 0;
	_padding:0;
	color: #614E2D;
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	margin: 0;
	padding:0 0 55px 0;
	z-index: 0;
}

#header {
	margin: 0;
	padding:0;
	height: 168px;
	background: #DD4804 url(images/header.jpg) top center no-repeat;
}

#logo {
	position:absolute;
	top:50px;
	left:30px;
	text-indent: -3500px;
	height: 79px;
	width: 416px;
	background: url(images/logo.png) top left no-repeat;
}

#container {
	margin: 0 auto;
	padding:0;
	width: 960px;
}
#content {
	position:relative;
	margin: 0 auto;
	padding:0;
}

ul#social-icons {
	position: absolute;
	top: 10px;
	right: 25px;
	list-style: none;
}

/*Icons*/

ul#social-icons li {
	float:left;
	list-style: none;
}
	
.fadeThis {
	position:relative;
	display:block;
	height: 29px;
	width: 29px;
	margin: 0 0 0 10px;
}
	
a.fadeThis * {
  display: none;
}
	
.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 29px;
	width: 29px;
}

a.facebook {
	background: url(images/social-icons.gif) 0 0 no-repeat;
}

a.facebook span.hover {
		background: url(images/social-icons.gif) 0 -29px no-repeat;
		margin: 0;
	}

a.twitter {
	background: url(images/social-icons.gif) -30px 0 no-repeat;
}

	a.twitter span.hover {
		background: url(images/social-icons.gif) -30px -29px no-repeat;
		margin: 0;
	}

a.linkedin {
	background: url(images/social-icons.gif) -60px 0 no-repeat;
	margin: 0 0 0 10px
}

	a.linkedin span.hover {
	background: url(images/social-icons.gif) -60px -29px no-repeat;
	}

a.digg {
	background: url(images/social-icons.gif) -90px 0 no-repeat;
	margin: 0 0 0 10px
}

	a.digg span.hover {
	background: url(images/social-icons.gif) -90px -29px no-repeat;
	}

a.lastfm {
	background: url(images/social-icons.gif) -120px 0 no-repeat;
	margin: 0 0 0 10px
}

	a.lastfm span.hover {
	background: url(images/social-icons.gif) -120px -29px no-repeat;
	}


.clear {
	clear:both;
}

/*H tags*/

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	/*line-height: .8em;*/
	color: #614E2D:
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height: normal;
	
}

h1 {
	font-size: 38px;
	margin: 10px 0;
}

h2 {
	font-size: 32px!important;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 16px;
	letter-spacing: .2em
}

h5 {
	font-size: 14px;
	letter-spacing: .2em
}


#content ul.homepage-boxes-left,
#content ul.homepage-boxes-right {
	margin: 17px 0 0 0;
	padding:10px;
	list-style: none;
	list-style-type: none;
	background-color: #f8e3b1;
	border:1px solid #A38B54;
	width: 46%!important;
	min-height:150px;
	height:auto !important;
	height:150px;
	background: rgba(255, 255, 255, 0.5);
}

#content ul.homepage-boxes-left {
	float: left;
}

#content ul.homepage-boxes-right {
	float: right;
}

#content ul.homepage-boxes-left li,
#content ul.homepage-boxes-right li  {
	margin: 0 0 0 8px;
	padding:0 0 5px 0;
	list-style: none;
	list-style-type: none;
	color: #48381d;
	/*font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;*/	
	/*line-height: 18px;*/
}

/*#content a {
	color: #317E92;
	text-decoration: none;
}*/

a:link, a:visited {
	color: #48381d;
	text-decoration: none;
}

a:hover, a:active {
	color: #48381d;
	text-decoration: none
}

a {
	font-weight: bold;
}


#content p {
	margin: 0;
	padding:5px 0 15px 0;
	line-height: 18px;
	color: #48381d;
}

.portfolio-images {
	position: relative;
	float: left;
	margin:0 0 25px 0;
	padding:0;
	width: 645px;
}

a.portfolio-border {
	position:absolute!important;
	top: 0;
	left: 0;
	display:block;
	width: 645px;
	height: 173px;	
	text-indent: -3500px;
}

a.portfolio-border {
	margin: 0;
	background: url(images/portfolio-overlay.png) 0 0 no-repeat;	
}

	a:hover.portfolio-border  {
		background-position: 0 -173px;	
	}
	

a:hover.screencap-btn, a:hover.website-btn {
	color: #FCEFC5;
	background-color: #9a7941;
}

#content ul.portfolio-info {
	position:relative;
	float: right;
	margin: 0;
	padding:10px;
	list-style: none;
	list-style-type: none;
	background-color: #7F5E32;
	border:1px solid #48381d;
	width:275px;
	height:151px;
	background: rgba(97, 78, 45, 0.8);
}

#content ul.portfolio-info li {
	margin: 0 0 0 8px;
	padding:0 0 3px 0;
	list-style: none;
	list-style-type: none;
	color: #f2d6b1;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: .9em;	/*I hate IE!*/
}

a.screencap-btn, a.website-btn {
	display: block;
	text-align: center;
	padding:3px 7px;
	margin:0;
	color: #FCEFC5;
	background-color: #69522b;
	border: 1px solid #48381D;
	width: 115px;
}

a.screencap-btn {
	position:absolute!important;
	right:0;
	bottom:0;
	margin: 0 1px 1px 0;	
	_margin: 0;	
	}

a.website-btn {
	position:absolute!important;
	left:0;
	bottom:0;
	margin: 0 0 1px 1px;
	_margin: 0;
}

#extraDiv2 {
	position:fixed;
	bottom:0;
	left: 0;
	width: 100%;
	height: 140px;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(images/footer.png) top center no-repeat;
	z-index: 6;
}


#extraDiv2 p {
	margin:0;
	padding:25px 25px 0 0;
	text-align: right;
	color: #C99857
}

.wrap {
      position:relative;
      width: 960px;
      margin: 0 auto;
      padding:0;
	}

.footlinks {
	float: left;
	margin-right: 15px;
	width: 150px;
}

#foot {
	padding: 20px 15px 15px 15px;
	font-size: 0.8em;
	color: #687E7D;
	margin: 0 220px 100px 0px;
	width: 960px;
	}

#foot .about {
	float: right; 
        text-align:left;
        width: 250px;
}

#foot .about p a {
        padding:25px 0 0 0;
}

#foot ul, .linklist ul {
	list-style-type: none;
	color: #B09669;
	}

#foot ul li a, .linklist ul li a {
	display: block;
	border-bottom: 1px dotted #003737;
	text-decoration: none;
	color: #B09669;
	padding: 3px 0;
	}


#foot ul li a:hover, .linklist ul li a:hover{
	color: #B09D7C;
	border-bottom: 1px dotted #B09D7C;
	}

#foot .about {
	float: right;
	width: 250px;
	}

#foot p {
        text-align:left;
	margin: 0;
        padding:10px 0 0 0;
	}

#foot a {
	color: #B09669;
	}


#foot a:hover {
	text-decoration: none;
	}

/*<!-- Blog Styles -->*/

.date {
	float: left; 
	border: 1px solid #DFB970;
	color: #FFF;
	padding: 0 3px 3px 3px;
	margin: 15px 12px 12px 0;
	text-align: center;
	background-color:#E04B09;
	}
	
#content .date p {
	margin:0;
	padding:0 0 3px 0;
	width: 35px;
	color:#FFF;
	text-align: center;
	font: 12px Verdana, Geneva, sans-serif;
	background-color:#E04B09;
	font-weight:bold;
}


.date span {
    width:35px;
    display: block;
    margin:0;
    padding:0;
    font-size: 16px;
    color: #614E2D;
    text-align: center;
    border: 1px solid #DFB970;
    background-color:#F1DDB8;
	}

h2.BlogTitle {
     float:left;
     margin:15px 0 0 0;
     padding:0;
     width:600px;
}

.BlogContent {
	margin: 0;
	padding:10px;
	list-style: none;
	list-style-type: none;
	background-color: #f8e3b1;
	border:1px solid #A38B54;
	background: rgba(255, 255, 255, 0.5);
}

.comment-body {
	margin: 0 0 15px 0;
	padding:10px;
	list-style: none;
	list-style-type: none;
	background-color: #f8e3b1;
	border:1px solid #A38B54;
	background: rgba(255, 255, 255, 0.5);
}

.BlogContent p {
     clear:both;
}

.Single {
	min-height:207px;
	height:auto !important;
	height:207px;
}

.PostedBy {
     text-align:right;
     float: right;
}


.middle {
	width: 175px;
	float: right;
	margin: 0 3px 15px 15px;
	}
	
.linklist {
	margin-bottom: 10px;
	}

.rightbox {
	background: #614E2D;
	border: 1px solid #234848;
	font-size: 0.8em;
	padding: 8px;
	width: 160px;
	margin: 15px;
}

h3.respond {
     margin:10px 0 0 0;
}

.commentmetadata {
    float:right;
    width:49%;
    text-align:right;
    color:#836e47;
}

.commentmetadata a:link, .commentmetadata a:visited {
    color:#836e47;
}

.vcard {
    float:left;
    width:49%;
}

.BlogAuthorDate {
    display: block;
    margin:0;
    padding:6px 6px 3px 6px;
    border: 1px solid #B09669;
    background-color:#B09669;
    background: rgba(176, 150, 105, 0.5);
    overflow:hidden;
}

a.post-edit-link  {
       float:right;
	padding:2px 5px;
	margin: 0;
	background-color: #A70000;
	border: 1px solid #FCEFC5;
	color: #FCEFC5;
        text-transform: lowercase;
        font-size: 11px;
}

/*Dotted line around active button in Firefox */
:-moz-any-link:focus {
outline-style: none !important;
outline-width: 0px !important;
}
/* End Dotted line around active button in Firefox */