/* cryingchild.css (CC) 2007 mech. Some Rights Reserved.
 * Licensed under a Creative Commons License. See http://creativecommons.org/licenses/by/2.5/
 * Purpose: Global style for threesixzero.tv
 */

body {background:#000;}
div#container, div.container {width:970px; position:relative; left:50%; margin-left:-485px; padding-top:40px;}

div#masthead {width:100%; height:110px; position:relative;}

/* =logo */
h1#logo {position:absolute; left:10px;}
h1#logo a {width:321px; height:36px; background:url(../images/logo.gif) no-repeat 0 0; text-indent:-99999px; display:block;}

/* =main-nav */
ul#main-nav {width:669px; top:50px; left:-3px; position:absolute;}
ul#main-nav li {display:block; float:left;}
ul#main-nav li a {text-indent:-99999px; display:block; height:37px; background:transparent url(../images/main_nav.gif) no-repeat 0 0;}
ul#main-nav li#home a {width:95px; background-position:0 0;}
ul#main-nav li#news a {width:92px; background-position:-95px 0;}
ul#main-nav li#history a {width:107px; background-position:-187px 0;}
ul#main-nav li#now a {width:163px; background-position:-294px 0;}
ul#main-nav li#works a {width:99px; background-position:-457px 0;}
ul#main-nav li#contact a {width:113px; background-position:-556px 0;}

ul#main-nav li#home a:hover, ul#main-nav li#home.current a {background-position:0 -37px;}
ul#main-nav li#news a:hover, ul#main-nav li#news.current a {background-position:-95px -37px;}
ul#main-nav li#history a:hover, ul#main-nav li#history.current a {background-position:-187px -37px;}
ul#main-nav li#now a:hover, ul#main-nav li#now.current a {background-position:-294px -37px;}
ul#main-nav li#works a:hover, ul#main-nav li#works.current a {background-position:-457px -37px;}
ul#main-nav li#contact a:hover, ul#main-nav li#contact.current a {background-position:-556px -37px;}

div#facebook { width:15px; height:15px; top:60px; left:953px; position:relative; display:block;}

/* =crying-child */
p#crying-child {width:967px; height:516px; background:#000000 url(../images/cryingchild.gif) -5px 0; text-indent:-99999px;}

/* =painter */
p#painter {width:967px; height:321px; background:url(../images/painter.gif); text-indent:-99999px; display:none;}

/* =paint-gallery */
p#paint-gallery {width:967px; height:321px; background:url(../images/paint_gallery.jpg); text-indent:-99999px;}

/* =big-dream */
p#big-dream {width:967px; height:321px; background:url(../images/contact.jpg); text-indent:-99999px;}

/* =big quote */
blockquote.home {margin:30px 0 0 -17px;}
blockquote.big {font:italic 100%/1.2em Georgia, "Times New Roman", Times, serif; background:url(../images/quote.gif) no-repeat; padding:10px 1.5em .25em 30px; color:#fff; position:absolute;}

/* =news-content */
div#content {background:#000; margin-top:-12px; position:relative; width:967px; padding-top:10px; color:#c8c8c8;}

/* =article */
div.article {margin-bottom:1.5em;}
div.article h2 {font:bold 100%/1.5em Helvetica, Arial, sans-serif; color:#7ea1c3;}
div.article p {font:normal 75% Helvetica, Arial, sans-serif; margin:.5em auto; line-height: 160%;}
div.article p img {display:block; border: 5px solid #ccc; margin: 10px 0;}
div.article p a:link, div.article p a:visited { color:#fff; text-decoration:underline; color:#c8c8c8;}
div.article p a:hover, div.article p a:active { color:#fff; text-decoration:none; color:#c8c8c8;}
div.article span.date {font:bold 75%/1.5em Helvetica, Arial, sans-serif; display:block; margin-bottom:15px; color:#7ea1c3;}

/* =article-col */
div#articles-col {width:560px; padding:15px; float:left;}

div#archives-col {width:200px; float:right; margin-right:-25px;}
div#archives-col h2 {font:bold 100%/1.5em Helvetica, Arial, sans-serif, Tahoma, "Trebuchet MS"; margin-top:15px; margin-bottom:10px;}
div#archives-col li a {color:#09f; font:normal 80%/1.5em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;}

/* =works-nav */
ul#works-nav {margin-left:3px;}
ul#works-nav li {float:left; color:#fff; font:normal 160%/1.5em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif; padding-left:8px;}
ul#works-nav li a {color:#3b3b3b; text-decoration:none;}
ul#works-nav li a.current {color:#fff; font-weight:bold;}

div#works-container {background:transparent url(../images/bg_works.jpg) repeat-y; width:967px; margin-top:60px; color:#dcdcdc; padding-bottom:70px;}
div#gallery {width:226px; float:left;}
div#gallery p {padding:5px;}
div#gallery ul {position:relative; left:29px; top:29px;}
div#gallery ul li {margin:10px;}
div#gallery ul li.video a {background:transparent url(../images/video.png) no-repeat top left; width:147px; height:113px; display:block;}
div#gallery ul li.video a:hover, div#gallery ul li.current a {background:transparent url(../images/video_hover.png) no-repeat top left;}
div#gallery ul li img {position:relative; left:7px; top:7px;}

div#shortdesc {width:370px; float:left;}
div#shortdesc p {padding:10px; padding-left:30px; font:normal 75%/1.8em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;}
div#shortdesc h1 {padding:10px; padding-left:30px; font:bold 100%/1.5em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;}
div#video {width:371px; float:right;}
div#video-content {position:relative; left:11px; top:10px;}

/* =history-content */
div#history-content {margin-top:30px; width:600px; float:right;}
div#history-content p {font:normal 75%/1.8em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif; margin:1.5em auto;}

/* =contact-content */
div#contact-content {font:normal 80%/1.5em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif; margin-top:20px; width:500px; float:right;}
div#contact-content h1 {margin:20px auto;}
div.vcard {background:transparent url(../images/vcard.gif) no-repeat; padding-left:35px;}
h2.name {font-size:100%; color:#69c; font-weight:bold;}
div.vcard p {font-size:80%;}

/* =showing */
div#showing {font:normal 100%/1.2em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif; color:#f4f4f4; padding:12px;}
div#showing h1 {font-weight:bold;}
div.showing-image {width:350px; float:left;}
div.showing-image img {border:5px solid #fff;}
div.showing-description {float:right; width:580px; font:normal 75%/1.8em Helvetica, Arial, Tahoma, "Trebuchet MS", sans-serif;}
div.showing-description p {width:400px; margin-bottom:1.5em;}
div.showing-content {margin-bottom:25px;}
div.showing-content p.showtime {font-size:70%;}

div#shortdesc a:link, a:visited {color:#09f;}

div.contact {font-size:85%;}
div.contact h2.name {color:#fff;}