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

	Camilo Cadena
	Portfolio Styles
	camilo@camilocadena.com
	@2008
	
* * * * * * * * * * * * * * */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	min-height: 100%;
}


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: "" "";
}

/* TOOLBOX */

.clear {
	clear: both;
	}
	
.float_left {
	float: left;
	}
	
.float_right {
	float: right;
	}
	
span.amp {
	font: bold italic 13px/15px "Bembo std",serif;
	padding-right: 2px;
	}



/* GENERAL STYLES */

body {
	font: 12px/18px "palatino linotype",Palatino,Georgia,serif, normal;
	background: url(../images/bk_body_02.jpg) top left repeat-x fixed #fafafa;
	color: #555;
	min-height: 100%;
	
	}
	
strong {
	font-weight: 800;
	}
	
a {
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	color: #888;
	}
	
p {
	padding-top: 0.8em;

	}
	
em {
	font-style: italic;
	}

h3.title {
	font: 20px/24px "lucida sans unicode","lucida grande",sans-serif;
	}


.container {
	width: 800px;
	margin: 0 auto -150px;/* the bottom margin is the negative value of the footer's height */
	background-color: #fff;
	min-height: 100%;
	height: auto!important;
	height: 100%;
	}
	
	div.header {
		padding: 0 0 0px 20px;
		background-color: #fff;
		height: 95px;
		}
		
		div.block_logo {
			width: 234px;
			float: left;
			text-indent: -9999px;
/*			padding-top: 30px;*/
			}
			
			div.block_logo a{
			display: block;
			width: 234px;
			height: 90px;
			overflow: visible;
			border: none;
			}
			
			h1.logo {
			background: url(../images/im_logo.jpg) 0 25px no-repeat #fff;
			height: 60px;
			display: block;
			padding-bottom: 30px;
			}
			
			h2.tagline {
				font: 12px/16px Georgia,serif;
				font-style: italic;
				height: 1px;
				}
				
		div.nav_bar {
			display: block;
			float: right;
			
			}
			
			div.nav_bar ul {
			
				}
				
				div.nav_bar ul li {
				float: left;
				display: block;
				border-right: 1px solid #f5f5f5;
				padding: 60px 40px 16px 40px;
				background: url(../images/bk_menu_01.jpg) top right no-repeat #fff; 
				}
				
				div.nav_bar ul li a:link, div.nav_bar ul li a:visited, div.nav_bar ul li a:hover, div.nav_bar ul li a:active {
				font-style: italic;
				font-size: 1.1em;
				text-decoration: none;
				color: #555;
				border: none;
				}
				
					
		
/* CONTENT STYLES */

	div.content {
		clear: both;
		padding: 20px;
		background-color: #fff;
		border-top: 5px solid #f3f3f3;
		
		}
		
		div.content span.category {
			font-family: "lucida sans unicode","lucida grande",sans-serif;
			color: #777777;
			font-size: 0.75em;
			letter-spacing: 2pt;
			background: #f3f3f3;
			padding: 0 5px;

			}
			
			div.content div.portfolio_item {
				padding-bottom: 20px;
				border-bottom: 2px dotted #dadada;
				margin-bottom: 20px;
				clear: both;
				}
				
			
				div.content div.portfolio_item h2.title_2 {
					font-family: georgia,serif;
					color: #444444;
					font-size: 20px;
					padding: 7px 0 13px 0;
					}
					
					
				div.content div.portfolio_item img.project_thumb {
					border: none;
					float: left;
					margin-right: 20px;
					}

				
					
		
	div.content	div.block_contact {
			
		}
		
		div.content	div.block_contact h3 {
		font: 18px/20px "lucida sans unicode","lucida grande",sans-serif;
			
		}
		
		div.content	div.block_contact a {
			color: #666;
			}
			
			
		
	div.footer {
		border-top: 5px solid #f3f3f3;
		background: url(../images/bk_menu_01.jpg) top right no-repeat #fff;
		padding: 20px;
		background-color: #fff;
		height: 150px; /* .push must be the same height as .footer */
		}
		

	div.push {
		height: 150px; /* .push must be the same height as .footer */
		}
/*



/* TEST */

#panel, #panel2 {
	display: none;
	padding: 10px;
	background: #f3f3f3;
	margin: 0 0 20px 0;
	}
	
	#panel p, #panel2 p {
	width: 480px;
	}
	
	#panel p, #panel2 a {
	border: none;
	color: #666;
	}

	
span.close {
	float: right;
	}
	
	span.close a {
		border: none;
		}
		
.banners img {
 	padding: 20px;
 	display: block;
 	
}

ol {
	padding: 10px;
	width: 250px;
}

ol li {
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 0; 
}

ol li a {
	border: none;
	text-decoration: none;
	}

ol li a:hover {
	background-color: #fafafa; 
	}