/* General
------------------------------------------------- */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

body { 
font-family: Arial, Helvetica, sans-serif; 
color: #000; 
font-size: 12px; 
background: url(../images/bg_body.gif);
}


/* Links
------------------------------------------------- */
a { outline: none; }

a, a:visited { text-decoration: none; color: #c11616; }
a:hover { text-decoration: underline; color: #cccccc; }

a.lnk1, a:visited.lnk1 { text-decoration: underline; color: #000000; }
a:hover.lnk1 { text-decoration: underline; color: #EC208D; }

a.lnk2, a:visited.lnk2 { text-decoration: none; color: #999; }
a:hover.lnk2, a:active.lnk2 { text-decoration: underline; color: #EC208D; }

a.lnk3, a:visited.lnk3 { text-decoration: none; color: #c11616; }
a:hover.lnk3, a:active.lnk3 { text-decoration: underline; color: #c11616; }

.clear { clear: both; }


/* H1 - H6
------------------------------------------------- */

h1 {margin: 0; padding: 0;}

h3 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h4 {
	font: 17px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

h5 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #AEAEAE;
	margin: 3px;
	padding: 0;
}

h6 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #AEAEAE;
	padding: 0;
	margin: 0;
}


/* Structural Elements
------------------------------------------------- */

#topLine {
	background: #AEAEAE;
	text-align: center;
	width: 100%;
	height: 30px;
}

#header_table {
	background: #ffffff;
	text-align: center;
	width: 100%;
	height: 200px;
}

#top_table {
	width: 1005px;
	height: 117px;
	padding: 0;
	margin: 0 auto;
}

#main_table {
	width: 990px;
	padding: 15px 0 0 0;
	margin: 0 auto;
	text-align: center;
}

/* Top Nav / Logo 
------------------------------------------------- */

#header_element {
	float: left;
	width: 990px;
	text-align: left;
}

.logo {
	width: 314px;
	height: 90px;
	float: left;
}

.nav_container {
	width: 675px;
	float: left;
}

#top_button_container {
	margin-left: 757px;
	height: 23px;
	display:block;
	float: left; 
}

#top_button_container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_button_container ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#top_button_container ul li span {
	position: absolute;
	display: none;
	text-indent: -9999px;
}

li#top_twitter a {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_twitter.gif) no-repeat;
	background-position: 0 0;
}

li#top_twitter a:hover {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_twitter_on.gif) no-repeat;
	background-position: 0 0;
}

li#top_linkedin a {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_linkedin.gif) no-repeat;
	background-position: 0 0;
}

li#top_linkedin a:hover {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_linkedin_on.gif) no-repeat;
	background-position: 0 0;
}

li#top_lastfm a {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_lastfm.gif) no-repeat;
	background-position: 0 0;
}

li#top_lastfm a:hover {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_lastfm_on.gif) no-repeat;
	background-position: 0 0;
}

li#top_flickr a {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_flickr.gif) no-repeat;
	background-position: 0 0;
}

li#top_flickr a:hover {
	display: block;
	width: 38px;
	height: 23px;
	margin-right: 1px;
	background: url(../images/bt_flickr_on.gif) no-repeat;
	background-position: 0 0;
}


li#top_resume a {
	display: block;
	width: 38px;
	height: 23px;
	background: url(../images/bt_resume.gif) no-repeat;
	background-position: 0 0;
}

li#top_resume a:hover {
	display: block;
	width: 38px;
	height: 23px;
	background: url(../images/bt_resume_on.gif) no-repeat;
	background-position: 0 0;
}

li#top_contact a {
	display: block;
	width: 38px;
	height: 23px;
	margin-left: 1px;
	background: url(../images/bt_contact.gif) no-repeat;
	background-position: 0 0;
}

li#top_contact a:hover {
	display: block;
	width: 38px;
	height: 23px;
	margin-left: 1px;
	background: url(../images/bt_contact_on.gif) no-repeat;
	background-position: 0 0;
}



/* Main Navigation
------------------------------------------------- */
#nav_table {
	margin: 42px 0 0 112px;
	width: 580px;
	height: 52px;
}

ul#navbar {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type:none;
	width: 580px;
	height: 52px;
}
ul#navbar li {
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 52px;
}
ul#navbar li a {
	display: block;
	padding: 12px 0 0 0;
	margin: 0 0 0 5px;
	font: 18px "Arial";
	text-decoration: none;
	color: #ffffff;
	height: 52px;
	text-align: center;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

li a#nav_about {
	display: block;
	width: 75px;
	height: 52px;
	padding: 0;
	margin: 0;
}

li a#nav_resume {
	display: block;
	width: 90px;
	height: 52px;	
	padding: 0;
	margin: 0;
}

li a#nav_portfolio {
	display: block;
	width: 117px;
	height: 52px;
	padding: 0;
	margin: 0;
}

li a#nav_blog {
	display: block;
	width: 65px;
	height: 52px;
	padding: 0;
	margin: 0;
}


li a#nav_photos {
	display: block;
	width: 85px;
	height: 52px;
	padding: 0;
	margin: 0;
}

li a#nav_contact {
	display: block;
	width: 98px;
	height: 52px;
	padding: 0;
	margin: 0;
}

ul#navbar li a:hover {
	padding: 12px 0 0 0;
	margin: 0 0 0 5px;
	background: #ffffff;
	color:#d7d5d5;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

ul#navbar li a.current {
	padding: 12px 0 0 0;
	margin: 0 0 0 5px;
	color:#d7d5d5;
	background: #ffffff;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

/* Section Header Image
------------------------------------------------- */
.header_image {
	width: 990px;
	padding: 0;
	margin: 0;
	border-left: 6px solid #eaeaea;
	border-right: 6px solid #eaeaea;
}

/* Main Content
------------------------------------------------- */
#column_one {
	width: 685px;
	float: left;
	margin: 0 50px 0 0px;
	text-align: left;
}

#column_two {
	width: 250px;
	float: left;
	text-align: left;
}

.hdLine {
	border-top: 3px solid #aeaeae;
	width: 680px;
	margin: 0;
	padding: 0;
}

h1.hdTxtsm {
	 font: 30px Georgia;
	 color: #ffffff;
	 background: #aeaeae;
	 width: 140px;
	 margin: 0;
	 padding: 0 0 0 5px;
}

h1.hdTxtmd {
	 font: 30px Georgia;
	 color: #ffffff;
	 background: #aeaeae;
	 width: 200px;
	 margin: 0;
	 padding: 0 0 0 5px;
}

h1.hdTxlg {
	 font: 30px Georgia;
	 color: #ffffff;
	 background: #aeaeae;
	 width: 325px;
	 margin: 0;
	 padding: 0 0 0 5px;
}

div.projectwrap {
	float: left;
	width: 670px;
	padding: 10px 0px 11px;
	margin: 0px;
}

div.project_details {
	width: 338px;
	margin: 0px 10px 0px 0px;
	float: left;
}

a.projectimg {
	width: 305px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

.objectleft {
	width: 305px;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}


.clear {
	clear:both;
}

ul.resume {margin: 10px 0 10px 30px;}

ul.resume li {margin: 5px 0 5px 0px;}

input {
 background-color: #F3F3F3;
 border: 1px solid #E7E7E7;
}

textarea {
 background-color: #F3F3F3;
 border: 1px solid #E7E7E7;
}

/* Sidebar
------------------------------------------------- */
.sidebarbg {
	background: url(../images/hd_arrow.gif) no-repeat 0 0px;
	width: 246px;
	height: 46px;
}

.sidebarHd {
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
	color: #ffffff;
}

.sidebarHdTw {
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
	color: #ffffff;
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	width: 190px;
	float: left;
}

.twitterbird {
	background: url(../images/bird.png) no-repeat 0 0px;
	width: 38px;
	height: 38px;
	float: left;
	position: relative;
	top: -10px;
}

.sidebarTxt {
	margin: 0 0 15px 15px;
}


/* Portfolio
------------------------------------------------- */
div.workwrap {
	width: 215px;
	float: left;
	margin: 11px 10px 11px 0px;
}

#btn_work1 {display: block; width: 215px; height: 120px; background: url(../images/work_blueprint.gif) no-repeat 0 0px;}
#btn_work2 {display: block; width: 215px; height: 120px; background: url(../images/work_pn.gif) no-repeat 0 0px;}
#btn_work3 {display: block; width: 215px; height: 120px; background: url(../images/work_braun.gif) no-repeat 0 0px;}
#btn_work4 {display: block; width: 215px; height: 120px; background: url(../images/work_thr.gif) no-repeat 0 0px;}
#btn_work5 {display: block; width: 215px; height: 120px; background: url(../images/work_adweek.gif) no-repeat 0 0px;}
#btn_work6 {display: block; width: 215px; height: 120px; background: url(../images/work_contract.gif) no-repeat 0 0px;}
#btn_work7 {display: block; width: 215px; height: 120px; background: url(../images/work_filmjournal.gif) no-repeat 0 0px;}
#btn_work8 {display: block; width: 215px; height: 120px; background: url(../images/work_ms.gif) no-repeat 0 0px;}
#btn_work9 {display: block; width: 215px; height: 120px; background: url(../images/work_bb.gif) no-repeat 0 0px;}
#btn_work10 {display: block; width: 215px; height: 120px; background: url(../images/work_brandweek.gif) no-repeat 0 0px;}
#btn_work11 {display: block; width: 215px; height: 120px; background: url(../images/work_marinus.gif) no-repeat 0 0px;}
#btn_work12 {display: block; width: 215px; height: 120px; background: url(../images/work_shire.gif) no-repeat 0 0px;}
#btn_work13 {display: block; width: 215px; height: 120px; background: url(../images/work_hp.gif) no-repeat 0 0px;}
#btn_work14 {display: block; width: 215px; height: 120px; background: url(../images/work_dew.gif) no-repeat 0 0px;}
#btn_work15 {display: block; width: 215px; height: 120px; background: url(../images/work_ballet.gif) no-repeat 0 0px;}
#btn_work16 {display: block; width: 215px; height: 120px; background: url(../images/work_pnnext.gif) no-repeat 0 0px;}
#btn_work17 {display: block; width: 215px; height: 120px; background: url(../images/work_html5.gif) no-repeat 0 0px;}

#btn_work1:hover, #btn_work2:hover, #btn_work3:hover, #btn_work4:hover, #btn_work5:hover, #btn_work6:hover, #btn_work7:hover, #btn_work8:hover, #btn_work9:hover, #btn_work10:hover, #btn_work11:hover, #btn_work12:hover, #btn_work13:hover, #btn_work14:hover, #btn_work15:hover, #btn_work16:hover, #btn_work17:hover
{background-position: 0 -120px}

#btn_work1 span, #btn_work2 span, #btn_work3 span, #btn_work4 span, #btn_work5 span, #btn_work6 span, #btn_work7 span, #btn_work8 span, #btn_work9 span, #btn_work10 span, #btn_work11 span, #btn_work12 span, #btn_work13 span, #btn_work14 span, #btn_work15 span, #btn_work16 span, #btn_work17 span
{display: none;}

.workTitle {
	border-top: 3px solid #aeaeae;
	margin: 5px 0 0 0;
	width: 215px;
}


/* Flickr CSS
------------------------------------------------- */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#F9F9F9;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* Twitter CSS
------------------------------------------------- */
#twitter_div {
	margin: 0;
	padding: 0;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 5px 0 17px;
	color: #002b32;
	list-style: none;
}

ul#twitter_update_list li {
	margin: 3px 0 10px 0;
	border-bottom: 2px dotted #cccccc;
	padding: 0 0 5px 0;
	background: url(../images/bird2.png) bottom right no-repeat;
}

#twitter-link {
	margin: 0;
	padding: 8px 0 15px 0;
}


/* Feed Content
------------------------------------------------- */

  #feedReader {
		
  }


   #feedReader .gfc-title
   {
   	 display: none;
   }
   
   #feedReader gfc-resultsHeader {
   		border: 0px;
   }

  #feedReader .gf-result, .gf-result {
    margin-bottom : 20px;
	
  }

  #feedReader .gf-title {
	font: 17px Georgia, "Times New Roman", Times, serif;
  }
  
  #feedReader .gf-relativePublishedDate, #feedReader .gf-author {

	font-size: 12px;
  }
  
  #feedReader .gf-snippet {
  	padding: 5px 10px 7px 0;
	margin-bottom: 7px;
	border-bottom: dotted 1px #666;
	
  }



/* Footer Content
------------------------------------------------- */

#footer_container {
	padding: 0px 0px 0px 0px;
	background: #4A4A4A;
	clear: both;
	display: block;
	border-top: 3px solid #cccccc;
}

#footer_text {
	padding: 20px 0px 0px 0px;
	text-align: center;
	color: #C0C0C0;
	font-size: 9pt;
}

h5.footer_title {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #C0C0C0;
	padding: 3px;
}

a.footer {
	color: #757575;
	text-decoration: none;
}

a.footer:hover {
	color: #A8A7A7;
	text-decoration: none;
}

a.footer2 {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.footer2:hover {
	color: #A8A7A7;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

p.footertxt {
	text-align: left;
}

/* Slider
------------------------------------------------- */
#slider {
    width: 600px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0 0 0 30px;
}
#sliderContent {
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 18px Helvetica, sans-serif;
    padding: 15px 0 20px 15px;
    width: 600px;
    background-color: #272626;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #ffffff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 30px;
	font-family: Georgia;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul #slider { list-style-type: none;}


/* Example tumblrRSS CSS */
.rssHeader { padding: 0.2em 0; display:none;}
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p { margin: 0; padding: 0; }

.rssRow { padding: 0.8em; }
.rssRow div
{
	font-size: 90%;
	color: #666;
	margin: 0.2em 0 0.4em 0;
}

.odd {border-bottom: 1px solid #cccccc;}
.even {border-bottom: 1px solid #cccccc;}