/*
Theme Name:  Deeperbeige
Theme URI:   http://deeperbeige.com/themes/wp-deeperbeige
Description: Theme for deeperbeige.com, based initially on blank3 by http://refueled.net
Author:      CMU
Author URI:  http://deeperbeige.com
version:     1.0
Tags:        three-column, deeperbeige
*/

/* basics */

* { margin:0; padding:0; }

body
{
    background:       #666666;
    background-image: url('images/chequer-bg.gif');
    font-family:      verdana, arial, tahoma, sans-serif;
    font-size:        10pt;
    margin-top:       0px;
    margin-bottom:    5px;
}

h1 { font-size: 18pt; }
h2 { font-size: 14pt; }
h3 { font-size: 10pt; }
h4 { font-size: 9pt;  }

img   { border:none; padding:0; }
img a { border:none; }

img.left  { float:left;  border:none; padding:6px 0 0 0; }
img.right { float:right; border:none; padding:0 0 0 6px; }

blockquote
{
    border-left: 1px solid #A5ABAB;
    margin:      15px;
    padding:     0 12px 0 12px;
}

code { font-family:"Courier New", Courier, monospace; }

/* links */
a
{
    color:           #611508;
    text-decoration: none;
}

a:hover { text-decoration:underline; }

/* container */
#container
{
    width:             994px;
    margin:            0 auto;
    padding:           0;
    background:        #9e855d;
    background-image:  url('images/beige-bg.jpg');
    background-repeat: no-repeat;
    color:             #333;
    border:            1px solid #8b6500;
    overflow:          hidden;
}

#topshadow
{
    width:               1038px;
    height:              25px;
    background-image:    url('images/shadow-top.png');
    background-repeat:   no-repeat;
    background-position: bottom;
    margin:              0 auto;
}

#sideshadow
{
    width:             1036px;
    background-image:  url('images/shadow-sides.png');
    background-repeat: repeat-y;
    margin:            0 auto;
}

#bottomshadow
{
    width:             1038px;
    height:            20px;
    background-image:  url('images/shadow-bottom.png');
    background-repeat: no-repeat;
    margin:            0 auto;
}

/* header */
#header
{
    background-image:  url('images/header-overlay.png');
    background-repeat: no-repeat;
    width:  902px;
    height: 144px;
    color:  #fff;
    margin: 45px auto 0;
}

#header h1,
#header h2
{
    font-size:   10px;
    line-height: 15px;
    position:    relative;
    left:        -1000px;
}

/* Tagline */
#tagline
{
    font-size:   8pt;
    overflow:    hidden;
    width:       300px;
    height:      60px;
    margin-top:  26px;
    margin-left: 290px;
    float:       left;
    color:       #703c1e;
}

/* Main pages icon menu */
#menu
{
    font-size:  8pt;
    overflow:   hidden;
    width:      700px;
    height:     60px;
    margin-top: 32px;
    float:      left;
}

#menu ul {
    margin:0;
    padding:0;
}

#menu ul li {
    list-style-type: none;
    float:left;
    margin: 0;
    padding: 0;
}

#menu ul li a {
    padding: 4px 10px;
    margin:  0;
    color:   #fff;
    display: block;
}

#menu ul li a:hover {
    background: #fff;
    color:#000;
}


/* search */
#search
{
    width:      195px;
    height:     60px;
    overflow:   hidden;
    float:      right;
    margin-top: 32px;
    text-align: right;
}

#searchform input#s
{
    position:   relative;
    background: none;
    left:       -13px;
    top:        27px;
    width:      164px;
    height:     18px;
    margin:     0;
    border:     0;
    padding:    2px;
}

/* content */
#content
{
    float:    left;
    width:    492px;
    overflow: hidden;
    margin:   0 12px;
}

.post
{
    margin:0;
    padding:0;
    line-height: 15pt;
}
    
.post h2
{
    font-size: 13pt;
}
    
.post h2 a
{
    color:           #000;
    text-decoration: none;
}

.post h2 a:hover
{
    color:           #777;
    text-decoration: none;
}

.post ul {}
.post li {}
.entry p { margin:12px 0; }

.postmetadata
{
    font-size:        8pt;
    background-image: url('images/content-bg.png');
    border:           1px solid #9e7044;
    clear:            both;
    padding:          6px;
    margin:           20px 0;
}

.postmetadata div
{
    clear: both;
}

.postmetadata label
{
    display: block;
    width:   130px;
    float:   left;
    margin:  0;
    padding: 0;
}

.postmetadata p
{
    display: block;
    width:   330px;
    float:   right;
    margin:  0;
    padding: 0;
}

/* next/previous links */
.navigation
{
    font-size: 8pt;
    width:     100%;
    float:     left;
    margin:    0;
    padding:   0;
    overflow:  hidden;
}

.navigation div { padding:0 10px; }
    
.alignleft  a  { float:left;  margin:25px 0; }
.alignright a  { float:right; margin:25px 0; }

/* left sidebar */
#left
{
    width:            190px;
    float:            left;
    margin:           0 0 0 46px;
    padding:          0;
    background-image: url('images/content-bg.png');
    border:           1px solid #9e7044;
    border-top:       0;
}

#left h2
{
    font-size: 10pt;
    color:     #000;    
    margin:    0;
    padding:   0;
}

#left label
{
    font-size: 10pt;
    color:     #000;    
    margin:    0;
    padding:   0;
}

#left p   { margin:0; padding:0; }
#left img { margin:0; padding:0; }

#left ul
{
    margin:  12px;
    padding: 0;
}

#left ul li
{
    margin:          0;
    padding:         0;
    line-height:     14pt;
    list-style-type: none;
}

#left ul ul    { margin:14px 0; padding:0; }
#left ul ul li { list-style-type:none; }
#left ul ul ul { margin:0; padding:0; }
#left ul ul ul li
{
    padding:         0 0 0 15px;
    list-style-type: square;
    color:           #898989;
}

/* right sidebar */
#right
{
    width:            191px;
    float:            right;
    margin:           0 46px 0 0;
    padding:          0;
    background-image: url('images/content-bg.png');
    border:           1px solid #ba8963;
    border-top:       0;
}

#right h2
{
    font-size: 10pt;
    color:     #000;    
    margin:    0;
    padding:   0;
}

#right label
{
    font-size: 10pt;
    color:     #000;    
    margin:    0;
    padding:   0;
}

#right p   { margin:0; padding:0; }
#right img { margin:0; padding:0; }
#right ul
{
    margin:12px;
    padding:0;
}

#right ul li
{
    margin:          0;
    padding:         0;
    line-height:     14pt;
    list-style-type: none;
}

#right ul ul    { margin:14px 0; padding:0; }
#right ul ul li { list-style-type: none; }
#right ul ul ul { margin:0; padding:0; }
#right ul ul ul li
{
    padding:         0 0 0 15px;
    list-style-type: square;
    color:           #898989;
}

/* comments */
#commentform
{
    background-image: url('images/content-bg.png');
    border:           1px solid #9e7044;
    margin:           0;
    padding:          10px;
}
    
#commentform p { color:#000; }
#commentform a { color:#000; text-decoration:none; }
#commentform h3 {
    font-family: georgia, times, verdana;
    font-size: 10pt;
    font-weight: 300;
    color: #000;
    margin:0;
    padding:0;
    }
    
#comment /* comment writing textarea */
{
    width:            451px;
}

#author, #email, #url, #comment, #submit
{
    font-size:        8pt;
    margin:           5px 5px 0 0;
    padding:          2px;
    color:            #000;
    background-color: #bd936b;
    border:           1px solid #623e19;
}
    
#submit   { margin:5px 5px 0 0; }
#comments { margin:0; padding:0 }

ol.commentlist { list-style-type:none; margin:0; padding:0; }
ol.commentlist li
{
    background-image: url('images/content-bg.png');
    border:           1px solid #9e7044;
    margin:           10px 0;
    padding:          5px 0 5px 10px;
    list-style-type:  none;
}

ol.commentlist li p { color:#000; clear:both; margin: 6px 0 6px 0; padding:0 12px 0 0; line-height:14pt; }
ol.commentlist a    { color:#611508; }

cite         { font-weight:bold; }
cite a       { color:#000; text-decoration:none; }
cite a:hover { color:#CCC; text-decoration:none; }

.comment-author       { margin-bottom:5px; }             /* Comment's username */
.comment-author       { font-size:8pt; float:left; }     /* Comment's username */
.comment-meta         { font-size:8pt; float:right; }    /* Comment's time */
.comment-meta a:hover { text-decoration:none; }          /* Comment's time */
.byuser cite a        { color:#fbffb1; }                 /* By a logged in user */
.byuser cite a:hover  { color:#CCC; }                    /* By a logged in user */
.says                 { font-style:italic; }             /* 'Says' text after username */
.avatar               { float:left; margin:0 12px 0 0; }

/* misc */
img.centered
{
    border:       1px solid #4e2f20;
    display:      block;
    margin-left:  auto;
    margin-right: auto;
}

img.alignright
{
    border:  1px solid #4e2f20;
    margin:  0 0 2px 7px;
    display: inline;
}

img.alignleft
{
    border:  1px solid #4e2f20;
    margin:  0 7px 2px 0;
    display: inline;
}

.alignright { float: right; }
.alignleft  { float: left;  }

.wp-caption
{
    border:           1px solid #ddd;
    text-align:       center;
    background-color: #f3f3f3;
    padding-top:      4px;
    margin:          10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius:    3px;
    -khtml-border-radius:  3px;
    -webkit-border-radius: 3px;
    border-radius:         3px;
}

.wp-caption img
{
   margin:  0;
   padding: 0;
   border:  0 none;
}

.wp-caption p.wp-caption-text
{
   font-size:   11px;
   line-height: 17px;
   padding:     0 4px 5px;
   margin:      0;
}

/* footer */
#footerspace { height:10px; clear:both; }
#footer
{
    background-image: url('images/content-bg.png');
    clear:            both;
    width:            901px;
    border:           1px solid #9c6e44;
    height:           40px;
    margin:           0px auto 45px;
}

#footer p       { color:#000; margin:11px 15px 0 15px; }
#footer a       { color:#000; text-decoration: none; margin:0; }
#footer a:hover { color:#000; text-decoration: underline; }
img.rss         { position:relative; top:3px; border:0; margin:-2px 0 0 0; }

/* Misc editor classes */
.no-border { border:0 !important; }
.content-list { margin-left: 40px; }

/* Clearfix */
.clearfix:after
{
    content:    ".";
    display:    block;
    height:     0;
    clear:      both;
    visibility: hidden;
}