/************************************************/
/* 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 30px;
    padding: 0;
}
a {
    color: #ff0000;
}
a img {
    border: none;
}

/* -------------------------------------------- */
/* MENU */
/* -------------------------------------------- */
.nav {
    width: 700px;
    margin: 0;
    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;
}

/* -------------------------------------------- */
/* INTRO */
/* -------------------------------------------- */
/* container */
.intro {
    margin: 30px 0 0 0;
    padding: 0;
}
/* heading */
.intro h1 {
    margin: 0 0 0 -.10em;
    padding: 0;
    float: left;
    font: italic 3.6em georgia, serif;
    color: #262626;
}
/* text */
.intro p {
    margin: 0 0 0 3.8em;
    padding: .40em 0 0 0;
    width: 810px;
    font: 1.35em georgia, serif;
    color: #535353;
}
.intro p strong {
    font-weight: normal;
    color: #888;
}
/* into for no-wrap */
.intro-no-wrap {
    margin: 30px 0 0 0;
    padding: 0;
}
/* heading */
.intro-no-wrap h1 {
    margin: 0 0 0 -.10em;
    padding: 0;
    font: italic 3.6em georgia, serif;
    color: #262626;
}
/* text */
.intro-no-wrap p {
    margin: 20px 0 0 0;
    padding: .40em 0 0 0;
    width: 810px;
    font: 1.35em georgia, serif;
    color: #535353;
}
.intro-no-wrap p strong {
    font-weight: normal;
    color: #888;
}


/* -------------------------------------------- */
/* THUMBNAIL ROWS */
/* -------------------------------------------- */
/* block of thumbnails */
.thumbsrow {
    width: 970px; 
    margin: 20px 0 0 -10px;
    padding: 0;
    display: block;
    overflow: hidden;
}

/* thumbnail container */
.thumbsrow .item {
    width: 300px;
    margin: 10px 0 0 0;
    padding: 10px;
    float: left;
    border: 1px solid #141414;
    background-color: #141414;

}
.thumbsrow .item:hover {
    background-color: #262626;
}
.thumbsrow .item:hover h1 {
    color: #9e9e9e;
}
.thumbsrow .item:hover h1 a {
    color: #009cf2;
}
.thumbsrow .item:hover p {
    color: #6c6c6c;
}
.thumbsrow .item img a {
    border: 0px;
}
.thumbsrow .item h1 {
    font: 1.05em georgia, serif;
    color: #6c6c6c;
}
.thumbsrow .item h1 a {
    text-decoration: none;
}
.thumbsrow .item h1 a:hover {
    text-decoration: underline;
}
.thumbsrow .item p {
    margin: -0.5em 0 0 0;
    padding: 0;
    font: italic .75em georgia, serif;
    color: #3c3c3c;
}

/* text container instead of image */
.thumbsrow .text {
    width: 280px;
    margin: 20px 10px 0 10px;
    padding: 10px 10px 10px 10px;
    float: left;
    border: 1px solid #333;
    background-color: #1e1e1e;
}
.thumbsrow .text h1 {
    padding-left: 10px;
    font: 2.9em/1.05em georgia, serif;
    color: #454545;
    font-weight: lighter;
}
.thumbsrow .text p {
    margin: -1.5em 0 0 0;
    padding-left: 10px;
    font: 1em georgia, serif;
    color: #3c3c3c;
}
.thumbsrow .text form {
    margin-left: 10px;
}
.thumbsrow .text form label {
    display: block;
    margin-top: 5px;
    padding-bottom: .25em;
    color: #444;
}
.thumbsrow .text form input {
    width: 200px;
    margin-bottom: 5px;
}
.thumbsrow .text form input.button-hot {
    padding: 3px;
    width: 105px;
    background-color: #333;
}
.thumbsrow .text form input.button-cold {
    padding: 3px;
    width: 105px;
    background-color: #333;
}
.thumbsrow .text:hover {
    background-color: #262626;
}
.thumbsrow .text:hover h1 {
    color: #9e9e9e;
}
.thumbsrow .text:hover h1 a {
    color: #009cf2;
}
.thumbsrow .text:hover p {
    color: #6c6c6c;
}
.thumbsrow .text:hover form label {
    color: #888;
}
.thumbsrow .text:hover form input.button-hot {
    background-color: #009cf2;
}


/* -------------------------------------------- */
/* EMAIL */
/* -------------------------------------------- */
/* form */
form {
    margin: 0 0 0 0;
    padding: 1em 0 2em 0;
    font: 0.67em/1.3em georgia, serif;
    color: #888;
}
/* fieldset */
form fieldset {
    margin: 0;
    padding: 0;
}
/* form labels */
form label {
    display: block;
    margin-top: 5px;
    padding-bottom: .25em;
}
/* form input boxes */
form input, textarea {
    width: 314px;
    padding-left: 5px;
    font: 1.25em/1.5em georgia, serif;
    background-color: #666;
    border-color: #666;
}
/* form input boxes */
form input:focus, textarea:focus {
    background-color: #999;
    border-color: #999;
}
/* form dropdown boxes */
form select {
    width: 18.46em;
    margin: 0 auto 1em 0;
    padding: 10px; 
    position: relative;
    font: 1em georgia, serif;
}
/* form submit button */
form input.button {
    width: 10em;
    margin-top: 1em;
    display: block;
    background-color: #009cf2;
    border-color: #009cf2;
    color: #fff;
}
/* success */
#results p.success strong {
    color: #fff;
}

/* -------------------------------------------- */
/* LINKS */
/* -------------------------------------------- */
/* links container */
.links,
.links ul {
    margin: 0;
    padding: 0;
}
/* link title */
.links ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font: 1.05em georgia, serif;
}
.links ul li {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}
/* link title */
.links ul li.url {
    display: block;
    margin: 0 0 0 0;
    padding: 5px 10px 0 0;
    font: italic .75em georgia, serif;
    color: #3c3c3c;
}
.links ul li a:hover {
    color: #009cf2;
}

/* -------------------------------------------- */
/* SITEMAP */
/* -------------------------------------------- */
/* sitemap container */
.sitemap,
.sitemap ul {
    margin: 0;
    padding: 0;
}
/* link title */
.sitemap ul li a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font: 1.05em georgia, serif;
}
.sitemap ul li {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}
.sitemap ul.work-list {
    padding-left: 20px;
    font: .9em georgia, serif;
}
/* link title */
.sitemap ul li.url {
    display: block;
    margin: 0 0 0 0;
    padding: 5px 10px 0 0;
    font: italic .75em georgia, serif;
    color: #3c3c3c;
}
.sitemap ul li a:hover {
    color: #009cf2;
}

/* -------------------------------------------- */
/* FOOTER */
/* -------------------------------------------- */
.footer {
    height: 70px;
    margin: 40px 0 0 -30px;
    padding-top: 40px;
    display: block;
    background-color: #262626;
}
.footer p {
    margin: 0 0 0 30px;
    padding-top: 10px;
    font: .8em georgia;
    color: #444;
}
.footer p a {
    color: #444;
}
.footer p a:hover {
    color: #009cf2;
}