/*
Theme Name:		Daniel Meddaugh
Theme URI:		http://atomdriven.com
Description:	A custom design created for musician Daniel Meddaugh by <a href="http://atomdriven.com">Atom Driven Web Design &amp; Development</a>.
Version:		1.0
Author:			Adam Page
Author URI:		http://atomdriven.com/

Colors:         #604938 - Red dark
                #c45a46 - Red medium
                #b85c23 - Brown medium
                #b78e32 - Brown light
                #605e2a - Green medium
*/

/*____[ Imports ]_____________________________________________________________*/

@import url("css/fontnormal.css");

/*____[ Common elements ]_____________________________________________________*/

body
{
    background-color:     #ffffff;
    margin:               0;
    padding:              0 0 50px 0;
    background:           #ffffff url("images/bg_body.gif") 165px 0 repeat-y;
}

a
{
    color:                #b85c23;
    text-decoration:      none;
}

a:hover
{
    color:                #605e2a;
    text-decoration:      underline;
}

a img
{
    border:               0;
}

hr
{
    display:              none;
}

/*____[ Header ]______________________________________________________________*/

h1
{
    margin:               0;
    padding:              0;
}

#head
{
    width:                100%;
    height:               150px;
    background-color:     #ffffff;
    position:             absolute;
    top:                  0;
    left:                 0;
}

/*----( Main menu )---------------------------------------*/

#mainmenu
{
    position:             absolute;
    left:                 147px;
    bottom:               24px;
}

#mainmenu ul
{
    list-style:           none;
    margin:               0;
    padding:              0;
}

#mainmenu ul li
{
    display:              block;
    float:                left;
    margin:               0 0 0 17px;
    padding:              0;
    font-size:            1.6em;
    line-height:          1.0em;
    text-transform:       uppercase;
    background-color:     transparent;
}

#mainmenu ul li a
{
    display:              block;
    padding:              8px 0 0 0;
    text-decoration:      none;
    font-weight:          normal;
    color:                #b85c23;
    background-color:     #ffffff;
}

#mainmenu ul li#mm_listen a
{
    background:           transparent url("images/icon_music_note_menu.gif") 100% 80% no-repeat;
    padding-right:        20px;
}

#mainmenu ul li a:hover
{
    color:                #000000;
}

.page_about      #mainmenu ul li               { padding-top: 10px; }
.page_experience #mainmenu ul li               { padding-top: 22px; }
.page_music      #mainmenu ul li               { padding-top: 15px; }
.page_photos     #mainmenu ul li               { padding-top: 40px; }
.page_contact    #mainmenu ul li               { padding-top: 12px; }

                 #mainmenu ul li#mm_home a     { background-color: transparent !important; }
.page_about      #mainmenu ul li#mm_about      { background-color: #605e2a; }
.page_experience #mainmenu ul li#mm_experience { background-color: #b85c23; }
.page_music      #mainmenu ul li#mm_music      { background-color: #c45a46; }
.page_photos     #mainmenu ul li#mm_photos     { background-color: #604938; }
.page_contact    #mainmenu ul li#mm_contact    { background-color: #b78e32; }

/*____[ Content ]_____________________________________________________________*/

#wrap
{
    padding:              150px 0 0 0;
}

#content
{
    margin:               0 0 0 165px;
    width:                540px;
    padding:              0 30px 20px 30px;
    border-top:           3px solid #d0bc92;
    font-size:            1.3em;
    color:                #605e2a;
    line-height:          1.5em;
}

#content p
{
    margin:               1.5em 0;
}

.page h2
{
    display:              none;
}

#content p.first:first-line
{
    font-size:            1.5em;
    line-height:          1.4em;
    color:                #000000;
}

/*----( Home / posts )------------------------------------*/

.posts h2
{
    margin:               0;
    padding:              20px 0 0 0;
    font-size:            1.5em;
    line-height:          1.4em;
    color:                #000000;
    font-weight:          normal;
}

.posts h2 a
{
    color:                #000000;
}

.posts h2 a:hover
{
    color:                #605e2a;
    text-decoration:      none;
}

.posts h4
{
    margin:               -0.1em 0 1.0em 0;
    padding:              0;
    font-size:            0.85em;
    font-weight:          bold;
}

.posts textarea
{
    font-family:          Arial, sans-serif;
    font-size:            1.0em;
}

.entry img
{
    float:                right;
    margin-left:          10px;
}

/*----( Experience )--------------------------------------*/

.page_experience h3
{
    margin-top:           1.5em;
    font-size:            1.5em;
    line-height:          1.4em;
    color:                #000000;
    font-weight:          normal;
}

.page_experience h4
{
    margin:               1.0em 0 0 0;
    text-transform:       uppercase;
    font-weight:          bold;
    letter-spacing:       0.09em;
    font-size:            1.0em;
    font-weight:          normal;
    color:                #000000;
}

.page_experience #content p,
.page_experience #content ul,
.page_experience #content ul li
{
    margin:               0;
    padding:              0;
}

.page_experience #content ul
{
    margin-left:          4.0em;
    font-size:            0.85em;
    
}

/*----( Music )-------------------------------------------*/

.page_music #content div.post
{
    width:                300px;
    font-size:            0.9em;
}

#instructions
{
    margin-bottom:        0 !important;
}

#songlist
{
    width:                200px;
    float:                right;
    color:                #b78e32;
    font-size:            0.85em;
}

#songlist h3
{
    margin:               2.0em 0 1.0em 0;
    padding:              1.0em 0 0 0;
    font-size:            1.2em;
    text-transform:       uppercase;
    font-weight:          normal;
    color:                #000000;
    clear:                left;
}

#songlist h3.first
{
    padding:              0;
}

#songlist h4
{
    margin:               0;
    padding-top:          0;
    font-size:            1.2em;
    text-transform:       uppercase;
    font-weight:          normal;
    letter-spacing:       0.3em;
    font-weight:          normal;
    clear:                left;
    line-height:          4.0em;
}

#songlist ul
{
    margin:               0;
    padding:              0;
    list-style:           none;
}

#songlist ul li
{
    font-style:           italic;
    color:                #604938;
    padding:              0 0 !important;
    margin:               0;
    font-size:            1.0em;
    clear:                left;
}

#songlist ul li a
{
    color:                #604938;
    text-decoration:      none;
}

#songlist ul li a:hover
{
    color:                #000000;
}

#songlist p img
{
    vertical-align:       middle;
}

#songlist li img
{
    float:                left;
    margin-bottom:        5px;
}

#songlist li span
{
    float:                left;
    display:              block;
    padding:              0.2em 0 5px 5px;
    width:                160px;
    line-height:          1.2em;
}

#songlist li a span
{
    cursor:               pointer;
}

/*----( Photo gallery )-----------------------------------*/

.page_photos #content
{
    width:                600px;
    padding-left:         0;
    padding-right:        0;
}

#photogallery ul
{
    list-style:           none;
    margin:               0;
    padding:              0;
}

#photogallery ul li
{
    float:                left;
    margin:               23px 0 0 23px;
    padding:              0;
    border-bottom:        1px solid #d4bb84;
}

#photogallery ul li a
{
    display:              block;
    border:               10px solid #fbf1de;
}

#photogallery ul li a:hover
{
    border-color:         #ffffff;
}

/*----( Photo gallery )-----------------------------------*/

#gb_form
{
    background-color:     transparent !important;
}

.page_contact form fieldset
{
    border:               0;
    margin:               0;
    padding:              0;
}

.page_contact form legend,
.creditline
{
    display:              none;
}

#gb_form small,
#gb_form small *
{
    color:                #604938 !important;
    font-weight:          normal !important;
    border:               0 !important;
    background-color:     transparent !important;
    cursor:               default !important;
}

/*____[ Footer ]______________________________________________________________*/

#footer
{
    position:             absolute;
    top:                  150px;
    left:                 15px;
    width:                135px;
}

#plugs
{
    color:                #d0bc92;
    padding-top:          30px;
}

#plugs p
{
    margin:               0;
}

#plugs a
{
    color:                #d0bc92;
    font-weight:          bold;
    text-decoration:      none;
}