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

ACME

Ringit Gurlich (c) 2008.

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

/*-------------------------------------------    
    General selectors
-------------------------------------------*/

html {
	height: 100%; margin-bottom: 1px;
}

body {
	background: #fff url() repeat-x 0 0;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

div.clear { clear: left; height: 0; overflow: hidden; font-size: 0; }

/*-------------------------------------------    
    Structural selectors
-------------------------------------------*/

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	width: 800px;
	text-align: left;
	background: transparent;
}

#header {
	height: 110px;
	position: relative;
	background: #fff;
}

#header img {
	margin-top: 20px;
}

#header a img { border: 0; }

#imageSpread {
	margin-bottom: 20px;
}

#leftColumn {
	float: left;
	width: 380px;
	margin-right: 20px;
}


#portfolio #rightColumn .projectContainer {
	margin-left: 20px;
}

#links #rightColumn {
	width: 380px;
	padding-left: 20px;
}

#portfolio .projectContainer {
	height: 300px;
}

#rightColumn {
	float: left;
	width: 400px;
}

#rightColumn .smallImages {
	float: left;
	width: 180px;
	margin-left: 20px;
	display: inline;
}

#rightColumn .smallImages img {
	margin-bottom: 20px;
}

#bottom {
	border-top: 1px solid #ccc;
}

#portfolio img {
	float: left;
	margin: 4px 20px 16px 0;
}

#clientHeading {
	margin-bottom: 40px;
}

/*-------------------------------------------    
    Textual elements
-------------------------------------------*/

ul#nav {
    font: 13px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    color: #333;
}

p {
    font: 13px/1.8 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    margin: 28px 0;
}

#portfolio p {
    font: 11px/1.8 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    margin: 0 0 10px 0;
}

#links p {
    font: 11px/1.5 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    margin: 8px 0 4px 0;
    padding: 0;
}

#contact #content #rightColumn p {
	padding-left: 20px;
}

#contact label {
    font: 13px/1.5 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    margin: 12px 0 12px 0;
    padding: 0;
}

#bottom p {
    font: 13px/1.8 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #999;
    margin: 28px 0;
}

#bottom p a {
    font: 13px/1.8 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #999;
    margin: 28px 0;
    text-decoration: none;
}

#bottom p a:hover {
    text-decoration: underline;
}

h1 {
    font: 17px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    font-weight: bold;
}

#contact h1 {
    font: 17px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

h2, h3 {
    font: 15px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}

/*-------------------------------------------    
    Links
-------------------------------------------*/

input.button {
  font: 13px/1.8 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #fff;
	padding: 7px 18px 8px 18px;
	background: #666;
	font-weight: bold;
	border: 0;
}

input.button:hover {
	color: #fff;
	background: #333;
}

ul#nav li a {
	text-decoration: none;
	color:#666;
}

ul#nav li a:hover {
	background: #f0f0f0;
}

a.button {
	text-decoration: none;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}

a.button:hover {
	color: #ccc;
}

p a.back {
	text-decoration: none;
	color: #999;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}

h2 a {
    color: #333;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

#container #content #leftColumn p a, #container #content #rightColumn p a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
		padding-bottom: 1px;
		border-bottom: 1px solid #ccc;
}

#container #content #leftColumn p a:hover, #container #content #rightColumn p a:hover {
    text-decoration: none;
}

#container #content #rightColumn p a.back:hover{
    text-decoration: none;
}

/*
#container #content #leftColumn p a.button, #container #content #rightColumn p a.button {
    color: #fff;
    text-decoration: none;
		padding: 7px 18px 8px 18px;
		border-bottom: 0;
}
*/

#clientHeading p a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
		padding-bottom: 1px;
		border-bottom: 1px solid #ccc;
}

#clientHeading p a {
    text-decoration: none;
}

/*-------------------------------------------    
    Lists
-------------------------------------------*/

#links #rightColumn ul, #links #leftColumn ul {
	list-style-type: none;
	padding: 0;
}

#links #rightColumn ul li a, #links #leftColumn ul li a {
    font: 13px/2 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color: #333;
	border-bottom: 1px solid #999;
	text-decoration: none;
	padding-bottom: 1px;
}

#links #rightColumn ul li, #links #leftColumn ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*-------------------------------------------    
    Navigation
-------------------------------------------*/

ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: 200px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	display: block;
	float: left;
	padding: 7px 18px 8px 18px;
	margin: 0;
	border: 1px solid #666;
	border-right: 0;
}

ul#nav li a.last {
	border: 1px solid #666;
}

ul#nav li a.active {
	color: #fff;
	background: #666;
}

/*-------------------------------------------    
    Forms
-------------------------------------------*/

input, textarea {
	width: 200px;
	color: #999;
	background: #f0f0f0;
	display: block;
	margin-top: 8px;
	font: 20px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;	
}

textarea {
	width: 380px;
}

/*-------------------------------------------    
    Blog
-------------------------------------------*/

.post {
  
}

.post .metadata {
 	font: 11px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 	padding: 0;
 	margin: 0;
}

.post .entry {
	font: 13px/1 "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 	padding: 0;
 	margin: 0;
}

.post .entry p {
 	padding-top: 0;
 	margin-top: 11px;
}