html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Remove annoying border on linked images. */
a img { border: none; }

*:focus {outline: none;}


html { font-size:75%; height: 100%;}
html>body { font-size: 14px; }

body { 
	color: #000;
	background: #FFF;
	min-height:101%;
	min-width:640px;
}

body, form {  
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	line-height:1.4;
}

#image {text-align:center; padding: 0 0 15px 0;}
#image img {max-width: 625px;}
#prevnext {text-align:center;  padding: 0 0 10px 0;}

div.links div.hr {
  height: 15px;
  background: #FFF url('../../_graphics/hr.gif') repeat-x ;
  margin: 0 0 0 -25px;
  clear: both;
}
div.links div.hr hr {
  display: none;
}

#link h2 {margin: 25px 0 0 0;}
#link h3 {font-size: 1.2em; }
#link h4 {font-size: 1em; color: #333}
#link img {float: right;}
div.links  {margin: 0 0 0 25px;}

#projects
  {
  display: inline-block;
  margin: 0 auto;
  }

#projects div.project
  {
  margin:6px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
  
#projects div.project img
  {
  display:inline;
  margin:3px;
  }

div.projectName
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }
 
 #thumbs
  {
  display: inline-block;
  margin: 0 auto;
  width: 435px;
  }

#thumbs div.img
  {
  margin:6px;
  height:60px;
  width:60px;
  overflow: hidden;
  float:left;
  text-align:center;
  }
  
#thumbs div.img img
  {
  display:inline;
  margin: 0 -50%;
  }



#layout_header,#layout_content,#layout_menu,#layout_sub-menu,#layout_footer {
	overflow:hidden;
	display:inline-block;
}

#layout_wrapper{
	width: 100%;
	
}

#layout{
	width: 830px;
	margin: 0 auto;
	background-image: url('../../_graphics/layout.gif');
	background-position: top center;
	background-repeat: repeat-y;
}

#layout_header {
	width:100%;
	border-bottom: 1px solid #999;
}


#layout_content {
	float:right;
	min-height: 500px;
	width: 625px;
	padding: 15px;
	text-align: center;
}

#layout_menu {
	padding: 15px 5px 15px 3px;
	float: left;
	width: 150px;
}


#layout_breadcrumb {
	padding: 3px 15px 3px 2px;
	border-bottom: 1px solid #999;
		background: #FFF;


}

#layout_footer {
	clear:both;
	width: 100%;
	border-top: 1px solid #999;
	background: #FFF;

}

#site_footer {
}



/* Menus
-------------------------------------------------------------- */
#layout_breadcrumb {font-size: .8em; }

#layout_menu ul {margin:0; padding: 0;}
#layout_menu ul li {  padding: 5px 0 10px 0;}
#layout_menu ul li ul {margin: 0 15px;}
#layout_menu ul li ul li { padding: 5px 0 ;}

#layout_submenu ul {margin:0; padding: 0;}
#layout_submenu ul li {padding: 5px 0;}
#layout_submenu ul li ul {margin: 0 25px;}

#layout_footer ul.menu1 {margin:0; padding: 0 15px 0 3px; float: left; font-size: .8em;}
#layout_footer ul.menu1 li {padding: 5px 0;}
#layout_footer ul.menu1 li ul {margin: 0 25px;}


/* Headings
-------------------------------------------------------------- */
h1,h2{ font-weight:normal; font-family: 'Courier New', Courier, monospace;}
h3,h4,h5,h6 { font-weight: normal; }


h1 { margin: 0 0 10px 0; font-size: 1.7em; color: #a21f0b; letter-spacing: 2px;}
h2 { margin: 0; font-size: 1.4em; font-weight: bold;}

h3 { font-size: 1.4em;  }
h4 { font-size: 1.313em; }
h5,h6 { font-size: 1.212em; }

/* Text elements
-------------------------------------------------------------- */
p { font-weight:300; text-align: justify; margin: 0 0 20px 0;}

#site_footer {
	text-align: center;
	font-size: .8em;
	font-style: italic;
	color: #FFF;
}

a:link		{color: #a21f0b; text-decoration: none; } 
a:visited	{color: #a21f0b; text-decoration: none;} 
a:hover		{color: #000; text-decoration: underline;} 
a:focus		{color: #000; text-decoration: underline;} 
a:active	{color: #000; text-decoration: underline; }


/* Social Media
-------------------------------------------------------------- */

#twitterfeed {border-top: 1px dotted #999; margin: 15px 0 0 0; padding-top: 10px;}
#twitterfeed p {margin:0; padding: 0; color: #999;}
#twitterfeed ul {margin: 0; padding: 0;}
#twitterfeed li {font-size:.75em;}


#socialmedia { margin-top: 15px; border-top: 1px dotted #999;}

#socialmedia a {
	padding: 5px 0px 5px 36px;
	display: block;
}

#socialmedia li {
	list-style-type: none;
	padding: 5px 0;
	text-align: left;
}

#twitter {
	background: url(../../_graphics/socialmedia/twitter_32.png) no-repeat left;
}

#youtube {
	background: url(../../_graphics/socialmedia/youtube_32.png) no-repeat left;
}

#linkedin {
	background: url(../../_graphics/socialmedia/linkedin_32.png) no-repeat left;
}
#facebook {
	background: url(../../_graphics/socialmedia/facebook_32.png) no-repeat left;
}
#flickr {
	background: url(../../_graphics/socialmedia/flickr_32.png) no-repeat left;
}
#feed {
	background: url(../../_graphics/socialmedia/feed_32.png) no-repeat left;
}
#technorati {
	background: url(../../_graphics/socialmedia/technorati_32.png) no-repeat left;
}
/* END: socialMedia */