/*   
Theme Name: Nickel
Theme URI: www.bernhardnickel.net/banal
Description: A style sheet that embeds the blog into my website
Author: Bernhard Nickel
Author URI: Bernhard Nickel
Template: 
Version: 1
.
General comments/License Statement if any.
.
*/


/* Reset before any actual formatting happens
   ---------------------------------- */

@import url("http://www.bernhardnickel.net/css/reset.css");


/* Basic typographical definitions after the reset
   --------------------------------- */

@import url("http://www.bernhardnickel.net/css/defaults.css");



/* Basic Layouts---Body, Header, Footer, main navigation 
  ----------------------------------- */

@import url("http://www.bernhardnickel.net/css/commons.css");


/* Main Navigation Bar
   ------------------------------------- */

@import url("http://www.bernhardnickel.net/css/nav-animation.css");


#content {
    width: 700px;
    margin-left: 200px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-color: #663333;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    clear: both;
    overflow: hidden;
}

#title {
}

#title h1,
#title h2 {
    font-style: normal;
    text-align: left;
}

#title h2 {
    margin-bottom: 2em;
}



/* Postings
-------------------------------------------------------------------*/
#postings { 
	width: 500px; 
	float: left; 
	padding: 0px; 
       margin-right: 15px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

#postings h1 {
    margin-bottom: 3px;
}

#postings .post { margin-bottom: 40px; }
#postings .post p { margin-bottom: 20px;
line-height: 1.3em; 
width: 350px;
}
#postings .post h1 a { text-decoration: none; color: #000000}
#postings .post-list li { list-style: none; }

#postings .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 0; 
	margin-bottom: 15px;
        text-align: left;
}
#postings .post .post-info a { color: #333; text-decoration:none; }
#postings .post .post-info a:hover { color: #555; text-decoration:none; }

#postings #pages { text-align: center; }
#postings #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#postings #pages a:hover { color: #1e2726; }

#postings ul, ol, dl { margin-bottom: 20px; }
#postings ul { 
	list-style: disc;
	list-style-position: inside; 
}
#postings ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#postings dl dt { 
	font-weight: bold;
}
#postings dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 180px;
	float: left;
	font-size: 12px; 
	margin-bottom: 10px;
	color: #555;
}

#sidebar h3 { font: normal 18px; color: #222; font-weight: normal;}

#sidebar a { color: #38463e; text-decoration: none; }
#sidebar a:hover { color: #38463e; }

#sidebar .block {
	width: 205px;
	padding: 15px; 
	overflow: hidden;
	color: #555;
}

#sidebar .block a:hover { color: #777; }

/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }




/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: left;
	font: 22px "Gill Sans", Helvetica, Arial, Geneva; 
}
#comments .comment { 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 500px; 
	padding-bottom: 5px; 

}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 15px; 
	margin: 5px 5px 0 0; 
	width: 500px; 
}

#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px "Gill Sans", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}




/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
	border: 1px solid black; 
	padding: 10px;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 480px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit { padding: 3px 10px; }

/* Feed
   ------------------------------------- */

#feed {
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

#feed li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

#feed li a {
    padding: 20px 20px 20px 36px;
    background: url("images/feedicon.png");
    background-repeat: no-repeat;
    list-style-type: none;
    background-position: center left;
} 





/* Blog Footer
   ------------------------------------- */


#blog-footer {
    clear: both;
    text-align: center;
    padding-top: 20px;
}