/*

Theme Name: myspiritualquotes.com
Theme author: Katinka Hesselink
Template: thematic

Gebaseerd op Thematic en Monochromatic

2009

#FF8B1F oranje fel
#FEE330 geel
#FFF3A9 licht geel
#3E2B27 bruin
#B65824 lichter bruin
#B96F2E lichter bruin

*/


/* Reset browser defaults */
@import url("../thematic/library/styles/reset.css");
/* Apply basic typography styles */
@import url("../thematic/library/styles/typography.css");
/* Apply basic image styles */
@import url("../thematic/library/styles/images.css");
/* Prepare theme for plugins */
@import url("../thematic/library/styles/plugins.css");

/* styles voor layout */

body {  
    min-width:940px; 
}
#header {
    position:relative;
}
#branding {
    width:940px;
    margin:0 auto;
    padding: 50px 0;
}
#access {
    position:relative;
    overflow:hidden;
}

#main, .menu ul  {
    width:940px;
    margin:0 auto;
   overflow:hidden;
    position:relative;
}

#container {
    width:940px;
    float:right;
    margin: 0 0 0 -310px;
}
#content {
    width:605px;
    overflow:hidden;
    margin: 0 0 0 320px;
}
.hentry {
    width:605px; 
}
.main-aside {
    width:300px;
    float:left;
    position:relative;
}
#primary {
    float:left;
    margin-top: 45px;

}
#secondary {
    clear:left;
}
#footer {     
    clear:both; 
}
#subsidiary {
    width:940px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 20px 0 0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
    clear:both;
    width:940px;
    margin:0 auto;
    padding: 140px 0 0;
}

/* ---- styles voor opmaak */

input, textarea {
    font: 12px Verdana,Arial,sans-serif;
    line-height:18px;
}

html, body {
    color:#000;   
    font: 12px Verdana,Arial,sans-serif;
    line-height:18px;}

.skip-link, img.avatar {display: none;}

a:link, #recentcomments {

    color:#B65824 ;

}

a:visited {
    color: #3E2B27 ; 

}
a:link, a:visited {
    text-decoration:underline;
}

.menu a, .menu a:hover, .menu a:visited {
 color: #FFF3A9 ;
 font-weight: bold;
 text-decoration: none;
 padding: 5px 15px 15px 0;}

.menu a:hover {
 text-decoration: underline; }

.menu li {
list-style: none;
display: inline;
}

#header {
 background: url(modern-theosophy-1000x200-1.jpg) no-repeat center center;
 text-align:left;

}

#blog-title {
    font-size: 25px;
    padding:0;
}

#blog-title a, #siteinfo {
    color: #FFF3A9 ;
    text-decoration:none;
}

#blog-description {
    font-size: 18px;
    color: #FFF3A9;
    padding:8px 0 8px 0;
}

#access {
    border:none;

}

#content { 
 color: #000;
 background: #fff; 
 padding: 10px;}

#content h2,#content h3,#content h4 {
	font-weight: bold; 
        margin: 1.5em 31px; 
}

.entry-content strong, .entry-content li {
 font-weight: bold;
 color: #B65824 ; }

.entry-content li {
 margin: 20px 1px; }

#menu ul {
    text-align:center;
    clear:none;
}

ul.xoxo, ul.xoxo ul {list-style: none;
         margin: 0;
         padding: 0;}

ul.xoxo ul {
         margin: 0 10px;
}


.xoxo li, li.comment {
     list-style: none;
     margin: 10px 0; 
     padding: 0;
}

.xoxo h2, .xoxo h3, #comments-list h3, #respond h3, #content h3
{
     font-size: 14px; 
     font-weight: bold;
     padding: 10px 0;
}

h2.entry-title, h1.entry-title, h1.page-title
{
	font-size: 18px;
	padding: 30px 0 20px;
}

.page h1.entry-title, h1.page-title {
padding: 56px 0 20px;
}

.xoxo h2, .xoxo h3 
{    background:#FFF3A9 ;
    color:#B96F2E ;
}

#menu a {
  float:none;
  display:inline;
  background:#FFF3A9 ;
  color:#006064;
}

#menu a:hover {
    background:#FFF3A9 ;
    color:#B96F2E ;
}

#menu .current_page_item a {
    background:#FFF3A9 ;
    color:#1D7074;
}

#menu a:focus {
    background:#FFF3A9 ;
    color:#B96F2E ;
}

#wrapper,  body  {
    background:#3E2B27;
    padding:0;
}

#main{
    background:#FFF3A9 ;
    padding:0;
}

.widgetcontainer 
{   border: none;}

.widget_tag_cloud a {
 line-height: 1.1em;
}

.comments-link a, #login a {
 color:#B96F2E ;
}

.comment-author {
 font-weight: bold; }

#content img {
 margin: 5px;}

#nav-below, p {
 margin: 20px 0 ; font-size: 110%;
}

#siteinfo {
 background:  url(modern-theosophy-1000x200-1.jpg) no-repeat center center;
 width: 1000px;
 text-align:left;
 font-size: 16px;
}
#siteinfo p {
 padding: 0 40px 5px;
 margin: 0;
}