/* 
* Titile: Sean Ockert Resume Webpage
* Author: Sean Ockert
* Date: 25 June 2009
* Location: http://catalyticat/resume/
*/

/* ------------------------------Style 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;
}

:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
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: "" "";}
acronym {border-bottom:1px dashed #AEA8A7;cursor:help;}

/* ------------------------------Basics-------------------------------*/	

	.left {float:left;display:inline;}
	.right {float:right;display:inline;}
	strong {font-weight:bold;color:#4F4842;}
	em {font-style:italic;}
	
	a {color:#2C1312;text-decoration:none;border-bottom:1px solid #BCB3AB;padding-bottom:0;}
	a:hover {color:#583534;border-bottom:1px solid #2C1312;}

	a img, .image, a.image:hover  {border-bottom:none;}
	
	
	.clear {clear:both;}
	.center {text-align:center;}
	p {margin:0;padding-bottom:5px;}
	

	li {padding-bottom:10px;}
	.bullets li {margin-left:17px;list-style-image: url('img/list_bullet.png');}

/* ------------------------------Main Styles -------------------------------*/	

	body {
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", times, serif;
		font-size:100%;	
		color:#766C64;
		background:url('img/bg_red.gif') repeat-x #160707;
	}

	#frame {
	    margin:0 auto;
	    width:980px;
		padding-top:1em;
		background-color:#f4ede0;	
		line-height:130%;
	}	

	#header {
		font-weight:bold;
		height:50px;
		}
		
		.menubar {margin-right:20px;font-size:120%;}
		.menubar li{
			list-style-type:none;
			display:inline;
			padding:5px;
			margin-right:0px;
			margin-left:0px;
		}
			
		.menubar li b {			
			/*-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;*/
			border-radius: 5px;
			/*-moz-border-radius-topleft:0px;
			-webkit-border-radius-top-left:0px;
			border-top-left-radius: 0px;*/
		}	
			
		.menubar li a{
			color:#766C64;
			background-color:#F6F2E9;
			padding:5px 8px;
			text-decoration:none;
			border-bottom:none;
			/*-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;*/
			border-radius: 5px;
		}
		
		.menubar li a:hover {background:#fff;}
	
	#content {
		padding:20px;
		padding-bottom:50px;
		line-height:130%;
	}
	
		.portrait, .portrait_bottom {height:120px;padding-top:30px;padding-left:15px;}
		.portrait_bottom {padding-top:0px;}
		
		.intro, .outro {
			width:75%;
			font-size:116%;	
			height:120px;
			text-align:justify;
			padding:30px;
			
			border:1px solid #DBD3CC;
			margin-bottom:0px;
		}
		
		.outro {height:60px;}
	
		.intro:hover, .outro:hover {background:#F6F2E9;border:1px solid #BCB3AB;}
		
		.intro h1, .outro h1 {
		font-size:4em;
		letter-spacing:0.1em;
		font-weight:bold;
		display:block;
		float:left;
		color:#BCB3AB;
		padding:0;
		padding-right:10px;
		height:35px;
		padding-top:20px;
		padding-bottom:20px;
		}
		
		.outro h1 {padding-top:15px;}
		
		.intro p, .outro p {margin-top:0;padding-bottom:10px;}
		
		.col_left {
			padding:10px;
			width:46%;
		}
		
		.col_right{
			padding:10px;
			padding-left:35px;
			width:46%;
			border-left:1px solid #DBD3CC;
		}
		
		
		.skill {height:65px;clear:both;margin-bottom:10px;}
		.skill img {float:left;padding-right:10px;}
		.skill a, .skill a:hover, .inline a {text-decoration:none;border-bottom:none;color:#766C64;}
		
		.inline {text-align:center;clear:both;padding:10px;}
		.inline li {padding:10px;display:inline;}
		
		.designs li img {height:214px;width:350px;border:1px solid #DBD3CC;padding:10px;}
		.designs li a:hover img {background:#F6F2E9;border:1px solid #BCB3AB;}
	
	#footer {
		padding:10px;
		height:30px;
		color:#4E3333;
		background-color:#160707;
		border-top:1px solid #DBD3CC;
		}
		
		#footer a {color:#7F5B5B;border-bottom:none;}
		#footer a:hover {color:#BE9494;}

	h2 {
		font-family:"century gothic", arial, sans-serif;
		font-weight:normal;
		font-size:180%;	
		line-height:120%;
		letter-spacing:0em;
		color:#160707;
		text-align:center;
		margin-top:40px;
		margin-bottom:5px;
	}
	
	h3 {font-size:130%;font-weight:bold;margin:20px 0px 10px 0;padding-bottom:5px;text-align:center;}
	.skill h3 {font-size:100%;display:inline;}	
	
		
/*---------------------------------------------------- Link icons ---------------------------------------------*/

a.pdf, .pdf {background: url('img/file-pdf.gif') no-repeat;padding-left: 20px;}

/* ------------------------------ Tooltips -------------------------------*/
a.tooltip {border-bottom:none;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {
	font-size:0.9em;
	text-align:center;
	display:block;
	position:absolute; 
	top:32px; 
	left:0px; 
	padding:10px;
	font-weight:normal;
	background:#000;
	color:#fff;
	width:160px;
	cursor:pointer;
	}

.designs li a.tooltip:hover b {
	font-size:0.9em;
	top:-71px; 
	left:1px; 
	height:70px;
	font-weight:bold;
	width:350px;
	opacity:0.9;
	}