/* @override http://localhost:3000/stylesheets/portfolio.css */

/* @group Base */

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  text-align: center;
  padding: 30px 0 0 0;
  font: normal 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #012 url(../images/port-tile.gif);
  color: #fff;
  border-top: 30px solid #012;
}

ul, li, form, dt, dl, dd, ol, div, p, 
blockquote, h1, h2, h3, h4, h5, h6, a, code, pre {
  margin: 0;
  padding: 0;
}

#container {
  margin: 0 auto;
  padding: 0 10px;
  width: 980px;
}

#header {
  text-align: left;
}

#content {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}

#sidebar {
  margin-left: 555px;
  padding-top: 20px;
}


#footer {
  clear: both;
  margin-top: 40px;
  background: #012;
  padding: 20px;
  font-size: 92%;
}

a {
  color: #07C;
  text-decoration: none;
}

a:hover { color: #024; }

/* @end */


/* @group Utilities */

img { border: 0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #247;
}

h2 { word-spacing: -0.08em;}
p a { color: #07E; }

pre {
  background: #f9f9f9;
  border: 1px dotted #ccc;
  padding: 5px;
  overflow: auto;
  color: #444;
}

pre code {
	line-height: 160%;
	font-size: 11px;
	font-family: Monaco, fixed;
}

p code {
  color: #555;
  font-size: 90%;
  font-family: Courier, fixed;
}

.round {
	-moz-border-radius: 8px;
	border-radius: 8px;
    background-image: url(../images/tr.png), 
      url(../images/br.png), 
      url(../images/tl.png), 
      url(../images/bl.png);
    background-position: 100% 0, 100% 100%, 0 0, 0 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}

* {
	outline: none;
}

/* @end */

/* @group Header */

h1#logo {
	width: 224px;
	margin: 0 auto;
}

h1#logo a {
	text-indent: -9999px;
	display: block;
	width: 224px;
	height: 225px;
	background: url(../images/port-logo.gif) no-repeat;
}
/* @end */


/* @group Portfolio */
#portfolio-items ul {
	width: 100%;
}

#portfolio-items li {
	margin-bottom: 40px;
	position: relative;
}

div.pic1 {
	float: left;
	width: 436px;
	height: 179px;
	margin-left: 50px;
}

div.pic2 {
	margin-left: 510px;
	width: 436px;
	height: 179px;
}

.details {
	margin-left: 55px;
}

.details h3 {
	color: #fff;
}

.details p {
	color: #acd;
	position: absolute;
    right: 65px;
    top: 0;
    display: none;
}

#portfolio-items li:hover p {
	display: block;
}
/* @end */