/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, img, strong, sub, sup, 
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -- Standard Helpers -- */

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.fw { width: 100%; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


/* PRE */

body {
	background: #fff url(../images/body.gif) top center repeat-y;
	color: #2c3033;
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
}

a {
	background: url(../images/arrow.png) center left no-repeat;
	color: #276b9a;
	font: normal normal 16px/24px Times new roman;
	padding: 0 0 0 20px;
	text-shadow: #fff 1px 1px;	
}

p { line-height: 18px; padding-bottom: 20px; }
	p a {
		background: none;
		font-size: 14px;
		padding: 0;
	}
	p.bigger {
		font-size: 16px;
		line-height: 24px;
		text-shadow: #fff 1px 1px;
	}
	p.no-padding { padding-bottom: 0px; }
	
h1 { font: normal bold 36px/100% Museo bold, Times new roman, sans-serif; }
h2 { font: normal bold 16px/100% Museo normal, Times new roman, sans-serif; }


/* -- Your Site Starts Here -- */
.wrapper { width: 960px; text-align: left; margin: auto; }

#header {
	background: url(../images/header.gif) top left no-repeat;
	height: 8px;
}

.middle {
	background: url(../images/middle.jpg) 150px top no-repeat;
	overflow: hidden;
}

/* Sidebar */
#sidebar {
	background: url(../images/sidebar.jpg) top left no-repeat;
	float: left;
	width: 150px;
}
	.say-hi {
		background: url(../images/msg_hi.png) center 22px no-repeat;
		height: 280px;
	}
	.say-portfolio {
		background: url(../images/msg_portfolio.png) center 29px no-repeat;
		height: 1250px;
	}
	.say-contact {
		background: url(../images/msg_contact.png) center 29px no-repeat;
		height: 110px;
	}

/* Content - Right part of the screen */
#content {
	float: left;
	padding: 0 10px 0 20px;
	width: 780px;
}

/* Single row */
.row {
	background: url(../images/row.gif) top left no-repeat;
	overflow: hidden;
	padding: 20px 0;
}	
	.no-bg { background: none; }

/* LEFT */
.row .left {
	float: left;
	padding: 0 20px 0 0;
	width: 460px;
}
	.portfolio-image-holder {
		border: 6px solid #b6b6b6;
		height: 332px;
		overflow: hidden;
	}
		
/* RIGHT */
.row .right {
	float: left;
	width: 300px;
}
	ul.links li {
		list-style-type: none;
	}
		ul.links li a { text-decoration: none; }
	ul.technologies {
		margin-bottom: 20px;
		overflow: hidden;
	}
	ul.technologies li {
		background: url(../images/fire.png) center left no-repeat;
		float: left;
		font: normal normal 16px/30px Georgia, Times new roman;
		list-style-type: none;
		padding: 0 0 0 20px;
		text-shadow: #fff 1px 1px;
		width: 130px;
	}
	.row .right p {
		line-height: 22px;
		padding-right: 10px;
	}
		
/* Contact Form */	
.contact-form {}
	.small-field {
		float: left;
		padding-bottom: 10px;
	}
	.big-field { padding-bottom: 10px; }
	.sf-push { padding-right: 20px; }
	label {
		display: block;
		padding: 0 0 3px 0;
	}
	input[type=text] {
		border: 2px solid #b6b6b6;
		color: #666;
		font: normal normal 12px/18px arial;
		padding: 4px;
		width: 208px;
	}
	textarea {
		border: 2px solid #b6b6b6;		
		color: #666;
		font: normal normal 12px/18px arial;
		height: 160px;
		overflow: auto;
		padding: 4px;
		width: 448px;
	}
	#send {
		background: url(../images/send.gif) top left no-repeat;
		border: 0 none;
		height: 32px;
		margin: -2px 0 0 118px;
		text-indent: -9999px;
		width: 102px;
	}
	.error { background: #ffefef; }
	.success { border: 2px solid #91bf83; background: #e7ffdf; padding: 10px; margin-bottom: 10px; }
	.notice { border: 2px solid #ffda2f; background: #fff9df; padding: 10px; margin-bottom: 10px; }
	
	.extra-push { margin-top: -2px; }
	.twitter { background: url(../images/twitter.png) center left no-repeat; }
		.twitter a { background: none; }
	.linkedin { background: url(../images/linkedin.png) center left no-repeat; }
		.linkedin a { background: none; }


/* Coda Slider */
.coda-slider, .coda-slider .panel { height: 344px; width: 460px } 
.coda-slider .panel { background: #2d4054 url(../images/big_arrow.jpg) top right no-repeat; } 
.coda-slider .panel-wrapper { padding: 0px }

.coda-slider-wrapper { clear: both; overflow: hidden }
.coda-slider { float: left; overflow: hidden; position: relative; padding-bottom: 10px; }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }

.coda-nav { padding: 20px 0 0; text-align: center; }
.coda-nav ul { padding: 20px 0 0; }
.coda-nav ul li { display: inline; }
.coda-nav ul li a { background: url(../images/a_normal.gif) top left no-repeat; height: 13px; margin: 0px; width: 13px; }
.coda-nav ul li a.current { background: url(../images/a_current.gif) top left no-repeat; }