/*
Theme Name: Squareball 
Theme URI: http://82.247.184.90/
Description: nice and easy does it
Version: 1.0
Author: e.a.ellis August 2206
Author URI: http://opensourcesolutions.free.fr/
*/


body {
  background: #ffffff url("./images/background.png") repeat-x;
	font: 60%/1.5 "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #434343;
	font-size: 90%;
 	margin: 0;
	padding: 0;
  }



#rap {
	margin: 0;
	padding: 0;
  }
  
/*---------------------------- linklog/Asides -------------------------------*/

ul.linklog li {
 list-style-type: none;
 list-style-image: url("./images/pfeil.gif");
 font-size:0.9em;
 color: #777777;
 margin-left: 30px;
}

.linklogpost {
  margin: 0 0 2.5em 0;
}

.linklogpost em{
 color: #888888;
 font-size:0.9em;
}

.linklogmeta  {
  margin: 0 0 3em 0;
 	font-size: 0.85em;
	color: #666;
  }	
  
/* Header  -------------------------------------------- */





#headlinks {
	margin: 0;
	padding: 5px 0 5px 10px;
  color: #555555;	
  }


* #header {
background: transparent;
margin-top: 20px;
margin-left: 20px;
	}	


.container {
   position: relative;
   height: 165px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 10%;
   }

.right-element {
   position: absolute;
   margin-top: 30px;
   margin-left: 385px;
   
        }

/* Comments  -------------------------------------------- */

.commentlist {
  margin: 0;
  padding: 0;
 	list-style: none;	
  }

.altone {
	padding: 5px;
  }
  
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	}


.where p{
  width: 400px;
  margin: 0 0 20px 50px;
	font-size: 0.9em;
	color: #4bb5a5;
 	}



/* Various Tags & Classes */

.hilite {
	color: #fff;
	background-color: #f93;
}

blockquote {
 margin: 10px 10px;
 padding: 10px 40px;
 border: 0;
 font-size: 0.9em;
 background: transparent url("./images/blockquote.gif") no-repeat left top;
}

.alignleft {
  float:left;
  }

.alignright {
  float:right;
  }
 
 
.postmetadata  {
padding: 3px 6px 3px 6px;
margin: 25px 0 40px 0;
text-align:left;
width: 388px;
  }


  .fff {
  margin: 54px 0 0 0;
  text-align:left;
  }

  * html .fff {
  margin: 25px 0 10px 0;
  text-align:left;
  }

/* Footer  -------------------------------------------- */
.footer {
margin-bottom: 20px;
	}	

/* Sidebar  -------------------------------------------- */

#lefNav {
position: absolute;
left:27px;
top:177px;
background: transparent;
}


#menu 
	{
position: absolute;
background: transparent;
top:185px;
left: 620px;
width:220px;
	  }


#menu ul {
	margin: 0;
	padding: 0 0 0px 0;
	list-style: none;	
	color: #111111;
  }

#menu ul.comment  {
  margin: 0;
  padding: 0 0 0 15px;	
  }
  
#menu ul.comment li {
  margin: 0;
  padding: 0 0 0 0px;
  background: transparent url("./images/listpoint-small-orange.gif") no-repeat top left;	
  color: #4bb5a5;
  font-size: 0.9em;
  }


#menu ul ul {
	margin: 0;
	list-style: none;
	padding-left: 0.5em;
	text-indent: 0;	
  color: #111111;
  }

#menu ul ul li {
  margin-left: 10px;
  padding-left: 20px;
  background: transparent url("./images/listpoint-small.gif") no-repeat top left;	
  }
  

#menu form{
	margin: 0;
  padding: 0;	
  }


#menu searchsubmit {
	margin: 0;
	padding: 0;
  }

#menu h2{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
  }
 
 
 
 
/* Content  -------------------------------------------- */

#content {
background: transparent;
width:410px;
margin-left: 180px;
 }



#content h2 {
	font-size: 18px;
	color: #666;
	margin-bottom: 0;
	margin-top: 0;
  }

.navigation {	
  font-size : 0.8em;
  text-decoration : none;
	margin: 0;
	padding: 0 0 40px 0;
  }
  


.excerpt {	
  	margin: 0;
	padding: 0 0 30px 0;
  }


.storytitle {	
  font-size : 1.3em;
  font-weight : bold;
  text-decoration : none;
	margin: 0;
	padding:0;
  }

.post-categories {
	display: inline;
	margin: 0;
	padding: 0;
  }

.post-categories li {
	display: inline;
	margin-left: 0;
	padding: 0;
  }

.post .meta {
	font-size: 0.85em;
	color: #666;
  }

.meta  {
  margin: 0 0 2em 0;
  }	

.post .feedback {
	margin-bottom: 7em;
	padding-bottom: 1px;
  }


/* Credit
   -------------------------------------------- */
	 
p.credit {	
	margin-right: 20em;
	margin-left: 40px;
	padding: 0.5em;
	font-size: 90%;
  }
  
p.credit a:visited, p.credit a:link {
	border: none;
  }
	




/* Basic typography
   -------------------------------------------- */
p, li {
	line-height: 1.88em;
  }


 * html  p, td, th, li {
	line-height: 1.57em;
  }

.thumb {
	padding: 3px 3px 10px 3px;
	background-color: #e6e6e6;
	border: 1px solid #e0e0e0;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	}

	.box {
	padding: 3px 3px 3px 3px;
	background-color: #e6e6e6;
	border: 1px solid #e0e0e0;
	width: 392px;
	float: left;
	margin-bottom: 10px;
	}

	.box2 {
	padding: 3px 3px 3px 3px;
	width: 200px;
	background-color: #e6e6e6;
	border: 1px solid #e0e0e0;
	float: left;
	margin-bottom: 10px;
	}

	.box3 {
	font-size: 1.2em;
	font-weight: bold;
	width: 125px;
	margin: 0;
	padding-left: 5px;
	}
  
a { color: #4bb5a5; text-decoration: none;}
a img { border: none; text-decoration: none; }
a:visited {color: #4bb5a5; text-decoration: none;}
a:hover {color: #d6ff00; text-decoration: none;}

/* Calendar
   -------------------------------------------- */

#wp-calendar {
  font-size: 10px;
  margin: 0;
  width: 100%;
  }

#wp-calendar a, #wp-calendar a:visited {
  /* color: #06c; */
  font-size: 11px;
  display: block;
  text-decoration: none;
  }

#wp-calendar a:hover {
  color: #FF6600;
  }

#wp-calendar caption {
  color: #666666;
  font-size: 13px;
  text-align: left;
  }

#wp-calendar td {
  color: #111111;
  font-size: 10px;
  letter-spacing: normal;
  padding: 0;
  text-align: center;
  }

#wp-calendar #today {
  /* color : #06c; */
  font-size : 13px;
  font-weight : bold;
  }

#wp-calendar th {
  font-size : 10px;
  font-style : normal;
  text-transform : capitalize;
  }

#wp-calendar #next a {
  padding-right : 10px;
  text-align : right;
  }

#wp-calendar #prev a {
  padding-left : 10px;
  text-align : left;
  }


input, textarea, select {
border: 1px solid #4bb5a5;
color: #4bb5a5;
background: #e6e6e6;
font-size: 13px;
font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}