
* {
  margin: 0;
  padding: 0;
}

body  {
  /* background: #323c41 url(../images/backgrounds/32.png) fixed; */
  /* background: #480403 url(../images/backgrounds/redDwarf.jpg) 100% 0 repeat-x fixed;*/
  background: #39372F url(../images/backgrounds/creamyGoodness.png) 100% 0 repeat-x fixed;
  font: 80% "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: center;
}

img {
  border: 0;
}

/*****************************
* Page Link Styles 
*****************************/

a:link  {
  color: #A91E21;
  text-decoration: underline;
}

a:visited  {
  color: #901B17 ;
  text-decoration: underline;
}

a:hover  {
  color: #000;
  text-decoration: none;
}

a:active  {
  color: #000;
  text-decoration: none;
}

/*****************************
* Page Structure Styles 
*****************************/

#container  {
  width: 950px;
  margin: 0 auto;
  background: #F2E6CC url('/images/backgrounds/rightCol.jpg') top right repeat-y;
  border-left: 1px solid #141310;
  border-right: 1px solid #141310;
}

#leftCol {
  float: left;
  width: 700px;
  min-height: 35em;
  padding: 15px 25px;
}	
		
#rightCol {
  float: right;
  width: 200px;
  text-align: left;
}	

#content p  {
  line-height: 1.5em;
  text-align: left;
  padding: 1em 0;
}  


/*****************************
* Page Header Styles 
*****************************/

#header {
  height: 100px;
  margin: 0;
  padding: 0 30px;
  text-align: left;
}

#header {
  background: url('/images/headers/redTile2.jpg') repeat-x;
}

.sectionTitle {
 display: block;
 float: right;
 margin: 43px 15px 0 0;
 font-size: 180%;
 text-transform: uppercase;
 color: #fff;
}

/*****************************
* Navbar Styles 
*****************************/

#navbar {
  clear: both;
  height: 30px;
  margin: 0;
  padding: 0;
  background: #333 url('/images/backgrounds/navbarBack.jpg');
  border-top: 1px solid #000;
  /* border-bottom: 1px solid #000; */
  list-style: none;
  font-size: 102%;
}

#navbar li {
  float: left;
  display: block;
  border-right: 1px solid #000;
  text-align: left;
}

#navbar a {
  display: block;
  _float: left;
  height: 20px;
  padding: 10px 24px 0 24px;
  background: #333 url('/images/backgrounds/navbarBack.jpg');
  font: bold 11px Verdana, sans-serif;
  letter-spacing: 0px;
  text-decoration: none;
}

#navbar a:hover {
  background: #666 url('/images/backgrounds/navbarLiOver.png');
  color: #fff;
}

#home #homeNav, #webDesign #webNav, #printDesign #printNav, #photography #photosNav, #illustration #illustrationNav, #resume #resumeNav, #about #aboutNav, #links #linkNav, #contact #contactNav, #links #linksNav, #sitemap #sitemapNav {
  background: #F2E6CC url('/images/backgrounds/navbarLi.png') top;
}

#home #navbar a:hover, #webNav #navbar a:hover, #printDesign #navbar a:hover, #photography #navbar a:hover, #illustration #navbar a:hover, #resume #navbar a:hover, #about #navbar a:hover, #links #navbar a:hover, #contact #navbar a:hover, #links #navbar a:hover, #sitemap #navbar a:hover {
  background: #8B7B64 url('/images/backgrounds/navbarLiOver.png') top;
}

/*****************************
* Right Column Styles 
*****************************/


#rightCol ul, #rightCol ol {
  margin: 0;
  list-style: none;
}

.subList a {
  font-weight: normal !important;
  text-indent: 10px !important;
}

#rightCol li a {
  display: block;
  _height: 15px;
  padding: 3px 0 3px 12px;
  font: bold 10px "lucida grande","Arial Narrow", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #F2EEE4;
}

#rightCol li:hover {
  background: url('/images/backgrounds/rightColH1.jpg') no-repeat;
  color: #fff;
}


#rightCol h1 {
  clear: left;
  margin: .25em 0 !important;
  padding: 5px 12px 5px 12px;
  background: #333 url('/images/backgrounds/navbarBack.jpg') bottom left;
  border: none !important;
  color: #CFBA91;
}

#rightCol h1 a {
  display: block;
  padding: 2px 0 0 10px;
  /* color: #F0BF4D; */
  color: #CFBA91;
  text-decoration: none;
}

#rightCol h1 a:hover {
  background: #751111 url('/images/backgrounds/rightColH1.jpg');
  color: #F7F0E6; 
}

/*****************************
* Home Styles 
*****************************/

.intro {
  margin: 1em 1em;
  padding: 2em 3em;
  background: #D9CEB6 url('/images/backgrounds/introBack.png');
  border: 1px solid #4E473D;
}

#home .portSamples {
  margin: 1em 0 0 1em;
}

#home #rightCol {
  padding: 0 0 1em 0;
  text-align: left;
}

#home #rightCol ul {
  margin-bottom: 1em;
}

#flickr {
  clear: both;
  margin: 0 10px;
  _margin: 0 8px;
  background: #000 !important;
  text-align: center;
}

#flickrLogo {
  clear: both;
  display: block;
  margin: 0 10px 10px 148px;
  _margin: 0 10px 10px 142px;
  border: 2px solid #000;
}

#flickr img {
  width: 75px;
  height: 75px;
  _width: 73px;
  _height: 73px;
  float: left;
  padding: 6px;
  _padding: 4px;
  border: 1px solid #39372F;
  border-collapse: collapse;
  background: #000 !important;
}
#flickr img:hover {
  border: 1px solid #fff;
}

#lastFM {
  margin: 10px 5px 0 12px;
}

#lastFM li {
  list-style: none;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
}

.scrobbler-artistline {
  display: none;
}


/*****************************
* Portfolio Styles 
*****************************/

.portfolio #content {
  text-align: left; 
}

.portfolio #content p {
  text-align: justify;
  line-height: 1.3em;
}

.portfolio #leftCol ul {
  margin: 1em 2em;
}

.portfolio #content strong {
  display: block;
}

.portfolio #content h1 {
  margin-bottom: 1em;
  border-bottom: 1px solid #000;
  font: bold 110% georgia, times, "Times New Roman", serif;
  text-transform: uppercase;
}

#portfolio .portSamples {
  border-bottom: 1px dotted #000;
}

.portSamples img {
  margin-right: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #C4A473;
  border-left: 1px solid #C4A473;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #C4A473;
  padding: 4px;
}

.portSamples a:hover img {
  border: 1px solid #A91E21;
  background: #1F1F1F;
}

.portSamples h2 {
  clear: both;
  margin: 1em 0 .25em 0;
  font: bold 120% georgia, times, "Times New Roman", serif;
  text-transform: uppercase;
}

.portSamples h2 a {
  text-decoration: none;
}

.portSamples p {
  margin-top: -.5em;
}

/*****************************
* Footer Styles 
*****************************/

#footer {
  clear: both;
  height: 25px;
  margin-bottom: 2em;
  _margin-bottom: 0;
  padding-top: 10px; 
  background: #000 url('/images/backgrounds/footerBack.png') repeat-x;
}

#footerNav {
  margin: .25em 1em .25em .25em; 
  list-style: none;
}

#footerNav li {
  float: left;
  border-right: 1px solid #6B6758;
}

#footerNav a {
  display: block;
  padding: 0 15px;
  background: none !important;
  font-size: 90%;
  font-weight: normal;
}

#footerNav a:hover {
  color: #fff;
}

#copyright {
  margin: .6em 0 0 0;
  _padding-top: .5em;
  font-size: 80%;
  color: #6B6758;
}


/*****************************
* Misc. Styles 
*****************************/

.floatRight {
  float: right;
}

.right {
  text-align: right;
}

.pngFix {
	behavior: url(/css/pngfix.htc);
}

.noBorder {
  border: 0 px solid !important;
}

acronym {
  cursor: help;
}

.hidden {
  display: block; 
  clear: left;
  visibility: hidden;
}


/*****************************
* JPG Mag Styles 
*****************************/

#jpgMag { 
	float: left; 
	clear: both; 
	position: relative; 
	width: 200px; 
	border: 0; 
	display: inline; 
	background-color:#fff; 
	font-family: Lucida Grande, LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 
	text-align: center; 
} 

#jpgMag img#jpgoverlay { 
	width: 34px; 
	height: 34px; 
	position: absolute; 
	top: 0; 
	left: 0; 
} 

#jpgMag p { 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 14px; 
	padding: 1px 4px 6px 6px; 
	margin: 0px; 
	text-align: center; 
} 

#jpgMag p a { 
	color: #c00; 
	text-decoration: none; 
}

#jpgMag p a.boxp { 
	font-size: 11px; 
	color: #000; 
} 

#jpgMag p a:hover, #jpgMag p a.boxp:hover{ 
	text-decoration: underline; 
} 

