﻿/*  
 * Theme Name: Slider
 * Theme URI: http://www.counterjumper.com
 * Description: Slider is a fun little theme which makes use of javascript effects to provide a playful experience.
 * Version: 1.0.4
 * Author: Karmadude
 * Author URI: http://counterjumper.com/
 * 
 * Slider 1.0.4
 *  
 * This theme was designed and built by Karmadude   
 * 
 */

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

body 
{
    background: #372919 url(images/background06.jpg) repeat-y top left;
    color: #999966;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 12px;    
    line-height: 1.6em;
    margin: 0px 5em;
}

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

a:hover,
#sidebar a:hover
{
    color: #fff;
}

.whitelink a {
    color: #f7f7f7;
}

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

ul 
{
    
}

ul li ul
{
    
}

ol 
{
    list-style-position: inside; 
}


input, textarea 
{
	width: 15.5em;
	border: 1px solid #fdc800;
	background: #372919;
	color: #f0f0f0;
	padding: 0.2em;
}
/* containerק侀Cⵥ */
#container
{
	width: 870px;
	margin: 0 auto;
	background: url('images/') no-repeat;
	background-attachment: fixed;
	background-position: 50% 99%;
}

    #columnLeft
    {
        position: relative;
        float: left;
        width: 210px;
        background: #40301d;
        
        margin: 10em 0 10em 0;
        padding: 0 0 1em 0;
    }
            
        #header h5
        {
            display: block;
            background: #372919;
            margin: 0.7em 0 0 0; 
            height: 3em;
            padding: 1.5em 0 0 0;
            font-size: 2em;
            font-weight: normal;
            border-top: 1px solid #fdc808;
        }
        
        #footer
        {
            padding: 7em 1.2em 1.2em 1.2em;
            font-size: 0.8em;
            line-height: 1.2em;
            background: #372919;
        }
        
        #searchform input
        {
            width: 11.6em;
        }

        #postsSmall
        {
            margin: 0 0 0 1.2em;
        }
        
            #postsSmall h5
            {
                color: #f7f7f7;
                background: #4e3a24;
                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: #333;
	background: #4e3a24;
	font-size: 0.8em;
	padding: 0 1em 0 1em;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	text-align: right;
	cursor: pointer;
            }
            
                #sidebar h5:hover
                {
                    background: #71624e;
                }
            
                #sidebar h5,
                #sidebar h5 a
                {
                    color: #fdc800;
                }
                
                #sidebar h5:hover
                {
                    color: #fff;
                    cursor: pointer;
                }
            
                #sidebar a
                {
                    color: #71624e;
                }
            
            #searchContent,
            #postContent,
            #themesContent,
            #pagesContent,
            #categoryContent,
            #archiveContent,
            #blogrollContent,
            #metaContent
            {
                display: none;
                margin: 0 0 0.5em 0;
            }
            
        #middleCol
        {
            display: none;
            position: relative;
            float: left;    
            background: #3c2d1b;
            width: 42em; 
            margin: 5em 0 5em 2em;
        }
        
            #middleCol h2 
            {
                padding: 0 0.5em;
            }
            
            #middleCol .aPost h5
            {
                color: #f7f7f7;
                background: #372919;
                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;
                    float: left;
                    margin: 1em;
                }
            
            #middleCol .aPost .postInfo
            {                
                position: relative;
                margin: 1em 0 0 0;
            }
            
                #middleCol .aPost .postInfo h6,
                #middleCol .aPost .postCategories h6
                {
                    display: inline;
                    background: #44331f;
                    font-size: 0.8em;
                    padding: 0 1em 0 1em;
                    margin: 0 3px 2px 0;
                    text-transform: uppercase;
                }       
                
                    #middleCol .aPost .postInfo .postComments
                    {
                        float: right;
                    }
        
        
        #rightCol
        {            
            position: relative;
            float: left;    
            background: #3c2d1b;
            width: 20em;
            margin: 8em 0 5em 2em;
        }
        
            #theComments
            {
                display: none;                     
            }
            
            #theComments h5
            {
                color: #f7f7f7;
                background: #372919;
                font-size: 0.8em;
                padding: 0 1em 0 1em;
                margin: 1em 0 0 0;
                text-transform: uppercase;
            }
            
            #respondArea
            {
                padding: 1em;
                background: #41311e;
            }
            
            #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: #44331f;
                    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;
}
        
