/*   
Theme Name: Basic 
Theme URI: johann.ceemedia.net/ 
Description: A Basic Start 
Author: Johann Dyck 
Author URI: johann.ceemedia.net/ 
.
Here is my attempt to make a theme where you only need to change the css file. 
.
*/

/* Basic overrides */
body, #page, small {margin: 0px; padding: 0px; font-family: tahoma, arial, sans-serif;}
ul, li {padding: 0px; margin: 0px;}
.alignleft {float: left;}
.alignright {float: right;}
.navigation div div {padding: .2em .5em;background: #ddd;border: 1px solid #ccc;margin-bottom:1em;}
.navigation {font: .8em tahoma;}
.navigation a {text-decoration:none;}

/* basic layout */
#middle, .widecolumn, .middle {
	width: 750px;
	margin: 0px auto;
	position: relative;
}
#middle {padding: 0 1em;}
#middle {text-align:center;}
#middle div {text-align:left;}
.narrowcolumn {
	width: 475px;
	float: left;
}
#sidebar {
	width: 250px;
	float: right;
}
#footer {
	clear: both;
}
hr {display: none;}
#content {margin-left:-1em;padding-left:1em;}

/* header */
#header {
background-color: #555;
padding: 20px;
border-bottom: solid 1px #333;
margin-bottom: 1em;
}
#header h1, .post h2 {
    font: 1.5em georgia;
    margin: 0px;
}
#header h1 {font-size: 2em;}
#header h1 a {
  color: #ddd;
  text-decoration: none;
}
#header h1 a:hover {
  color: #aaa;
}
.description {
  font: .9em georgia;
  color: #000;
  font-variant: small-caps;
  letter-spacing: .1em;
  marign: 0px;
}
/* posts */
.post h2 {margin-bottom: 0px;}
.entry p, .entry lightblue, .entry li {
  font: 1em georgia;
}
.entry li {margin: 0 0 1em 2em;}
small {
color: #777;
}
.postmetadata {
color: #777;
font-size: .8em;
clear: both;
}

.alignleft {margin: 0 1em 1em 0;}
.alignright {margin: 0 0 1em 1em;}
.aligncenter {margin: 0 1em 1em 0;}
#comments {clear: left; padding-top: 1em; border-top: 1px solid #ccc;}
#comments ol, #comments li {list-style: none;padding:0;margin:0;}
.commentp {font:.9em georgia;background-color:#eee;padding: .1em .5em;margin:.5em 0 1em 0;}
#comments h3 {font: 1.2em georgia;font-weight:normal;margin-top: 0;}
#comments textarea, #comments input {border: 1px solid #ccc;font: .8em tahoma; padding: .1em .3em;}
/* sidebar */
#sidebar ul {list-style: none; padding: 0px;}
#sidebar li li a {padding-left: 0.5em;}
#sidebar ul ul ul li a{padding-left: 1em;}
#sidebar a:link, #sidebar a:visited, h2 a {
  text-decoration: none;
}
#sidebar h2, #footer h2 {
  font-size: 1em;
}
#sidebar ul {margin-bottom: 2em;}
#sidebar ul ul ul{margin-bottom: 0;}
#sidebar li li a{
  border-bottom: solid 1px #ddd;
  display: block;
  padding-top: 0.5em;
  padding-bottom: 0px;
}
#sidebar li a {
}

#search {position: relative; margin-bottom: 1.5em;}
#search input {
font: .8em;
padding: 2px 5px 2px 5px;
color: #fff;
background: #ddd;
border: 1px solid #ccc;
position: absolute;
top: 0;
right: 0px;
}
input#s{
padding: 2px 5px 2px 5px;
color: #930c0c;
background: #fff;
border: 1px solid #ccc;
left: 0;
right: 6em;
}
#sidebar h2 {
font-weight: normal;
font: 1em georgia;
margin: 0;
padding: 0;
}

/* Footer */
#footer {
  font: 1em georgia; 
  background-color: #ccc;
  border-top: solid 1px #aaa;
  padding: 1em;
  margin-top: 3em;
}
#fcontent {
position: relative;
}
#foot1, #foot3 {
width: 240px;
margin-bottom: 1em;
}
#foot1, #foot2, #foot3 {border: 1px solid #ccc; margin: 0; padding: 0;}
#foot1 {float:left;}
#foot2 {margin: 0 252px 1em 252px;padding: 0;}
#foot3 {float:right;}
#fbottom {clear: both; border-top: 1px solid #aaa;font-size:.8em;}
#footer li {list-style: none;}
#footer ul, #footer li, #foot3 a {font: .9em tahoma; padding: 0;margin:0;}
#foot2 span {border: 1px solid #000;color: #fff; background-color: #777; font: 1.5em tahoma;padding: .1em .3em;margin-bottom:2em;}
#foot2 li {font:1em tahoma;}
/* links */
a:link {
  color: #930c0c;
}
a:visited {
  color: #930c0c;
}
a img {border: 0px solid #fff;}
 .feed-button, .facebook {
  padding: .3em 0 .3em 0;
}

.feed-button a {
  color: #555;
  padding: 10px 15px 10px 36px;
  background: #ccc url("http://www.mozilla.org/images/feed-icon-14x14.png") no-repeat 15px 50%;
  border: 1px solid #777;
  font-size: .8em;
}

.feed-button a:hover {
  color: #333;
  background: #eee url("http://www.mozilla.org/images/feed-icon-14x14.png") no-repeat 15px 50%;
}
.facebook a {
  color: #555;
  padding: 10px 15px 10px 36px;
  background: #ccc url("http://farm3.static.flickr.com/2266/1497958902_a690f0206b.jpg") no-repeat 15px 50%;
  border: 1px solid #777;
  font-size: .8em;
}

.facebook a:hover {
  color: #333;
  background-color: #eee;
}