.ir{ text-indent: -9999px; overflow: hidden; }
.ir a{ display: block; overflow: hidden; }

* .clear{ margin: 0; padding: 0; border: none; clear: both; }

html {background:url(images/mainbg.jpg);}
body { text-align:center; font-family: Tahoma, Verdana, Arial; background:url(images/bodybkgrnd.png) repeat-x;}
a { text-decoration: none; color: #ff3300; border-bottom: 1px dotted #ff3300; padding: 0 0 1px 0; }
a:hover { border-bottom: 1px solid #fff; }

a.img{ padding: 0; border: none; }
a.img:hover{ padding: 0; border: none; }

strong {color:#1dadd0;}

p, ul { font-size: 13px; line-height: 21px; margin-bottom: 21px; }

#wrapper { width: 1041px; text-align:left; margin: 0 auto; padding: 34px 0; background:url(images/mainbg.png) 0% 65% no-repeat;}

#masthead {width:973px; height:211px; padding: 0 0 0 68px; background:url(images/masthead.png)}
	#masthead h1 {float:left;}
	#masthead h1 a {background:url(images/booma.png) 0px 0px no-repeat; padding:0; border:none; width:349px; height:116px;}
	#masthead h1 a:hover,
	#masthead h1 a.selected,
	#masthead h1 a.active{ background-position: 0 -116px; }
	#masthead h2 {float:right;}
	#masthead h2 a {padding:0; border:none; width:624px; height:77px;}
	
	#masthead ul { float: right; position: relative; width: 620px; height: 134px; margin: 0; line-height: 1; }
	#masthead li { float: left; text-indent: -9999px; }
	#masthead li a { display: block; background: url(images/nav.png) top left no-repeat; height: 134px; padding: 0; border: none; }
	#masthead li.about a{ background-position: 0 0; width: 136px; }
	#masthead li.portfolio a{ background-position: -136px 0; width: 190px; }
	#masthead li.blog a{ background-position: -326px 0; width: 99px; }
	#masthead li.login a{ background-position: -425px 0; width: 194px; }
	#masthead li.about a:hover,
	#masthead li.about a.selected,
	#masthead li.about a.active{ background-position: 0 -134px; }
	#masthead li.portfolio a:hover,
	#masthead li.portfolio a.selected,
	#masthead li.portfolio a.active{ background-position: -136px -134px; }
	#masthead li.blog a:hover,
	#masthead li.blog a.selected,
	#masthead li.blog a.active{ background-position: -326px -134px; }
	#masthead li.login a:hover,
	#masthead li.login a.selected,
	#masthead li.login a.active{ background-position: -425px -134px; }

#content {width:928px; background:url(images/leaves.png) no-repeat; padding: 0 0 0 113px; min-height:483px;}

	#myGallery {}
	#gallery {float:left; width:460px; height:345px;}
	#gallery h1 {background:url(images/work.png) 0px 0px no-repeat; padding:0px 0 10px 0; border:none; width:185px; height:26px;}
	#myGallery a {border:none;}
	
	#right {width:400px; float:right; padding:25px 20px 0 0;}
	#right h1 {background:url(images/services.png) 0px 0px no-repeat; border:none; width:107px; height:35px; float:right; padding-right:28px;}
	.lines { width: 370px; background:url(images/servicesbkgrnd.png); text-align:left; clear:both; padding:5px; line-height:1em;}
	
	#cnn {filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); -moz-opacity: 0.8; margin:13px 0 0 0; }
	.cnnclass{width: 400px;padding: 5px;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: 0.8; }
	.rsstitle{ font-weight: bold;}
	.rssdate{ color: gray; font-size: 85%;}
	.rssdescription{ }
	
#spcontent { background:url(images/bg.png); width: 845px; padding:15px; height:290px;}
#spcontenttwo {  background:url(images/servicesbkgrnd.png); width: 868px; padding:5px 0;}

	#about h1 {background:url(images/about.png) 0px 0px no-repeat; border:none; width: 108px; height: 38px; margin:0 0 15px 0;}
	#about h2 {color: #c84817; margin: 0 0 20px 0;}
	#about h3 {color: #694135;}
	
	#portfolio {text-align:center;}
	#portfolio h1 {background:url(images/portfolio.png) 0px 0px no-repeat; border:none; width:139px; height:36px; margin: 0 0 15px 0;}
	#portfolio a {border:none;}
	#portfolio img {padding: 10px 5px;}
	
	#blog {}
	#blog h1 {background:url(images/blog.png) 0px 0px no-repeat; border:none; width: 78px; height:37px; margin: 0 0 15px 0;}
	#blog h2 {color: #c84817;}
	#blog h3 {color: #694135; font-size:12px; margin: 0;}
	
	#contact {}
	#contact h1 {background:url(images/contact.png) 0px 0px no-repeat; border:none; width: 101px; height:26px; margin: 0 0 15px 0;}
	#contact iframe {float:right; margin: 0 20px 0 0;}

	
#flickrfooter { background:url(images/flickrfooter.png) bottom left; min-height:357px; padding: 0 0 0 113px;}
	#flickr {clear:both;}
	#flickr h1 {background:url(images/flickr.png) 0px 0px no-repeat; padding:0 0 5px 0; border:none; width:74px; height:30px;}
	#flickr a {border:none;}
	.flickr_badge_image img {border:1px dotted #94d8e5; margin:0 18px 0 0;}	
	
	/*my links only*/
	#mylinks {float: left; width:230px; color:#a4c552;}
	
	/*favorite links only*/
	#favlinks {float: left; width:230px; color:#a4c552;}
	#favlinks ul {float: left; padding-right:15px;}
	
	/*listening only*/
	#listening {float: left; width: 230px; color:#a4c552;}

	/*reading only*/
	#reading {float: left; width: 230px; color:#a4c552;}

	/*shared*/
	#mylinks p, #favlinks p, #listening p, #reading p { font-size:11px;}
	#mylinks h1, #favlinks h1, #listening h1, #reading h1 {color: #df8c46;}
	#mylinks a, #favlinks a, #listening a, #reading a {font-size: 11px; color:#909656; border-bottom:none;}
	#mylinks a:hover,
	#mylinks a:selected,
	#mylinks a:active, 
	#favlinks a:hover,
	#favlinks a:selected,
	#favlinks a:active,
	#listening a:hover,
	#listening a:selected,
	#listening a:active, 
	#reading a:hover,
	#reading a:selected,
	#reading a:active {color:#9a062a;}

#watermarklogo { position:absolute; border:none;}
#watermarklogo a {border:none;}
#watermarklogo img {border:none;}