/*
Theme Name: CryBook
Theme URI: http://themetation.com/
Description: A simple, no image theme. With custom Admin Panel. The theme CSSed by <a href="http://kailoon.com/">Kailoon</a> and Funtion by <a href="http://crynobone.com/">Zaki</a>.
Date: 17th Dec 2008
Version: 2.7
Author: kailoon &amp; Zaki
Author URI: http://kailoon.com/
Tags: blue, fixed width, three columns
*/



body {
//  background: #000;
  background: #545454;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px auto 0px;
  padding: 0px;
  }
  
#wrap {
  width: 1000px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  // border: double #C0C0C0;
// background:#EAEEEF;
  background: white;
  }

img{border:0px;}

/************************************************
*  Hyperlinks                  *
************************************************/

a, a:visited {
  color: #2255aa;
  text-decoration: none;
  }
  
a:hover {
  color: #2b006f;
  text-decoration: underline;
  }
  
/************************************************
*  Header                    *
************************************************/


#header {
//  background: #F1F1F1;
  background: black;
  width: 1000px;
  color: white;
  font-size: 11px;
  margin: 0px auto 0px;
  padding: 0px 0px 15px 0px;
  overflow: hidden;
  }

#header h1 {
  color: #9F9F9F;
  font-size: 72px;
  font-family: Times New Roman, Trebuchet MS;
  font-weight: bold;
  margin: 0px;
  padding: 10px;
  text-decoration: none;
  }
  
#header h1 a, #header h1 a:visited {
  color: #9F9F9F;
  }
  
#header h1 a:hover {
  color: #9F9F9F;
  text-decoration: none;
  }


/************************************************
*  Content                        * 
************************************************/

#content {
  width: 1000px;
  margin: 0 auto;
  padding: 0px;
padding-top:10px;
  line-height: 17px;
z-index:0;
background:#EAEAEA;
  }

#content p{padding-left:5px;padding-right:5px;}
 
#content h1 {
  color: #000000;
  font-size: 22px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  line-height: 24px;
  }
  
#content h1 a, #content h1 a:visited {
  color: #000000;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#content h1 a:hover {
  color: #2255AA;
  text-decoration: none;
  }
  
#content h2 {
  color: #000000;
  font-size: 14px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  }
  
#content h4 {
  color: #000000;
  font-size: 18px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  }
  
#content img.wp-smiley {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
  }

#content img.wp-wink {
  float: none;
  border: none;
  padding: 0px;
  margin: 0px;
  }
  
#contentleft {
  float: left;
  width: 685px;
  margin: 0px 0px 0px 0px;
padding:0px;
padding-top:10px;
padding-left:10px;
padding-right:0px;
background:#EAEAEA;
overflow:hidden;
  }

#contentleft p img {
  border: none;
  margin: 0px 10px 10px 0px;
  }
  
#contentleft ol {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 15px 0px;
  }
  
#contentleft ol li {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  }
  
#contentleft ul {
  list-style-type: square;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  }
  
#contentleft ul li {
  list-style-type: square;
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  }
  
blockquote {
  font-style: italic;
  margin: 0px 20px 15px 20px;
  padding: 5px 0px 5px 15px;
  border-left: 5px solid #DDDDDD;
  }
  
#content blockquote p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
.breadcrumb {
  float: left;
  width:700px;
  font-size: 11px;
  margin: 0px 0px 20px 0px;
  padding: 10px 0px 3px 0px;
  border-bottom: double #C0C0C0;
  }
  
.date {
  float: left;
  width:700px;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
.postmeta {
  width:90%;
  font-size: 12px;
  padding: 0;
margin-top:10px;
  margin:0 auto;
background-color: #f7f7f7;
border:1px solid #e6e6e6;
text-align:center;
  }
.postmeta p{padding:2px;margin:0}
  
.archive {
  float: left;
  width: 275px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 00px 0px;
  }
  
/************************************************
*  Homepage                               * 
************************************************/
  
#homepage {
  float: left;
  width: 500px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 20px 0px;
  }
  
#homepage p {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  }
  
#homepage p img {
  border: none;
    float: left;
  margin: 10px 10px 10px 0px;
  }
  
#homepage h3 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom: double #C0C0C0;
  }
  
.featured2 {
  float: left;
  width:700px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  }
  
.hppostmeta {
  width: 260px;
  font-size: 11px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  border-bottom: 1px dotted #C0C0C0;
  font-weight: bold;
  }
  
#homepageleft {
  float: left;
  width: 320px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  }
  
.featured {
  background: #E8EDF1;
  float: left;
  width: 300px;
  margin: 0px 0px 15px 0px;
  padding: 10px 10px 5px 10px;
  border: 1px solid #B1C3D4;
  }
  
.video {
  background: #E8EDF1;
  float: left;
  width: 300px;
  margin: 0px 0px 15px 0px;
  padding: 10px 10px 5px 10px;
  border: 1px solid #B1C3D4;
  }
  
#homepageright {
  float: right;
  width: 260px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 20px 0px;
  }
  
/************************************************
*  Sidebar                             * 
************************************************/

#sidebar {
  float: right;
  width: 285px;
  margin: 0px;
margin-right:5px;
padding-top:10px;
padding-left:5px;
padding-right:5px;
  line-height: 18px;
background:#EAEEEF;
 height: 100%; 
   min-height: 100%; 
  }

#sidebar a{color:#6F6F6F;}
  
#sidebar p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
  }
  
#sidebar a img {
  border: none;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  }
  
#sidebar h2 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom: double #C0C0C0;
  }
  
#sidebar h3 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: double #C0C0C0;
  }
  
#sidebar h4 {
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: bold;
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 5px 0px;
  }
  
#sidebar ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
#sidebar ul li {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  }
  
  

/************************************************
*  Widgets                             * 
************************************************/

#recent-posts ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#recent-posts ul li {
  background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#recent-comments ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#recent-comments ul li {
  background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#categories-1 ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#categories-1 ul li {
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#archives ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0x 0px 0px 0px;
  }

#archives ul li {
  background: #FFFFFF url(images/icon_archives.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#links ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#links ul li {
  background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#pages ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#pages ul li {
  background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }
  
#meta ul {
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

#meta ul li {
  background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
  padding: 0px 0px 5px 18px;
  margin: 0px 0px 0px 0px;
  }


/************************************************
*  Footer                      *
************************************************/

#footer {
  width: 1000px;
  height: 35px;
  margin: 0 auto;
  padding: 50px 0px 10px 0px;
text-align:center;background:#EAEAEA;
  }
  
#footer p {
//  color: #FFFFFF;
color : black;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  }
  
#footer a, #footer a:visited {
//  color: #FFFFFF;
  text-decoration: none;
  }
  
#footer a:hover {
  text-decoration: underline;
  }
  
#footer a img {
  border: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  }
  
#footerleft {
  width: 650px;
  float: left;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  }
  
#footerright {
  width: 260px;
  float: right;
  margin: 0px;
  padding: 7px 0px 0px 0px;
  text-align: right;
  }

/************************************************
*  Search Form                  *
************************************************/

#searchdiv {
  margin: 0px;
  padding: 0px;
  }
  
#searchform {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: inline;
  }
  
#newsform {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  display: inline;
  }

#s {
  background: #FFFFFF url(images/search.gif);
  width: 200px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  padding: 3px;
  margin: 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  display: inline;
  }

#s2 {
  background: #FFFFFF;
  width: 200px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  padding: 3px;
  margin: 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  display: inline;
  }
  
#sbutt {
  background: #376B9D url(images/navbar.gif);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  padding: 2px;
  margin: 0px 0px 0px 5px;
  border: 1px solid #234B69;
  font-weight: bold;
  }
  
#sbutt2 {
  background: #376B9D url(images/navbar.gif);
  color: #FFFFFF;
  font-size: 11px;
  font-family: Arial, Tahoma, Verdana;
  padding: 2px;
  margin: 0px 0px 0px 8px;
  border: 1px solid #234B69;
  font-weight: bold;
  }
  
#name, #email, #url {
  background: #FFFFFF;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  }
  
#submit {
  background: #EEEEEE;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #DDDDDD;
  border-right: 1px solid #666666;
  border-left: 1px solid #DDDDDD;
  border-bottom: 1px solid #666666;
  }
  
#words {
  background: #FFFFFF;
  width: 460px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 4px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #666666;
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #DDDDDD;
  }
  
/************************************************
*  Comments                  *
************************************************/
  
#commentblock {
  width: 540px;
  color: #000000;
  float: left;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  }
  
#commentblock ol {
  list-style-type: square;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  }
  
.commentdate {
  font-weight: bold;
  font-size: 12px;
  }

.commentname {
  color: #000000;
  font-weight: bold;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  }

.commentinfo {
  clear: both;
  }

.commenttext {
  width: 540px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 20px 0px;
  border-bottom: 1px dotted #C0C0C0;
  }

.commenttext-admin {
  width: 540px;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Tahoma, Verdana;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 20px 0px;
  border-bottom: 1px dotted #C0C0C0;
  }

#sidebar ul li ul.children{
padding-left:20px;
margin-bottom:2px;}

.pagetitle{
text-align:center;
margin-right:0px;
padding-bottom:8px;
color:#AFAFAF;
}

.boiteContent{background:white;border:1px solid #c0c0c0;padding:10px;margin-bottom:10px;}

input{margin:4px;padding:4px;width:300px;}
textarea{width:80%;margin:4px;padding:4px;height:200px;}