/*
Theme Name: Litteretro
Theme URI: http://litteretro.se/
Description: A theme developed for Litteretro.se
Version: 1.2
Author: Salmiak Media
Author URI: http://www.salmiakmedia.se/
Tags: Speciall, 4 sidebars
*/

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #050301; background-image:url('bilder/background.jpg'); background-repeat:repeat-x; margin:0; padding:0;
}

a {
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
    color: #a80000;
}

h1, h2, h3, h4, h5, h6 {
    margin: 30px 0 7px 0;
}


img {
	border: none;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
	
	

#wrapper {
    margin: 0 auto; width: 860px; height:100%;
}
#mainContent {
    width: 660px; float: left; background: url('bilder/main-bg.jpg'); background-repeat:no-repeat; height:100%; 
}
#singleContent {
    width: 660px; float: left; background: url('bilder/single-bg.jpg'); background-repeat:no-repeat; height:100%; 
}
#head {
    margin: 0; width: 660px; float: left; height: 430px;
}
    #head-logo {
        margin: 70px 0 10px 70px; float: left;
    }
    #head-info {
        margin:70px 0 0 10px; width: 280px; height:195px; float: left; position: relative;
    }
        #head-infoBox {
            position: absolute;
            bottom: 0px;
        }
        #head-infoBox h1 {
            font: bold 24px Quicksand, "Trebuchet MS", Helvetica, Arial;
            letter-spacing: -2px;
            margin: 30px 0 10px 0;
        }
        #head-infoBox p {
            font: 18px Quicksand, "Trebuchet MS", Helvetica, Arial;
                letter-spacing: -1px;
            line-height: 22px;
        }
    
    #head-rec {
        clear: both; margin:0 0 0 60px; width: 560px; height: 115px;
    }
    
        #head-rec .puff {
            margin: 10px 0px 20px 10px;
            width: 170px;
            height: 100px;
            float: left;
            position: relative;
            font: 11px Georgia, Times, 'Times New Roman', serif;
            line-height: 13px;
        }
        
        #head-rec .puff h4{
            font: bold 12px Quicksand, "Trebuchet MS", Helvetica, Arial;
            margin: 0 0 5px 0;
        }
        #head-rec h1 {
            font: bold 14px Quicksand, "Trebuchet MS", Helvetica, Arial;
            border-bottom: 2px solid black;
            padding: 0 0 2px 5px;
        }
        
        #head-rec img {
            max-height: 75px;
            width: auto;
            float: left;
            margin: 0 5px 0 0;
        }

#content {
    width: 560px; float: left; background: #fde6c6; height: 100%;
}
    #mainContent #content {
        margin: 0 40px 0 60px;
    }
    #singleContent #content {
        margin: 84px 40px 0 60px;
    }

    #mc_content {
        margin: 0 0 0 20px; width:340px; float: left;
        font: 13px Georgia, Times, 'Times New Roman', serif;
    }
    
        #mc_content .post  {
            margin: 0 0 30px 0;
        }
    
        #mc_content .category, #mc_content .category a, #mc_content .author, #mc_content .author a  {
            font: bold 12px Quicksand, "Trebuchet MS", Helvetica, Arial;
            letter-spacing: -1px;
            color: #000;
            text-decoration: none;
        }

        #mc_content .category {
            margin: 15px 0 10px 2px;
        }

        #mc_content .author {
            margin: 2px 0 10px 2px;
        }
    
        #mc_content h1, #mc_content h1 a  {
            font: 30px Quicksand, "Trebuchet MS", Helvetica, Arial;
            letter-spacing: -2px;
            color: #000;
            text-decoration: none;
            margin: 5px 0 10px 0;
        }
    
        #mc_content p  {
            font: 13px Georgia, Times, 'Times New Roman', serif;
            line-height: 18px;
            color: #000;
            margin: 10px 0 10px 0;
        }
  
        #mc_content blockquote p{
            font: 11px Georgia, Times, 'Times New Roman', serif;
            line-height: 16px;
            margin: 10px 0 10px 20px;
        }
        
        .subpagelist ul li {
            list-style-position: inside;
            list-style-type: square;
        }
        
        #postMeta {
            margin: 15px 0 0 -70px; width: 50px; height: 87px; float: left;
            background: url('bilder/meta-bg.png');
            color: #FFF;
        }
            #postMeta h1 {
                font: bold 30px Quicksand, "Trebuchet MS", Helvetica, Arial;
                line-height: 31px;
                margin: 8px 1px 1px 0;
                text-align: center;
                color: #FFF;
            }
            #postMeta h2 {            
                font: bold 19px Quicksand, "Trebuchet MS", Helvetica, Arial;
                line-height: 18px;
                letter-spacing: -1px;
                margin: 0 1px 0 0;
                text-align: center;
                color: #FFF;
            }
            #postMeta h3, #postMeta h3 a{
                font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
                line-height: 15px;
                margin: 11px 1px 0 0;
                text-align: center;
                color: #FFF;
                text-decoration: none;
            }

        #sociable {
            font: bold 12px Quicksand, "Trebuchet MS", Helvetica, Arial;
            letter-spacing: -1px;
            color: #000;
            margin: 0 0 5px 0;
        }
            
        .navigation p{
            font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
        }
            
            .navigation a{
                color: #000;
                text-decoration: none;
                font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
            }
            
        #commentsBox {
            margin: 20px 0 30px 0;
            width: 340px;
            padding: 8px 0 0 0;
            border: none;
            border-top: solid 1px #000;
        }
        
            #commentsBox h2, #commentsBox h2 a{
                font: 18px Quicksand, "Trebuchet MS", Helvetica, Arial;
                letter-spacing: -1px;
                color: #000;
                text-decoration: none;
                margin: 5px 0 10px 0;
            }
        
            #commentsBox ul li{
                list-style: none;
            }
        
            #commentsBox h3, #commentsBox h3 a{
                font: bold 14px Quicksand, "Trebuchet MS", Helvetica, Arial;
                line-height: 16px;
                text-decoration: none;
                margin: 20px 0 0 0;
            }
            
            #commentsBox p{
                margin: 3px 0 0 0;
            }
            
            #commentsBox commentMeta{
                margin: 2px 0 0 0;
            }
        
            #commentsBox #postcomment{
                font: 18px Quicksand, "Trebuchet MS", Helvetica, Arial;
                letter-spacing: -1px;
                color: #000;
                text-decoration: none;
                margin: 25px 0 10px 0;
            }
        
            #commentsBox .loggedInAs, #commentsBox .loggedInAs a{
                font: 14px Quicksand, "Trebuchet MS", Helvetica, Arial;
                margin: 15px 0 5px 0;
            }
            
            #commentsBox label {
                font: 13px Quicksand, "Trebuchet MS", Helvetica, Arial;
                margin: 15px 0 5px 0;
                line-height: 18px;
            }
            
            #commentsBox textarea {
                width: 340px;
            }
                    
        
            
    
    #mc_sidebar {
        margin: 15px 0 30px 20px; width:170px; float: left;
        font: 11px Georgia, Times, 'Times New Roman', serif;
        line-height: 18px;
    }
    
        #single-logo {
            margin: -54px 0 15px 0;
        }
    
        #mc_sidebar h4 {
            font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
            margin: 15px 0 5px 0;
        }
        #mc_sidebar ul li {
            list-style-position: inside;
            list-style-type: square;
        }
        #mc_sidebar ul li a {
            text-decoration: none;
        }
        #mc_sidebar #searchform label, #mc_sidebar #searchsubmit {
            display: none;
        }
        #mc_sidebar #searchform {
            width: 160px;
            height: 18px;
            background: url('bilder/search-field.png');
            margin: 0 0 7px 0;
        }
        #mc_sidebar #searchform #s{
            width: 135px;
            height: 14px;
            border: 0;
            margin: 4px 0 0 8px;
            font: bold 13px Quicksand, "Trebuchet MS", Helvetica, Arial, Verdana, Arial, sans-serif;
            color: #444;
            background: none;
        }
        
    #mc_footer {
        margin: 20px 0 0 10px; 
        width:540px;
        height: 45px;
        clear:both; 
        background: #fde6c6 url('bilder/foot-bg.png'); 
        background-repeat: no-repeat;
    }
    
        #mc_footer .puff {
            margin: 14px 10px 20px 10px;
            width: 160px;
            float: left;
            position: relative;
            font: 12px Georgia, Times, 'Times New Roman', serif;
            line-height: 15px;
        }
        
        #mc_footer .puff h4{
            font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
            margin: 0 0 5px 0;
        }
        
        #mc_footer .puff ul li, #mc_footer .puff ul li a{
            list-style: none;
            color: #000;
            text-decoration: none;
        }
 
#ender {
    clear: both;
    margin: 10px 0 20px 0;
    font: 10px Georgia, Times, 'Times New Roman', serif;
    line-height: 15px;
}
            
#sidebar {
    width: 200px; 
    float: left;
    position: relative;
}

    #menuBox {
        width: 200px;
        height: 410px;
        float: left;
        position: relative;
    }

        #pageMenu {
            margin: 0 0 30px 5px;
            position: absolute;
            bottom: 0px;
            left: 0px;
            text-align: left;
        }
        #pageMenu li {
            list-style: none;
            margin: 15px 0;
        }
        #pageMenu a {
            color: #FFF;
            font: bold 24px Quicksand, "Trebuchet MS", Helvetica, Arial, Verdana, Arial, sans-serif;
            text-decoration: none;
        }
        
    #outerSidebar {
        width: 200px;
        float: left;
        color: #FFF;
        font: 13px Georgia, Times, 'Times New Roman', serif;
        line-height: 18px;
    }
    
        #outerSidebar h4 {
            font: bold 16px Quicksand, "Trebuchet MS", Helvetica, Arial;
            margin: 15px 0 5px 0;
            color: #FFF;
        }
        #outerSidebar ul li {
            list-style-position: inside;
            list-style-type: square;
        }
        #outerSidebar ul li a {
            color: #FFF;
            text-decoration: none;
        }



/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Andrew Paglinawan
 * @vendorurl:  http://www.andrewpaglinawan.com
 * @licenseurl: http://www.fontsquirrel.com/license/Quicksand
 *
 *
 */
 
@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand_Book.eot');
	src: local('fonts/Quicksand Book'), local('QuicksandBook-Regular'), url('fonts/Quicksand_Book.woff') format('woff'), url('fonts/Quicksand_Book.otf') format('opentype'), url('fonts/Quicksand_Book.svg#QuicksandBook-Regular') format('svg');
    font-weight: normal; 
}

@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand_Bold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('fonts/Quicksand_Bold.woff') format('woff'), url('fonts/Quicksand_Bold.otf') format('opentype'), url('fonts/Quicksand_Bold.svg#QuicksandBold-Regular') format('svg');  
    font-weight: bold; 
}