@import url("nav.css");
@import url("type.css");

/*****************************************
	REBECAMENDEZ.COM STYLE SHEET
	
	Table of contents
	* import navigation styles (including image replacement)
	* import type style definitions
	* default styles
	* general layout
	* home layout
	* news layouts
	* project layouts
	* lightbox

******************************************/

/*** DEFAULTS ***/

* { margin: 0; padding: 0; }
a img { border: none; }
hr { visibility: hidden; height: 0%; clear: both; color: #fff; background: #fff; }



/****************************************************************** LAYOUT ***/

body { 
	margin: 		20px;
	}
	
#header { 
	position: 		static;
	}
body > #header { 
	position: fixed; 
	width: 100%;
	z-index: 100;
	background: #fff;
	}
/** retarded scroll overlap fix **/
body > span.dumbfix {
	display: block;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: #fff;
	position: fixed;
}
	
#main_nav { 
	position: 		absolute;
	width: 			251px;
	top: 			60px;
	left: 			20px;
	}
body > #main_nav { 
	position: 		fixed;
	top: 			60px;
	}
	
#copyright {
	position: 		absolute;
	left: 			20px;
	bottom: 		20px;
	}
body > #copyright {
	position: 		fixed;
	}
	
#body {
	position: 		absolute;
	top: 			60px;
	left: 			290px;
	width: 			625px;
	}
	
#bottom_spacer {
	clear: 			both;
	height: 		0;
	margin-bottom:	100px;
	}
	
#sidebar {
	position: 		absolute;
	bottom: 		76px;
	left: 			20px;
	width: 			242px;
	border: 		1px dotted #ccc;
	padding: 		5px;
	}
body > #sidebar {
	position: 		fixed;
	}

/****************************************************************** HOME ***/
.project_thumb {
	width: 			156px;
	float: 			left;
	margin-top: 	5px;
	margin-left:	78px;
	}
.thumb_0 { margin-left: 0; }
.project_thumb h3 {
	margin-bottom: 	5px;
	width: 			156px;
	}
	
/****************************************************************** NEWS ***/

.news_post {
	margin-bottom: 	24px;
	}
h2 + .news_post h3 {
	margin-top: 5px;
}
.more_link {
	font-size: 		10px;
	margin-top: 	-23px;
	letter-spacing: 1px;
	}
.more_link a { color: #666; }
.more_link a:hover { color: #FF4E00; }

/****************************************************************** PROJECTS ***/

.details_toggle { 
	font-size: 		9px;
	margin-top: 	4px; 
	padding-bottom: 1px; 
	margin-bottom: 	2px; 
	}

.details_toggle a { 
	border: 		0;
	}
.details_toggle a img {
	margin-bottom: 	-2px;
	}

.details_toggle a.active { color: #FF4E00; }
	
#media_nav {
	font-size: 		9px;
	color: 				#000;
	position: 		absolute;
	top: 					30px;
	right: 				0;
	}
#media_nav a img { margin-bottom: -3px }
#media_nav a:hover { border: 0; }

.image_frame {

	}
.image_frame img { border: 1px dotted #ccc;}
.image_caption {
	text-align: left;
	margin-top: 1em;
	}
	
/****************************************************************** column nav */
#grid_nav {
	position: 		relative;
	margin-bottom: 	14px;
	}
.col { 
	padding: 		3px 0px 4px 0px;
	line-height:	19px;
	}
.c1, .c2 { 
	position: 		absolute; 
	top: 			0; 
	}
.c1 { left: 178px; }
.c2 { left: 356px; }

.col img { margin-bottom: -2px; }

/****************************************************************** SUMMARIES */
.summary h3 {
	margin: 		9px 0 13px 0;
	clear:			both;
	}
.summary .image {
	float: 			left;
	margin: 		0 22px 22px 0;
	border: 		1px dotted #ccc;
	width: 			156px;
	padding: 		0;
	overflow: 	hidden;
	}
.summary .image img { display: block; }

.summary .description p {
	margin-top: 	0;
	}

/****************************************************************** LIGHT BOX ***/
.lightbox_item {
/*	width: 310px;*/
	border: 1px dotted #ccc;
	padding: 10px;
	margin: 11px 0;
	}

.lightbox_item img {
	float: left;
	margin-right: 10px;
	}

#lightbox_form {
	margin-top: 11px;
	}

#lightbox p {
	text-align: left;
	}
	
label span {
	float: left;
	width: 100px;
	}

#lightbox_form input[type=text] {
	width: 250px;
	}
	
.flash {
	margin-top: 6px;
	}
	
/****************************************************************** PRESENTATION BOX ***/

#presentation_box {
	margin-top: 6px;
	border-top: 1px dotted #ccc;
	padding-top: 5px;
	}

/****************************************************************** TABLES ***/

.data_grid {
	width: 100%;
	margin-top: 6px;
	}
.data_grid th {
	text-align: left;
	padding-bottom: 6px;
	font-weight: normal;
	}
.data_grid tr {
	margin-bottom: .5em;
	}
.data_grid .row_0 {
	background: #eee;
	}
.data_grid td {
	padding: 4px 4px 6px 4px;
	}
	
/****************************************************************** error messages (from scaffolding) ***/	
.errorExplanation {
	margin: 6px 0;
	padding: 6px;
	border: 1px dotted #ccc;
	}

.errorExplanation h2 {
	border: 0;
	}
	
.errorExplanation p {
	margin-bottom: 0;
	}
	
.errorExplanation ul {
	margin-top: 0;
	margin-left: 20px;
	}
	
.errorExplanation li {
	list-style: circle inside;
	}
	
.fieldWithErrors input, .fieldWithErrors textarea {
	border: 1px solid #FF4E00;
	background: #FFCDBB;
	}
	
/****************************************************************** ADAM ***/
.left {
	float: left;
	margin: 0 22px 11px 0;
	width: 156px;
	}
	
.left img {
	border: 1px dotted #ccc;
	}
	
/****************************************************************** Pagination ***/
.pagination {
	clear: both;
	margin-top: 6px;
	margin-bottom: 31px;
}

/****************************************************************** Splash ***/
#splash {
	text-align: center;
	margin: 75px 0;
    padding: 0;
    line-height: 0px;
}
#splash img {
	margin: 0;
	padding: 0;
}
#splash_enter {
	text-align: center;
	margin: 25px 0;
}