/*
Theme Name: DJG Design
Theme URI: http://djgdesign.com
Description: A custom design for djgdesign.com.
Version: 3.1
Author: K&M Creative
Author URI: http://kandmcreative.com/
Tags: white, black, minimal, handmade
	DJG 3.1
	http://djgdesign.com
	This theme was designed and built by DJG Design with 
	CSS and HTML by K and M Creative

 @group Reset 


Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.5.1*/
html {
color:#000;
background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font:100%;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

li {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-weight:inherit;
font-size:100%;
}

/* @end 
 @end 
 @group Typography and Color */
body {
font-size:small;
font:x-small;
color:#666;
margin:0 0 30px;
padding:0;
}

pre,code,kbd,samp,tt {
font-family:monospace;
font-size:108%;
line-height:100%;
}

hr {
border:1px solid #666;
border-top:1px solid #666;
border-color:transparent;
margin:1.5em 0;
}

#header {
height:179px;
background:transparent url(images/logo.gif) top left no-repeat;
}

#header h1 {
position:absolute;
left:-1000px;
}

#wrapper {
width:790px;
position:relative;
}

#sidebar {
background-color:#fef8d6;
float:left;
width:155px;
margin-left:39px;
}

#content {
margin-left:244px;
}

#pagenav {
margin-top:30px;
}

#footer {
padding-top:.5em;
font-size:80%;
border-top:1px solid #666;
margin:1em 0 0 244px;
}

#dadada {
float:left;
color:#000;
font-weight:700;
}

#admin {
float:right;
width:150px;
text-align:right;
}

#admin,#admin a {
color:#FFF;
}

/* @group Main Navigation */
#mainnav {
position:absolute;
left:240px;
top:30px;
font:110% Georgia, "Times New Roman", Times, serif;
}

#cheater {
position:absolute;
background-image:url(images/vertbar.gif);
top:20px;
left:370px;
width:4px;
height:170px;
z-index:1000;
}

#mainnav a {
text-decoration:none;
color:#eee;
}

.item_parent,.current_item_parent {
height:18px;
width:545px;
white-space:nowrap;
padding:2px;
}

ul.msie .item_parent,ul.msie .current_item_parent {
width:600px;
}

.item_parent div,.current_item_parent div,.item_parent div h3,.current_item_parent div h3,.item_parent ul,.current_item_parent ul {
display:inline;
}

.item_parent div,.current_item_parent div {
float:left;
width:150px;
background:transparent url(images/mad_dash.png) 25px 10px no-repeat;
}

.item_parent h3,.current_item_parent h3 {
background-color:#FFF;
padding:0 3px 0 0;
}

.item_parent:hover,.current_item_parent:hover,.item_parent:hover a,.current_item_parent:hover a,.item_parent:hover h3,.current_item_parent:hover h3 {
background-color:#fef8d6;
color:#666 !important;
}

.item_parent:hover a:hover,.current_item_parent:hover a:hover,body#home .about_cls a:hover,body#designs li.designs_cls a:hover {
color:#000 !important;
}

#mainnav ul.topnav-sublevel-1 li {
display:inline;
border-left:1px solid #FFF;
padding:0 5px;
}

body#home .about_cls li,#mainnav .item_parent:hover li,#mainnav .current_item_parent li,body#designs li.designs_cls li {
border-left:1px solid #666 !important;
}

/*remove the left line from the first li in each list*/
#mainnav ul.topnav-sublevel-1 li.home-uri,#mainnav ul.topnav-sublevel-1 li.shopping-cart-page,#mainnav ul.topnav-sublevel-1 li.contact-page,#mainnav ul.topnav-sublevel-1 li.best-of-uri,#mainnav ul.topnav-sublevel-1 li.awards-cat,#mainnav ul.topnav-sublevel-1 li.bo-log-na-cat,#mainnav ul.topnav-sublevel-1 li.sausages-page {
border-left-width:0 !important;
}

.current_item_parent a,body#home .about_cls a,body#designs li.designs_cls a,body.news .about_cls a,body.awards .extras_cls a,body.press .extras_cls a,body.exhibition .extras_cls a,body.interviews .extras_cls a,body.bo-log-na .fluff_cls a,body.av .fluff_cls a,body.writings .fluff_cls a {
color:#666 !important;
}

#mainnav a.current_item,body#home li.home-uri a,body.news li.news-cat a,body.awards li.awards-cat a,body.press li.press-cat a,body.exhibition li.exhibition-cat a,body.interviews li.interviews-cat a,body.bo-log-na li.bo-log-na-cat a,body.av li.av-cat a,body.writings li.writings-cat a {
text-decoration:underline !important;
}

/* @end 
 @group pagenav */
#wp_page_numbers,.singlenav {
display:block;
width:130px;
margin-top:20px;
}

#pagenav,.singlenav {
height:20px;
}

#wp_page_numbers li,.singlenav div {
margin-top:-5px;
display:inline;
}

.navigation a,.singlenav a {
display:block;
width:30px;
height:20px;
overflow:hidden;
position:relative;
}

.navigation li a span,.singlenav a span {
position:absolute;
left:-9999em;
}

.prevpage,.nextpage {
display:block;
}
.prevpage{float:left;}
.nextpage{float:right;}

.page_info {
display:inline;

margin-left:14px;
width:70px;
text-align:center;
}

.singlenav .nextpage a,li.prevpage a {
background:transparent url(images/left.gif) center right no-repeat;
}

.singlenav .prevpage a {
margin-left:68px;
}

.singlenav .prevpage a,.navigation li.nextpage a {
background:transparent url(images/right.gif) center left no-repeat;
}

.thedate,h1,h2,h3,h4,h5,h6,.link_cat {
font:15px Georgia, "Times New Roman", Times, serif;
color:#000;
}

.dateextra,.smalltext {
display:block;
color:#999;
font-size:80%;
}

#content h3 {
margin:10px 0 0;
}

#content h2 {
font-size:150%;
margin:10px 0 0;
}

#content h3.nobg:hover {
background:none;
}

#content h4 {
margin-bottom:2em;
}

dfn {
display:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

h2#title {
position:absolute;
left:25px;
font-weight:400;
font-size:1.5em;
}

blockquote {
margin-left:20px;
padding-left:5px;
border-left:1px dotted #666;
}

cite {
display:block;
font-style:italic;
padding-left:20px;
}

/* @end 
 @group Post */
.post,ol.commentlist li,li.linkcat {
margin-top:20px;
border-bottom:1px solid #666;
padding-bottom:30px;
}

#page .post {
border-bottom-width:0;
}

.postdate,#archive h3 a,.entry h3,.link_cat {
text-decoration:none;
color:#000;
}

.postdate,.commentdate,.link_cat {
float:left;
width:150px;
}

.entry,.postmetadata,.links li.linkcat ul {
margin-top:5px;
margin-left:150px;
}

.postmetadata,.smallbox {
border-top:1px solid #CCC;
font-size:80%;
color:#999;
margin-top:5px;
padding-top:5px;
}

.postmetadata a:hover {
color:#333;
}

.entry {
line-height:1.5em;
}

.entry p,.entry ul,.entry li {
margin:0 0 1.5em;
}

.entry ul,.entry li {
list-style:circle;
}

/* @end 
 @group Comments */
input,textarea {
border:1px solid #ccc;
color:#333;
border-color:#999 #CCC #CCC #999;
margin:5px 0;
padding:2px;
}

textarea {
width:100%;
}

input[type=submit] {
border-color:#CCC #999 #999 #CCC;
padding:5px;
}

ol.commentlist {
margin-top:10px;
background-color:#fef8d6;
padding:5px 50px 10px 10px;
}

ol.commentlist li {
border-bottom-color:#999;
padding-bottom:10px;
}

#commentform {
border-bottom:1px solid #333;
}

/* @end 
 @group Page */
#page {
margin-top:55px;
}

#page h3.title {
margin-bottom:1em;
}

.error {
color:#900;
}

caption,th,#commentform table tr td {
text-align:left;
}

legend,#mainnav a:hover,.current_item_parent,#mainnav a.current_item {
color:#000;
}

#copyright,.navigation li.prevpage a {
float:right;
}

#admin a:hover,ol.commentlist li.alt {
color:#999;
}

#content h3:hover,input:focus,textarea:focus {
background-color:#fef8d6;
}

a,.postmetadata a {
color:#666;
}

.size-medium,.outset,.entry p.outset,.entry .outset {
display:block;
margin-left:-20px;
}