/*
THEME NAME: Diurnal-Modified by JMBara for CODEMUSE.NET
THEME URI: http://ntuat.wordpress.com/
DESCRIPTION: This flexible 5-in-1 theme changes according to the time of day
VERSION: 1.0
AUTHOR: Carolyn Smith (original) / JMBara (modified)
AUTHOR URI: http://not-that-ugly.co.uk/
TEMPLATE: sandbox
*/
/* final .. a little bit more comntrast ...
/* LIGHT GREY: site none ... blog 95% f2f2f2
/* MED GREY: site ccc blog 90% e5e5e5 <-- light tab
/* DARK GREY: site 999 ... blog 85% d9d9d9
/* tabs ... 80% CCCCCC <--- dark tab


/* use any structure in /sandbox-layouts; more details in the readme*/
@import url('../sandbox/sandbox-layouts/2c-r.css'); 

/* links to time-specific stylesheets <--- consolidated by JMB in one file: codemuse/style.css */
@import url('codemuse/style.css');
/* =========================================================================================== */
/* CODEMUSE uses only one style */

/* JMB body font: black */
body {font: 0.75em verdana, helvetica, arial, sans-serif;
margin:0;
padding:0;
color:#000} /* this last color if font */

/* this is the color of the frame around the main area (left column) */
#container {background:#e5e5e5}

/* content surrounds the whole left collumn */
#content {padding:10px 10px 10px 10px} /* was 0 10px 0 10px ... top right bot left */

/* header: this should match the height of the picture */
#header {height:72px;}

/* this controls the floating title CODEMUSE */
#header h1 {font:1.0em 'century gothic', futura, sans-serif;
margin:0;
padding: 0 10px 0 10px;}

/* This is the second header line.  I increased the top padding here Top ... Left */
#blog-description {font:1.4em verdana, helvetica, arial, sans-serif; padding:26px 10px 0px 10px; text-align:right;
color:#ff8100}

.skip-link {display:none}



/* prev/next links */
.navigation {margin:1em;
text-align:center;
width:95%;
height:1em}

.nav-previous {float:left;
text-align:left;
width:45%}

.nav-next {float:right;
text-align:right;
width:45%}

.nav-previous a {padding-left:20px;
background:url(leftarrow.gif) center left no-repeat;}

.nav-next a {padding-right:20px;
background:url(rightarrow.gif) center right no-repeat;}

span.meta-nav {display:none}


/* page navigation */
#menu ul li {
margin:0;
padding:4;
display:inline;
font:1.2em 'century gothic', futura, sans-serif;
font-weight: bold} /* color did not do anything here */

#menu ul li ul {margin:0;
display:inline;
font-size:0.8em;
} /* color did not do anything here */

#menu ul li a {
padding: 3px 20px 0px 10px;
letter-spacing:0.05em;
} /* color works here! */


/* sidebar stuff ----------------------------------------------------------------------- */
/* JMB background of right column around widgets: light grey */
.sidebar {margin:0;
padding:0 10px 10px 10px;
background:#000}

/* JMB Arial font */
.sidebar h3, .comments h3, #respond h3 {letter-spacing:0.05em;
margin:0;
padding:2px 10px 2px 10px; /* first number is Top padding inside Title bar */
font: 1.2em verdana, helvetica, arial, sans-serif}

#menu ul, .sidebar ul {list-style:none;
margin:0;
padding:0}

/* JMB widget border dark grey */
.widget, .sidebar li.linkcat { /*border:1px #0f0 solid; */
margin-bottom:1em}

/* JMB sidebar title background dark grey */
.sidebar ul li, #wp-calendar caption {background:#d9d9d9}
/*.sidebar ul li, #wp-calendar caption {background:#d9d9d9 url(greybk.png) top left repeat-x;
border-bottom:1px #d9d9d9 solid;}*/

/* JMB sidebar title bottom dark grey */
/* .sidebar h3 {border-bottom:1px #00f solid} JMB note needed */

/* JMB sidebar body background */
.sidebar ul li ul li, .sidebar ul li div {background:#e5e5e5;
border-right:1px  #d9d9d9 solid;
border-left:1px  #d9d9d9 solid;
border-bottom:1px #d9d9d9 solid;
padding:2px 10px 2px 10px}

.sidebar ul li ul li ul li {background:#f2f2f2;
border:1px  #d9d9d9 solid; /* this does not appear so far */
padding-left:20px;
background:url(rightarrow.gif) center left no-repeat;}



/* posts & comments ------------------------------------------------- */
.post, body.page div.hentry, .comment, .trackback, .pingback {border:1px #d9d9d9 solid;
margin:2px 0 30px 0} /* was 10 0px 10 0px ... top right bot left */

.entry-title {letter-spacing:0.05em; color: #990000;
margin: 0;
background:#d9d9d9;
padding:2px 10px 0px 10px;
font: 1.6em 'century gothic', futura, sans-serif;
font-weight: bold}

.comment-author {letter-spacing:0.05em;
margin: 0;
background:#d9d9d9;
padding:2px 10px 0px 10px;
font: 1.2em 'century gothic', futura, sans-serif}

abbr.published {border:0}

.entry-date, .comment-meta, #trackbacks-list div.comment-author  {
text-transform:uppercase;
font-size:0.7em;
margin:0;
background:#d9d9d9; 
padding:0px 10px 5px 10px;}

.entry-date {background:#d9d9d9 padding-left:20px}


#trackbacks-list div.comment-author {font-family: verdana, helvetica, arial, sans-serif;
border-bottom:1px #f2f2f2 solid;
letter-spacing:0em;
padding-top:5px}

/* .comment-meta {border-bottom:1px #c0c solid} ... not needed */

/* this only refers to the paragraph itself; it leaves uncolored the top and bottom */
.comment p, #trackbacks-list p {padding:0px 10px 0px 10px; background:#e5e5e5}

/* this is the content box (middle box) of the Entry boxes */
.entry-content {line-height:1.4em;
padding:2px 10px 2px 10px;;
background:#f2f2f2;
border-top:1px #e5e5e5 solid}

.entry-meta {
clear:both;
background:#d9d9d9;
border-top:1px #e5e5e5 solid;
padding:2px 10px 2px 10px}

/*.meta-sep {padding-left:18px; color:#d9d9d9} */

li.bypostauthor div.comment-author {background:#d9d9d9}


/* forms ------------------------------------------------------------------------------- */
input, textarea { background:#fff; /* this only impacts the search box and the comment box */
border:1px #f2f2f2 solid;
color:#000;
font:1em verdana, helvetica, arial, sans-serif;
overflow:auto}

#commentform #submit {margin:10px 0 10px 0; color:#000}

#searchform div{background:#f2f2f2; margin:0}

#searchform submit {color:#000}


/* calendar ------------------------------------------------------------------------------- */
#calendar h3 {display:none}

div#calendar_wrap {padding:0; background:#d9d9d9}

#wp-calendar {width:100%; background:#f2f2f2}

#wp-calendar caption {font:1.4em 'century gothic', futura, sans-serif;
margin:0;
padding: 2px 0px 2px 20px;
text-align:left}

#wp-calendar td {text-align:center;
border:#e5e5e5 1px solid;
background:#d9d9d9}

#wp-calendar tfoot td {
background:#f2f2f2;
border:0}

#wp-calendar td.pad {border:0;
background:#f2f2f2}

td#today {
background:#f2f2f2;
border:#d9d9d9 1px solid}


/* image handling ---------------------------------------------------------------------- */
#content img {max-width:98%}

#content, .sidebar {overflow:hidden}

a img {border:0}

.alignright {
float:right;
margin:5px}

.alignleft {
float:left;
margin:5px}

.center {
margin:auto;
display:block}


/* getting asides to LOOK like asides --------------------------------------------------- */
body.home div.category-asides {
margin:20px 0px 20px 0px;
padding:5px 10px 5px 10px}

body.home div.category-asides *{display:inline}

body.home div.category-asides .entry-content {border:0;
font-size:1em;
line-height:1.5em;
padding:0}

body.home div.category-asides div.entry-meta {background:#f2f2f2;
margin:0;
border:0}

body.home div.category-asides .entry-title, 
body.home div.category-asides .entry-date,
body.home div.category-asides .author, 
body.home div.category-asides .meta-sep,
body.home div.category-asides .cat-links    
{display:none}


/* html elements ------------------------------------------------------------ */

a {text-decoration:none}

blockquote {border:1px #e5e5e5 solid;
padding:2px}

/* JMB put CODEMUSE header to right */
h1 {text-align:right}

h2 {font: 1.6em 'century gothic', futura, sans-serif;
margin:10px 0 -10px 0}

.hentry ul {list-style-image:url(rightarrow.gif)}

#footer {
background:#000;
text-align:center;
padding:10px 0 10px 0}