/*-----------------------------------------------------------------------------
Forbidden Design - Screen

version:   1.0
author:    kevin lockwood
email:     info@forbiddendesign.com
website:   http://www.forbiddendesign.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
margin: 0;
padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
margin: 1em 0;
}

/* Class for clearing floats */
.clear {
clear:both;
}


/* Remove border around linked images */
img {
border: 0;
}

html, body {
height: 100%;
}

body {
min-width: 360px;
background: url(../img/bg-site.jpg) repeat-x top left rgb(34,110,158);
}

#background-plus {
width: 100%;
background: url(../img/bg-container.png) repeat-y top center;
}

body.home #background-plus {
height: 100%;
}

#container {
margin: 0 auto;
padding-top: 40px;
padding-bottom:20px;
width: 610px;
}


/* =Typography
-----------------------------------------------------------------------------*/
body {
  font: 62.5%/1.6 "Arial", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color: rgb(255,255,255);
}

p {
font-size: 1.2em;
letter-spacing: .05em;
}

.highlight {
color: rgb(235,152,52);
}

ul {
margin-left: 20px;
font-size: 1.2em;
}


/* =Headings
-----------------------------------------------------------------------------*/
h3 {
font-size: 1.2em;
}


/* =Links
-----------------------------------------------------------------------------*/
a {
color: rgb(255,255,255);
text-decoration: none;
border-bottom: 1px dotted rgb(235,152,52);
}

a:link, a:visited {
}

a:hover,a:active {
border-bottom: 1px dotted rgb(52,164,235);
}

a.link-image, a:visited.link-image, a:hover.link-image, a:active.link-image {
border: 0;
}


/* =Branding
-----------------------------------------------------------------------------*/
#branding {
width: 100%;
}

h1 {
margin: 0 auto;
display:block;
width:306px;
height:148px;
text-indent:-9009px;
background:transparent url(../img/logo.png) no-repeat 0 0;
}

h1 a {
display:block;
width:100%;
height:100%;
outline:none;
border: 0;
}

h1 a:active, h1 a:hover {
border: 0;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#main-nav {
margin: 40px 0 40px 0;
text-align: center;
list-style: none;
}

ul#main-nav {
margin: 30px auto;
width: 358px;
}

#main-nav li {
display: inline;
}

#main-nav a {
color: rgb(255,255,255);
letter-spacing: .2em;
text-decoration: none;
border: 0;
}

#main-nav a:link, #main-nav a:visited {
}

#main-nav a:hover, #main-nav a:active {
/*color: rgb(52,164,235);*/
padding-bottom: 2px;
border-bottom: 1px solid rgb(235,152,52);
}

.divider-nav {
margin: 0 27px 0 27px;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#content {
width: 358px;
margin: 0 auto;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#site-info {
margin: 20px auto;
width: 358px;
text-align: center;
}

#site-info p {
font-size: 1em;
margin: 20px 0;
}


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

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Personal Format
-----------------------------------------------------------------------------*/
.portfolio-piece {
margin: 20px 0 20px 0;
}

.piece-image {
}

.piece-info {
}

.piece-title {
font-weight: 800;
color: rgb(235,152,52);
}

.piece-body {
font-size: 1em;
}

.piece-tools {
font-size: 1em;
}

.portfolio-divider {

}


/* =Misc 1
-----------------------------------------------------------------------------*/