/*  
 * Theme Name: MARULA web over original
 * Theme URI: http://www.marula.es
 * Description: Marula makes use of javascript effects.
 * Version: 1.0
 * Author: MARULA
 * Author URI: http://www.marula.es/
 * 
 * Marula Web 1.0
 *  
 * This theme was designed and built by MARULA   
 * 
 */

html, h1, h3, h6, ul, ol
{
    margin: 0;
    padding: 0;
}

body 
{
    background:  url(http://marula.es/web/wp-content/uploads/2009/04/pieswebfondo.jpg);
    background-color: #000000;
    background-repeat: no-repeat;
    color: #514F50;
    font-family: 'Century Gothic', sans-serif;
    font-size: 12px;    
    line-height: 1.6em;

  margin: 0px 12em;
}

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

a:hover {
    color: #AFAEAE
}

#sidebar h5 a {
    color: #FFF;
    text-decoration: none;
}

#sidebar a:hover {
    color: #FFF;
}

h5 a {
    color: #FFF;
    text-decoration: none;
}

h5 a:hover {
    color: #FFF;
    text-decoration: none;
}

h6 a {
    color: #FFF;
    text-decoration: none;
}

h6 a:hover {
    color: #636263;
    text-decoration: none;
}
.whitelink a {
    color: #f7f7f7;
}

.whitelink a:hover {
    color: #fdc800;
}

ul 
{
    
}

ul li ul
{
    
}

ol 
{
    list-style-position: inside; 
}


input, textarea 
{
    width: 15.5em;
    border: 0px solid #FFF;
    background: #000;
    color: #B5B5B5;
    padding: 0.2em;
}

#container
{
    width: 91.17em;
    margin: 0 auto;
}

    #columnLeft
    {
       /** position: relative;**/
        margin: 10em 0 10em 0;
        padding: 0 0 1em 0;
        float: left;
        width: 18.75em;
        background: #3D3D3D;
        
     
    }
            
        #header h5
        {
            display: block;
            background: #3D3D3D;
            margin: 0.7em 0 0 0; 
            height: 3em;
            padding: 1.5em 0 0 0;
            font-size: 0em;
            font-weight: normal;
            border-top: 8px solid #332D2F;
        }
        
        #footer
        {
            padding: 7em 1.2em 1.2em 1.2em;
            font-size: 0.8em;
            line-height: 1.2em;
            background: #332D2F;
        }
        
        #searchform input
        {
            width: 11.6em;
        }

        #postsSmall
        {
            margin: 0 0 0 1.2em;
        }
        
            #postsSmall h5
            {
                color: #FFFFFF;
                background: #000000;
                font-size: 0.8em;
                padding: 0 1em 0 1em;
                margin: 1em 0 0 0;
                text-transform: uppercase;
            }
            
            #postContent ul
            {
                list-style: none;
            }
            
                #postContent ul li
                {
                    border-bottom: 1px solid #7c5c38;
                    padding: 3px 3px 3px 0;
                }
            
        #sidebar
        {
            margin: 0 0 0 1.2em;
            padding: 0 0 1.2em 0;
        }
        
            #sidebar h5
            {
                color: #FFFFFF;
                background: #000000;
                font-size: 0.8em;
                padding: 0 1em 0 1em;
                margin: 0 0 2px 0;
                text-transform: uppercase;
                text-align: right;
            }
            
                #sidebar h5:hover
                {
                    background: #FFFFFF;
                }
            
                #sidebar h5,
                #sidebar h5 a
                {
                    color: #FFFFFF;
                }
                
                #sidebar h5:hover
                {
                    color: #fff;
                    cursor: pointer;
                }
            
                #sidebar a
                {
                    color: #B5B5B5;
                }
            
            #searchContent,
            #postContent,
            #themesContent,
            #pagesContent,
            #categoryContent,
            #archiveContent,     
            #blogrollContent,
            #metaContent
            {
                display: none;
                margin: 0 0 0.5em 0;







































            }
            
        #middleCol
        {
            display: none;
            position: relative;
            float: left;    
            background: #D3D3CF;
            width: 48em; 
            margin: 5em 0 5em 2em;
        }
        
            #middleCol h2 
            {



                padding: 0 0.5em;
            }
            
            #middleCol .aPost h5
            {
                color: #FFF;
                background: #000;
                font-size: 1.4em;
                font-weight: normal;
                padding: 0.75em;
                margin: 1em 0 0 0;                
            }
                    
            #middleCol .aPost .aPostBody
            {
                padding: 2em;
            }
            
                #middleCol .aPost .aPostBody img
                {
                    border: 0px solid #FFFFFFe;
                    float: left;
                    margin: 1em;
                }
            
            #middleCol .aPost .postInfo
            {                
                position: relative;
                margin: 2em 0 0 0;
            }
            
                #middleCol .aPost .postInfo h6,
                #middleCol .aPost .postCategories h6
                {
                    display: inline;
                    background: #000000;
                    font-size: 0.8em;
                    padding: 0 1em 0 1em;
                    margin: 0 3px 2px 0;
                    text-transform: uppercase;
                }       
                
                    #middleCol .aPost .postInfo .postComments
                    {
                        float: right;
                    }
        #middleCol  p
                    {
                       text-align: justify;
                    }
        
        #rightCol
        {            
            position: relative;
            float: left;    
            background: #3D3D3D;
            width: 20em;
            margin: 8em 0 5em 2em;
        }
        
            #theComments
            {
                display: none;                     
            }
            
            #theComments h5
            {
                color: #3D3D3D;
                background: #000;
                font-size: 0.8em;
                padding: 0 1em 0 1em;
                margin: 0em 0 0 0;
                text-transform: uppercase;
            }
            
            #respondArea
            {
                padding: 1em;
                background: #3D3D3D;
            }
            
            #respondForm
            {
                display: none;
            }
            
            #commentsArea
            {
                padding: 1em 0;
            }
                
                #commentsArea .aComment
                {
                    margin: 0 0 2em 0;
                }
                
                #commentsArea .aComment h5
                {
                    font-size: 1em;
                    text-transform: none;
                    padding: 1em 0 0 0;
                    font-weight: normal;
                    text-align: right;
                }
                
                #commentsArea .commentInfo h6
                {
                    display: inline;
                    background: #FFF;
                    font-size: 0.8em;
                    padding: 0 1em 0 1em;
                    margin: 0 3px 2px 0;
                    text-transform: uppercase;
                }      
                
            
                #commentsArea .aCommentBody
                {
                    padding: 0 1em;
                }
                
.wp-smiley
{
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.uc
{
    text-transform: uppercase;
}