/*   
Theme Name: jusos
Theme URI: www.jusos-bocholt.com
Description: the theme of the offical page of the Jusos Bocholt 
Author: Christopher Prohm
Author URI: www.jusos-bocholt.com
Version: 0.1
.
This theme is licensed under the GPL
.
*/

/*  The page structure  */
body{       margin: 30px 10% 50px 10%;          }
#sidebar{   float:  left;   width:  190px;      }
#content{   margin-left:    187px;              }
#footer{    clear:  both;                       }

/*  Layout style    */
body{
    background-color:       #af0000;
    font-size:              1.0em;
    line-height:            1.35em;
    font-family:            sans-serif;
    padding:                0px 30px 30px 30px;
}
/*  Sidebar     */
#sidebar{
    background-image:       url(images/jusos.png);
    background-repeat:      no-repeat;
    margin:                 0px;
    padding:                130px 0px 0px 0px;
}
#sidebar ul{    
    margin:                 0px;    
    list-style-type:        none;
    list-style-position:    outside;
    margin:                 0px;
    padding:                0px;
}
#sidebar a{
	text-decoration:	    none;
	font-size:		        1.3em;
    font-weight:            bold;
	line-height:		    1.5em;
	text-align:	    	    right;
	display:		        block;
	width:			        160px;
	color:			        white;
}
#sidebar a:hover, #sidebar a:focus {
	text-decoration:	    underline;
	text-align:		        center;
}
/*  Footer  */
#footer{
    text-align:             center;
    padding:                3px 2.5% 3px 2.5%;
	font-size:		        0.7em;
}
#footer a{
	color:			        #efefef;
	text-decoration:	    underline;
}
/*  The Content */
#content{
    background-color:       #fff;
    padding:                5%;
}
#content a{
	color:			        #9f0000;
	text-decoration:	    none;
	font-weight:		    bold;
}
.post{
    margin:                 0px 0px 20px 0px;
    border:                 #af0000 2px solid;
    background-color:       #d1c3a7;
    background-color:       #f0f0f0;
    padding:                0px; 
}
.post .entry, .post .metadata{
    padding:                20px 10px 0px 10px;
}
.post p{
    padding:                0px;
    margin:                 0px 0px 10px 0px;
}
.post .metadata {
    font-size:              0.7em;
}
.post h1{
    margin:                 0px;
    display:                block;
    background-color:       #af0000;
    padding:                3px;
    font-size:              1.2em;
    color:                  #fff;
    text-align:             center;
}

#events{
    padding:                0px;
    margin-top:             50px;
    background-color:       #f0f0f0;
    border:                 solid 1px black;
}

#events h1{
    display:            block;
    background-color:   #af0000;
    font-size:          1.1em;
    color:              white;
    text-align:         center;
    margin:             0px;
    padding:            3px;
}

#events a{
    display:        inline;
    font-size:      1em;
    color:          #9f0000;
}

.event_list a{
    display:        inline;
}

.event_list {
    
}