body, html
{
	width:				100%;
	height:				100%;
	margin:				0;
	padding:			0;
	color:				#FFF;
	line-height:		1.7em;
	font-family:		"Trebuchet MS", sans-serif;
	background:			#020307 url(../images/backgrounds/main_bg.gif) repeat-x;
}

h1{margin:5px 0;padding:0; font-size:1.5em;}
h2{margin:5px 0;padding:0; font-size:1.3em;}
h3{margin:5px 0;padding:0; font-size:1.1em;}
h4{margin:0;padding:0;}

body{font-size: 62.5%; line-height:23px;}

a{color:#FFA600; text-decoration:none; background:none;}
a:hover{ color:#000; background:#FFA601; text-decoration:none;}
select { background-color:#FFF; color:#000; }

hr{display:none;}
p{margin:8px 0; padding:0;}

.system_output h3{ color:#59e24b; }

/* Forms  */
input{width:260px; padding:5px; border:solid 1px #263450; background:#020307; font-weight:bold; color:#FFFFFF;}
input:focus{ border:solid 1px #003647; background:#FFF; color:#feaf26; }
#send_button{ width:125px;}
textarea{ width:150px; padding:5px; border:solid 1px #263450; background:#020307; font-weight:bold; color:#FFFFFF;}
textarea:focus{ border:solid 1px #003647; background-color:#FFFFFF; color:#FEAF26; }


#body_wrapper{ width:100%; height:100%; font-size:1.2em; }

/* HEADER + NAVIGATION */
#header{width:800px; height:120px; margin:0 auto;}

#header a.logo{ 

	display:block;
	width:299px;
	height:120px;
	text-indent:-9999px; 
	background:url(../images/common/logo.gif) top left no-repeat; 

}

#navigation{text-align:right; margin-top:-65px;}
#navigation li{display:inline; color:#001;}

#navigation a{ color:#333; text-decoration:none; }
#navigation a:hover{ background:#4bb1ce; color:#FFF;}


/* Content section */
#content_wrapper{width:800px; margin:0 auto; float:none;}

#left_col{ width:510px; height:100%; float:left;}
#right_col{ width:250px; height:100%; float:right;}

/* titles ---------------------------------------------------- */
#welcome{ background:url(../images/titles/welcome.gif) no-repeat; text-indent:-5000px;}
#recent_work{ background:url(../images/titles/1984-recent-web-design.gif) no-repeat; height:20px;text-indent:-5000px;}
#blog_title{ background:url(../images/titles/1984-blog-entries.gif) no-repeat; height:20px;text-indent:-5000px;}
#contact{ background:url(../images/titles/contact-1984.gif) no-repeat; text-indent:-5000px;}
#about-francisco-camberos{ background:url(../images/titles/about-francisco-camberos.gif) no-repeat; text-indent:-5000px;}
#tag_cloud{ background:url(../images/titles/tag-cloud.gif) no-repeat; height:20px;text-indent:-5000px; margin-top:40px;}
#portfolio{ background:url(../images/titles/portfolio.gif) no-repeat; text-indent:-5000px;}

/* Tagcloud ----------------------------------------------------  */
#tagcloud_wrapper{ margin:0; padding:15px 15px 0 20px; height:150px;}
#tagcloud_wrapper ul{ margin:0; padding:0;}
#tagcloud_wrapper li{ list-style-type:none; display:inline; margin:0; padding:0;}
#tagcloud_wrapper li:hover{color:#FFA600;}

.tc1{ margin:1px 1px; font-size:.9em;}
.tc2{ margin:2px 2px; font-size:1.3em;}
.tc3{ margin:3px 3px; font-size:1.5em;}



/* Project styles -------------------------------------------- */
.project_container{ height:150px; width:505px; padding:20px 0 5px 0; border-bottom:#333E4B solid 1px;}
.project_container img{ border:3px solid #626262;}

/*Photography Section */

#photography_section{width:100%; margin:0 auto; height:380px; float:none; color:#D7E9FF; background:#171C22 url(../images/backgrounds/section2_bg.gif) repeat-x;}
#photography_wrapper{ width:800px; margin:0 auto; padding-top:40px;}
#photography_wrapper p{ width:350px; text-align:justify; float:left; line-height:2.1em;}
#quote{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.6em; line-height:1.1em; text-align:center; padding:10px 0 0 35px; background:url(../images/backgrounds/quotes.gif) left no-repeat; height:125px; width:350px; float:right;}

#photo_albums{ width:100%; height:200px; clear:both; border-top:#333E4B solid 1px; padding-top:30px; text-align:center;}

#sports{width:130px; margin-left:40px; float:left; height:125px; text-indent:-5000px; background:url(../images/photo_thumbs/sports.jpg) no-repeat;}
#people{width:145px; float:left; height:125px; display:block; text-indent:-5000px; background:url(../images/photo_thumbs/models.jpg) no-repeat; margin-left:55px;}
#wildlife{width:130px; float:left; height:125px; display:block; text-indent:-5000px; background:url(../images/photo_thumbs/wildlife.jpg) no-repeat; margin-left:55px;}
#misc{width:130px; float:left; height:125px; display:block; text-indent:-5000px; background:url(../images/photo_thumbs/misc.jpg) no-repeat;  margin-left:55px;}

/* Blog Section ----------------------------------------------------*/
#link_to_1984 { background:url(../images/titles/link-to-1984.gif) no-repeat; height:20px;text-indent:-5000px;}
.archive_link{ font-size:1em; color:#FFFFFF; background:none; font-weight:normal;  }
.right_style_col{ line-height:1.3em;}
.archive_link:hover{ background:none;  color:#FFA600; }

/* Right col section ----------------------------------------------------*/
#as_seen_on{ background:url(../images/titles/as-seen-on.gif) no-repeat; height:20px;text-indent:-5000px;}
#awards_recognition{ list-style:none; line-height:19px; margin-left:-42px; font-size:5px; }

/* li's */ 
#design_meltdown, #design_meltdown span{width:84px; float:left; height:33px; overflow:hidden;}
#design_meltdown span{ position:absolute; background:url(../images/icons/design_meltdown.gif) right no-repeat; }

#rgb_garden, #rgb_garden span{width:84px; float:left; height:33px; overflow:hidden;}
#rgb_garden span{ position:absolute; background:url(../images/icons/rgb_garden.gif) right no-repeat;  }

#css_arts, #css_arts span{width:84px; float:left; height:33px; overflow:hidden;}
#css_arts span{ position:absolute; background:url(../images/icons/css_arts.gif) right no-repeat;  }

#css_2, #css_2 span{width:84px; float:left; height:33px; overflow:hidden;}
#css_2 span{ position:absolute; background:url(../images/icons/css_2.gif) right no-repeat;  }

#css_zoo, #css_zoo span{width:84px; float:left; height:33px; overflow:hidden;}
#css_zoo span{ position:absolute; background:url(../images/icons/css_zoo.gif) right no-repeat;  }

#css_star, #css_star span{width:84px; float:left; height:33px; overflow:hidden;}
#css_star span{ position:absolute; background:url(../images/icons/css_star.gif) right no-repeat;  }

#commandshift3, #commandshift3 span{width:84px; float:left; height:33px; overflow:hidden;}
#commandshift3 span{ position:absolute; background:url(../images/icons/commandshift3.gif) right no-repeat;  }

#lightondark, #lightondark span{width:84px; float:left; height:33px; overflow:hidden;}
#lightondark span{ position:absolute; background:url(../images/icons/lightondark.gif) right no-repeat;  }

#dailyslurp, #dailyslurp span{width:84px; float:left; height:33px; overflow:hidden;}
#dailyslurp span{ position:absolute; background:url(../images/icons/dailyslurp.gif) right no-repeat;  }

#cssclip, #cssclip span{width:84px; float:left; height:33px; overflow:hidden;}
#cssclip span{ position:absolute; background:url(../images/icons/cssclip.gif) right no-repeat;  }

#csszoo, #csszoo span{width:84px; float:left; height:33px; overflow:hidden;}
#csszoo span{ position:absolute; background:url(../images/icons/csszoo.gif) right no-repeat;  }

#cssbased, #cssbased span{width:84px; float:left; height:33px; overflow:hidden;}
#cssbased span{ position:absolute; background:url(../images/icons/cssbased.gif) right no-repeat;  }

#stationarystyle, #stationarystyle span{width:84px; float:left; height:33px; overflow:hidden;}
#stationarystyle span{ position:absolute; background:url(../images/icons/stationarystyle.gif) right no-repeat;  }

#css_brigit, #css_brigit span{width:84px; float:left; height:33px; overflow:hidden;}
#css_brigit span{ position:absolute; background:url(../images/icons/css_brigit.gif) right no-repeat;  }

/* Blog Styles ----------------------------------------------------*/

#blog_archive{ background:url(../images/titles/blog-archive.gif) no-repeat; height:20px;text-indent:-5000px;}
.blog_entry{width:505px; padding:5px 0;}

#ttl_blog_comments{ margin:20px 0;}
.visitor{ border:#414344 solid 1px; line-height:22px; padding:5px 20px 0 20px; margin:10px 0;}
.admin{ border:#4b97e2 solid 1px;  line-height:22px; padding:5px 20px 0 20px; margin:10px 0;}

.container_bg{background:#020307 url(../images/backgrounds/gradient_bg.gif) repeat-x; padding:10px 0 0 15px;}

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

#footer_section{width:100%; margin:0 auto; height:100px; float:none; background:url(../images/backgrounds/section3.gif) repeat-x;}

#ie_div{display:none; width:100%; height:29px; padding-top:3px; text-align:center; background:url(../images/backgrounds/iebg.gif) repeat-x;}