/************************************************/
/* GOLDENKRISHNA.COM CSS Stylesheet			    */
/* 					                            */
/* Author: Golden Krishna 						*/
/* http://www.goldenkrishna.com 				*/
/************************************************/

/* -------------------------------------------- */
/* This stylesheet is for use on the            */
/* portfolio site of Golden Krishna.            */
/* -------------------------------------------- */

/* -------------------------------------------- */
/* Note: to get ems, divide pixels by 16        */
/* -------------------------------------------- */

/* -------------------------------------------- */
/* GENERAL */
/* -------------------------------------------- */
body {
    background-color: #141414;
    font-size: 100%;
    margin: 90px 0 0 0px;
    padding: 0;
}
a {
    color: #ff0000;
}
a img {
    border: 2px solid #666;
}
a:hover img {
    border: 2px solid #009cf2;
}

/* -------------------------------------------- */
/* MENU */
/* -------------------------------------------- */
.nav {
    width: 700px;
    margin: 0 0 0 30px;
    padding: 0;
    text-indent: -1000px;
}
.nav dl {
    margin: 0;
    padding: 0;
    overflow: hidden; 
}
.nav dl dt {
    margin: 0;
    padding: 0;
}
.nav dl dd {
    margin: 0;
    padding: 0;
	position: absolute;
    left: 500px;
}
/* work button */
.nav dl dt a#work {
    width: 130px;
    height: 53px;
    margin-right: 29px;
    float: left;
    background: url("../../_back/images/menu/work.png") 0 -53px no-repeat;
}
/* email button */
.nav dl dt a#email {
    width: 130px;
    height: 53px;
    margin-right: 29px;
    float: left;
    background: url("../../_back/images/menu/email.png") 0 -53px no-repeat;
}
/* links button */
.nav dl dt a#links {
    width: 129px;
    height: 53px;
    margin-right: 29px;
    float: left;
    background: url("../../_back/images/menu/links.png") 0 -53px no-repeat;
}
/* sitemap button */
.nav dl dt a#sitemap {
    width: 188px;
    height: 53px;
    float: left;
    background: url("../../_back/images/menu/sitemap.png") 0 -53px no-repeat;
}
/* menu buttons on */
.nav dl dt a#work.on,
.nav dl dt a#email.on, 
.nav dl dt a#links.on,
.nav dl dt a#sitemap.on,
.nav dl dt a#work:hover,
.nav dl dt a#email:hover,
.nav dl dt a#links:hover,
.nav dl dt a#sitemap:hover {
    background-position: 0 0;
}

/* -------------------------------------------- */
/* MAIN CONTENT */
/* -------------------------------------------- */
/* container */
.main {
	overflow: hidden;
	width: 100%
    border: 1px solid #000;
}

/* -------------------------------------------- */
/* LEFT COLUMN */
/* -------------------------------------------- */
/* container */
.leftcol {
    margin-top: 30px;
    margin-left: 30px;
    width: 855px;
    float: left;
}
.leftcol .title {
    margin-left: -30px;
    padding: 90px 0px 20px 30px;
    background-color: #262626;
}
.leftcol .title h1 {
    width: 314px;
    margin: 0 0 3px -9px;
    padding: 0;
    font: italic 3.5em/1em georgia, serif;
}
.leftcol .title h1#galliard {
    color: #f7c529;
}
.leftcol .title h1#fahrenheit {
    color: #ef6200;
    padding-bottom: 8px;
}
.leftcol .title h1#book-girls {
    color: #ff1231;
}
.leftcol .title h1#timeline {
    color: #ff3a00;
}
.leftcol .title h1#pattern {
    color: #e5e700;
}
.leftcol .title h1#uandr {
    color: #ffab02;
}
.leftcol .title h1#cal {
    color: #fecb00;
}
.leftcol .title h1#archigram {
    color: #d7d7d7;
}
.leftcol .title h1#fog {
    color: #c3c699;
}
.leftcol .title #reinvented {
    color: #deca97;
}
.leftcol .title #ambroise {
    color: #4f92ff;
}
.leftcol .title #stevepre-com {
    color: #b6bc00;
}
.leftcol .title #third-deck {
    color: #f6a200;
}
.leftcol .title h2 {
    width: 314px;
    margin: 0 0 0 -5px;
    padding: 0;
    font: italic 1.4em/1.25em georgia, serif;
    color: #808080;
}
.leftcol .title h3 {
    margin: 0;
    padding: 0;
    font: 1em georgia, serif;
    color: #4D4D4D;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.leftcol .process h1,
.rightcol .details h1,
.rightcol .related h1,
.closer h1 {
    font: 1.1em georgia, serif;
    color: #fff;
    letter-spacing: .12em;
}
.leftcol .process {
    width: 475px;
    margin-top: 20px;
}  
.leftcol .process h2 {
    font: .9em georgia, serif;
    color: #aaa;
    letter-spacing: .05em;
}
.leftcol .process p {
    padding-right: 30px;
    font: .9em/1.7em georgia;
    color: #666;
}   
.leftcol .process a {
    color: #666;
}
.leftcol .process a:hover {
    color: #009cf2;
} 
.leftcol .process dl {
    margin-left: 35px;
    font: .9em/1.2em georgia;
    font-weight: bold;
    color: #666;
}
.leftcol .process dl dd {
    margin: 0 0 8px 0;
    padding: 0 0 0 0;
    font: .9em/1.7em georgia;
    font-style: italic;
}

/* -------------------------------------------- */
/* RIGHT COLUMN */
/* -------------------------------------------- */
/* container */
.rightcol {
    margin-left: -376px;
    margin-top: 70px;
    float: left;
    display: block;
}
.rightcol .preview a img {
    border: 0;
}
.rightcol .details,
.rightcol .related,
.closer
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #262626;
}
.rightcol .details h1,
.rightcol .related h1,
.closer h1
{
    margin: 0;
    padding: 0;
}
.rightcol .details,
.rightcol .related
{
    width: 340px;
}
.rightcol .details p {
    font: .8em/.9em georgia;
    letter-spacing: .1em;
    color: #4d4d4d;
}
.rightcol .related ul {
    font: .8em/1.5em georgia;
    color: #4d4d4d;
}
.rightcol .related ul {
    margin: 7px 0 0 7px;
    padding: 0;
}

.rightcol .related ul li {
    margin: 0 0 0 7px;
    padding: 0;
}
.rightcol .related ul li a {
    color: #4d4d4d;
}
.rightcol .related ul li a:hover {
    color: #009cf2;
}

/* -------------------------------------------- */
/* CLOSER */
/* -------------------------------------------- */
.closer {
    width: 825px;
    margin-left: 30px;
}
.closer img {
    margin-top: 20px;
    margin-left: -3px;
}
.closer p {
    font: .7em/1.5em georgia;
    color: #4d4d4d;
}
.closer p strong {
    color: #9d9d9d;
    text-transform: uppercase;
    letter-spacing: .1em;
}
/* -------------------------------------------- */
/* FOOTER */
/* -------------------------------------------- */
.footer {
    height: 70px;
    margin: 40px 0 0 -30px;
    padding-top: 40px;
    display: block;
    background-color: #262626;
}
.footer p {
    margin: 0 0 0 60px;
    padding-top: 10px;
    font: .8em georgia;
    color: #444;
}
.footer p a {
    color: #444;
}
.footer p a:hover {
    color: #009cf2;
}

/* -------------------------------------------- */
/* MOVIE */
/* -------------------------------------------- */
.movie {
    margin-left: 30px;
}
.movie h1 {
    font: 1em/1.5em georgia;
    color: #4d4d4d;
}
.movie p {
    font: .6em/1.5em georgia;
    color: #4d4d4d;
}
.movie p a {
    color: #4d4d4d;
}
.movie p a:hover {
    color: #009cf2;
}