/*
Theme Name: Create Graphics
Theme URI: http://www.createdesignla.com
Description: A clean, white theme built specifically for the Create Graphics Website
Version: 1.0
Author: Kirin Robinson
Author URI: http://www.koboldstyle.org
Tags: Stylized, Magazine Format, Create Design Los Angeles

This theme was custom-built off an original framework by Shawn Cope,
which you can find here: http://shawncope.com/2008/12/17/wordpress-blank-slate-theme/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "style/reset.css";

/* Main Body Styling */

     body {
       background: #eaeaea url('images/background.gif') center repeat-y;
       color: #595959;
       line-height: 1.2em;
       font-family: Helvetica,Arial,sans-serif;
       font-size: 12px;
       height:100%;
       }

     p {margin-top:10px;}

     a {
       color:#92a1b9;
       text-decoration:none;
       font-weight:bold;
       }

     a:hover {color:black;}

     #page {
       margin:0 auto;
       padding:0;
       border:0;
       width:850px;
       background:white;
       }

     .subdesc {
       margin:5px 0 10px 15px;
       font-style:italic;
       }

/* Header */

     #header {
       height: 300px;
       padding: 0px;
       margin-bottom:5px;
       }

     #site-meta {
       position:fixed;
       width:150px;
       z-index:1000;
       }

     #site-meta li {
       display:block;
       background:black;
       color:white;
       margin-top:5px;
       padding:5px;
       }
     #site-meta a:hover {color:#eaeaea;}

     #meta-panel {
       background:white;
       }

     #meta-panel ul {
       width:130px;
       margin:0 auto;
       padding:10px;
       }

     #meta-anchor {
       display:block;
       margin:0 auto 0 10%;
       background:white;
       padding:5px;
       width:40px;
       text-align:center;
       color:#92a1b9;
       font-weight:lighter;
       text-transform:uppercase;
       outline:0;
       }

     #division {
       position:relative;
       left:15px;
       top:-30px;
       font-size:11px;
       font-weight:bold;
       color:#b9b9b9;
       }

/* Header Title Removal */

     .createtitle {
       visibility: collapse;
       }

/* Main Column */

     #contentwrapper {
       float: left;
       width: 100%;
       }

     #contentcolumn{
       margin-right: 255px; /*Set right margin to RightColumnWidth*/
       padding: 0 15px 0 15px;
       }

     h1 {font-size:20px; margin:0px 5px 15px 0px;font-weight:bold;}

     h2 {font-size:18px;margin-bottom:7px;font-weight:bold;line-height:18px;}
     h2 a {color:#000;text-decoration:none;font-weight:bold;}
     h2 a:hover {color:#5282c6;}

/* Featured Page Entries */

     .sdbutton img {opacity:0;filter:alpha(opacity=0);}
     .hdbutton img {opacity:0;filter:alpha(opacity=0);}
     .sdbutton img:hover {opacity:1;filter:alpha(opacity=100);}
     .hdbutton img:hover {opacity:1;filter:alpha(opacity=100);}

     .workentry {
       min-height:150px;
       border-top:solid 1px black;
       padding:10px 0 10px 0;
       position:relative;
       }

     .workentry h2 {position:relative;left:280px;width:280px;}
     .workentry h3 {margin-top:10px;}
     .workentry .desc {position:relative;left:280px;width:280px;}

     .workentry .bigthumbnail {
       position:absolute;
       left:0;
       top:10px;
       width:266px;
       height:126px;
       }

     .workentry .bigthumbnail img {width:266px;}

     .workentry .sdbutton {
       position:absolute;
       left:0;
       top:137px;
       width:133px;
       height:23px;
       }

     .workentry .hdbutton {
       position:absolute;
       left:133px;
       top:137px;
       width:133px;
       height:23px;
       }

     .workentry .sdbutton img {width:133px;}
     .workentry .hdbutton img {width:133px;}

/* Work Listing Page Entries */

     .listentry {
       min-height:85px;
       border-top:solid 1px black;
       padding:10px 0 10px 0;
       margin:0;
       position:relative;
       }

     .listentry h2 {position:relative;left:250px;width:550px;margin-bottom:-15px;}
     .listentry h3 {margin-top:10px;}
     .listentry .desc {position:relative;top:15px;left:250px;width:550px;}

     .listentry .bigthumbnail {
       position:absolute;
       left:90px;
       top:10px;
       width:150px;
       }

     .listentry .bigthumbnail img {width:150px;}

     .listentry .sdbutton {
       position:absolute;
       left:90px;
       top:81px;
       width:75px;
       }

     .listentry .hdbutton {
       position:absolute;
       left:165px;
       top:81px;
       width:75px;
       }

     .listentry .sdbutton img {width:75px;}
     .listentry .hdbutton img {width:75px;}

     .listtime {
       font-size:.8em;
       text-align:right;
       position:absolute;
       left:-8px;
       top:0;
       width:87px;
       height:90px;
       overflow:hidden;
       }

     .listtime span {background:#bcbcbc;color:white;padding:3px 3px 0 3px;margin-bottom:3px;}

/* Pulse Entries */

     .pulseentry {
       min-height:150px;
       border-top:solid 1px black;
       padding:10px 0 10px 0;
       position:relative;
       }

     .entry {
       position:relative;
       border-top:solid 1px black;
       padding-top:10px;
       }

/* Single-page Entries */

     .entry .bigthumbnail {position:relative;}

     .entry .sdbutton {
       position:absolute;
       left:0;
       top:289px;
       }

     .entry .hdbutton {
       position:absolute;
       left:282px;
       top:289px;
       }

     .entry .desc {position:relative;background:black;color:white;padding:15px 15px;line-height:1.1em}
     .entry h3 {margin-top:10px;}
     .desc a:hover {color:#aeaeae;}

     .movielist {text-align:right;}
     .subs_movie {width:250px;z-index:2;}
     .subs_overl {width:250px;z-index:1;position:relative;left:-250px;background:white;}

/* Rudimentary Commenting Layout */

     .commentbar {position:absolute;bottom:27px;right:0;text-align:right;color:#bcbcbc;font-weight:bold;}
     .commentbar a {font-size:.9em;color:#bcbcbc;text-decoration:none;}
     .commentbar a:hover {color:#5282c6;}

     .tagboxes {text-align:right;}
     .tagboxes span {background-color:#d7d7d7;padding:0 3px 1px 3px;margin-left:5px;}
     .tagboxes a {font-size:.8em;color:white;}
     .tagboxes a:hover {color:#5282c6;}

     .tools {
       clear:both;
       background:#bcbcbc;
       padding:10px;
       }
     .tools span {color:white;font-weight:bold;margin-right:10px;}

     .navigation {
       display:block;
       height:18px;
       border:solid 1px #eaeaea;
       margin:15px 0 15px 0;
       padding:5px;
       background:#f6f7f9;
       }

     .postmetadata {
       clear:both;
       border:solid 1px #eaeaea;
       margin:10px 0;
       padding:5px;
       background:#f6f7f9;
       }

/* Sidebar Column */

     #sidebar {
       float:left;
       width:255px; /*Width of right column*/
       margin-left: -255px; /*Set left margin to -(RightColumnWidth) */
       }

     #sidecontent {margin:30px 15px;}
     #sidecontent h2 {background:#bcbcbc;padding:5px;font-size:1.2em;color:white;}
     #sidecontent li {margin-top:5px;}

     #address {
       display:block;
       background:black;
       padding:10px;
       text-align:left;
       margin-bottom:5px;
       color:white;
       font-size:.8em;
       }

     #add_title {
       font-family:Helvetica, Arial, sans-serif;
       text-transform:uppercase;
       font-weight:100;
       font-style:italic;
       font-size:190%;
       line-height:1.1em;
       letter-spacing:1px;
       margin-bottom:20px;
       }

     #add_title a {
       font-size:70%;
       font-weight:lighter;
       line-height:1em;
       letter-spacing:0;
       }

     #add_title a:hover {color:#bcbcbc;}

     #execstaff {margin-top:15px;margin-bottom:5px;}
     #execstaff span {color:#92a1b9;}
     #execstaff a {color:#92a1b9;font-weight:normal;}
     #execstaff a:hover {color:#bcbcbc;}

     #webtwopointoh {background:#bcbcbc;height:30px;}
     #webtwopointoh h2 {float:left;padding:8px 0 0 5px;}

     .web2icons {
       display:block;
       float:right;
       height:20px;
       width:20px;
       overflow:hidden;
       text-indent:-20px;
       margin:5px 5px 0 0;
       }
     .web2icons:hover {text-indent:0px;}

     #searchform {
       font-weight:bold;
       background:#bcbcbc;
       font-size:1.2em;
       color:white;
       margin-top:10px;
       padding:3px 0 3px 5px;
       }
     #searchform form {display:inline;padding:0;}
     #searchform input {width:145px;border:1px #bcbcbc solid;margin-left:10px;line-height:1.1em;}
     #searchform input:focus {border:1px #5282c6 solid;}

     #featuredpost {margin:0;}

     #contact a {display:block;background:black;width:215px;padding:5px;margin-bottom:5px;}
     #contact a:hover {color:#eaeaea;}

     #catlist h3 {margin-bottom:5px;}
     #catlist a {padding-left:15px;}

     #thumbnails {margin:15px 0 15px 0;line-height:1em;}
     #thumbnails img {border:solid 6px #eaeaea;width:90px;height:90px;margin:4px;}
     #thumbnails img:hover {border:solid 6px #92a1b9;}

/* Footer */

     #footer {
       clear:both;
       margin:0 15px 10px 15px;
       padding-top:10px;
       border-top:solid 1px black;
       }

     #padlock {
       display:block;
       height:10px;
       width:7px;
       overflow:hidden;
       text-indent:-7px;
       margin-left:10px;
       }
     #padlock:hover {text-indent:0px;}

     #footermenu {float:right;}
     #footermenu ul {list-style-type:none; list-style-image:none;}
     #footermenu li {display:inline;margin-left:10px;}

     #footerlinks {float:left;}
     #footerlinks span {float:right;}
     img#wpstats {display:none;}

/* Menu Rollover */

     #navmenu {
       position:absolute;
       top:0;
       width:850px;
       height:300px;
       background:url('images/mainmenu.jpg') white 0 0 no-repeat;
       padding:0;
       margin:0 auto;
       }

     #navmenu * {
       margin:0;
       padding:0;
       border:0 solid;
       text-decoration:none;
       list-style:none;
       }

     #navmenu a {
       position:absolute;
       display:block;
       }

     #navmenu span {
       position:absolute;
       visibility:hidden;
       width:230px;
       min-height:150px;
       background:white;
       }

     #menu00 {top:50px; left:0; width:450px; height:250px;}
     #menu01 {top:40px; left:486px; width:100px; height:85px;}
     #menu02 {top:128px; left:525px; width:75px; height:55px;}
     #menu03 {top:180px; left:505px; width:128px; height:95px;}
     #menu04 {top:110px; left:600px; width:100px; height:100px;}

     #menu01:hover, #menu01:active, #menu01:focus {background:url('images/mainmenu.jpg') -486px -340px;}
     #menu02:hover, #menu02:active, #menu02:focus {background:url('images/mainmenu.jpg') -525px -428px;}
     #menu03:hover, #menu03:active, #menu03:focus {background:url('images/mainmenu.jpg') -505px -781px;}
     #menu04:hover, #menu04:active, #menu04:focus {background:url('images/mainmenu.jpg') -600px -410px;}

/* Comments */

     #creativeteam {
       display:block;
       margin:25px;
       padding:5px;
       color:black;
       background:#bcbcbc;
       line-height:1.5em;
       font-size:1.2em;
       font-weight:bold;
       }

     #comments {
       display:block;
       height:18px;
       border:solid 1px #eaeaea;
       margin:15px 0 0 0;
       padding:8px;
       background:#f6f7f9;
       }

     #commentform {margin-bottom:15px;}
     #commentform textarea {width:560px;}

     .commentlist {
       margin:5px 0 5px 0;
       }

     .commentlist li {
       margin-top:10px;
       min-height:110px;
       }

     .commentlist p {
       border-top:solid 1px #eaeaea;
       background:#f6f7f9;
       padding:10px;
       }

     .comment-author {
       float:left;
       min-width:80px;
       padding:5px;
       border:solid 1px #eaeaea;
       background:#f6f7f9;
       margin-right:15px;
       }

     .commentlist .commentmetadata {
       font-size:70%;
       font-weight:normal;
       font-style:italic;
       }

     .avatar {
       display:block;
       margin-bottom:5px;
       }

     .respond {
       margin-top:5px;
       }
     .respond h3 {
       background:#92a1b9;
       color:white;
       padding:3px;
       font-size:1.2em;
       font-weight:bold;
       }

/* Utility Styles */

     .alignright {float:right;}
     .alignleft {float:left;}
     .aligncenter {display:block;margin:0 auto;}