/*
Theme Name: Complicated
Theme URI: http://www.eretzvaju.org/complicated
Description: Maybe the most inadapted theme name I've ever seen
Version: 1.5
Author: Frederic de Villamil
Author URI: http://www.eretzvaju.org

   The CSS, XHTML and design is released under GPL:
   http://www.opensource.org/licenses/gpl-license.php
   
   The alignleft and alignright classes are used to display floating 
   images on your posts with text nicely displayed around them

   Have fun, and don't be afraid to contact me if you have questions.
*/

/*
   * Redefinition des tags HTML
   */

/* global links */
a {
	color:#00F;
            text-decoration: underline;
    }

#header a img {
        border:none;
        }

a img {
        border: 1px solid #04455b;
        text-decoration: none;
        }

/* The lang the link is */
a[hreflang]:after {
		    content: "\0000a0[" attr(hreflang) "]";
		    color:#00F;
}

a:visited {
            text-decoration: underline;

            }

a:hover {
          /*text-decoration: none;*/
          }

a:visited:hover {
                  /*text-decoration: none;*/
                  }

/* quoting something? */
blockquote {
             border-left: 3px solid #04455b;
             margin-left: 1.5em;
             padding-left: 5px;
             }

/* Global theme setting */
body {
       /*font: normal 13px Verdana, Helvetica, serif;*/
	   font-family:Verdana, Geneva, sans-serif;
	   font-size:14px;
       margin: 0 auto;
       padding: 0;
       color: #000000;
       text-align: center;
	   background-color: #CCD5E8;
/*       background-image: url(background.png);*/
       }

/* Citations */
cite {
       font-size: 90%;
       font-style: normal;
       }

/* Globally post titles goes here */
h2 {
     font: bold 120% Verdana, Helvetica, serif;
     color: #387c93;
     letter-spacing: 0.05em;
     margin: 15px 0 5px 0;
     padding: 0 0 1px 0;
     }

h3 {
     font: bold 100% Verdana, serif;
     margin-top: 0;
     }

h3#comments {
              /*font: bold 100% Verdana, serif;*/
              color: #387c93;
              margin: 15px 0 5px 0;
              padding: 0 0 1px 2px;
              }

/* 
   * Use those classes so you can display floating pictures in your posts
   */
img.alignright {
	       float: right;
	       margin: 0 0 3px 7px;
	       display: inline;
	       }

img.alignleft {
	       float: left;
	       margin: 2px 7px 0 0;
	       display: inline;
	       }

/* Comment form subtitles */
h4,
h4.english,
h4#comments,
h4#comments a,
h4#postcomment,
h4#trackbacks,
h4.storycontent {
                  border: 0px;
                  /*font: 700 normal 100% Verdana, Helvetica, serif;*/
                  color: #387c93;
                  margin: 15px 0 5px 0;
                  padding: 0 0 1px 2px;
                  /*text-decoration: none;*/
                  }

/* Comments details */
h5.comments {
              /*font: normal 11px Verdana, Helvetica, serif;*/
              color: #333;
              margin: 0;
              padding-bottom: 0;
              }

h5.comments a,
h5.comments a:visited  { 
                         font-weight: normal;
						 color: #00F;
                         /*text-decoration: none;*/
                         }
#commentlist cite { 
                    font: normal 9px Verdana, Helvetica, serif;
 }

cite a {
  /*text-decoration: none;*/
}

#header img {

     padding: 0px;
	 margin:0px;
	 border:none;
      }

img {

     padding: 4px;
     background: #f0f0f0;
	 border: 1px solid #387c93;

      }

ol#comments li p {
                   font-size: 100%;
                   }

table { 
        text-align: center;
        margin: 0px auto;
        border: 0px;
        }

/* Lists global settings */
ol, ul, li {
             padding: 0px;
             margin: 0px;
             list-style-type: none;
             }

/*
   * Classes de styles.
   */

.alignright {
	    text-align :right;
}

.centered {
	    text-align: center;
	    }
.comfooter{
            text-align: right;
            }

.comfooter a,
.comfooter a:visited {
            font: normal 75% "Times New Roman", Times, serif;
/*            color: #387c93;*/
			color:#00F;
            text-decoration: underline;
            }

.credit {
          color: #fff;
          font-size: 11px;
          padding: 3px;
          text-align: center;
          }

.credit a:link,
.credit a:hover {
                  /*color: #fff;*/
				  color:#00F;
                  }

.edit {
             border-left: 3px solid #04455b;
             margin-left: 1.5em;
             padding-left: 5px;
	     margin-bottom: 15px;
	     margin-top: 15px;
             }

.english {
           padding: 5px;
           margin: 5px 0 10px 0;
           border-left: #387c93 3px solid;
           border-right: #387c93 1px solid;
           border-top: #387c93 1px solid;
           border-bottom: #387c93 1px solid;
           }

/* The comments link */
.feedback {
            /*font: normal 11px Verdana, Helvetica, serif;*/
            color: #333;
            text-align: right;
            margin-bottom: 15px;
            /*text-decoration: none;*/
            margin-left: 2px;
            }

.feedback a,
.feedback a:hover,
.feedback a:visited {
            /*color: #666;*/
			color:#00F;
            text-align: right;
	    margin-bottom: 15px;
	    /*text-decoration: none;*/
	    margin-right: 2px;
            }

/* The footer part */
.footer {
          font-size: x-small;
          }


.menu {
        font:  85% Verdana, serif;
        padding: 0 0 2px 0;
        margin: 0 0 2px 0;
        border-bottom: #c0c0c0 1px solid;
        }

.menu a,
a:hover {
          /*color: #387c93;
          text-decoration: none;*/
		  color:#00F;
          }

.meta {
        font-size: 12px;
        }

.meta a {
          font-weight: normal;
	  /*text-decoration: none;
	  color: #cc2206;*/
	  color:#00F;
          }

.meta ul {
           display: inline;
           margin: 0;
           padding: 0;
           list-style: none;
           }

.meta li {
           display: inline;
           }

.storytitle {
              margin: 0;
              padding: 0px 0px 15px 0px;
			  /*
              color: #387c93;*/
			  color:#00F;
			  text-decoration:underline;
              }

.storytitle a {
                /*text-decoration: none;
                color: #387c93;*/
				color:#00F;
                font-size: 110%;
                font-weight: bold;
                }

.legende {
           text-align: center;
           }

.post {
        padding: 3px;
        }

/* the posts paragraphs */
.storycontent p {
                  font-size: 17px;
                  line-height: 20px;
                  text-align: justify;
                  }

/* posts unordered lists */
.storycontent ul li {
                      list-style: none;
                      margin-left: 30px;
                      list-style-image: url(bullets2.png);
                      }

.storycontent ul ul li { 
                         margin-left: 13px;
                         list-style-image: url(bullets.png);
                         }

/* posts ordered lists */
.storycontent ol li { 
                      list-style-type: decimal-leading-zero;
                      margin-left: 30px;
                      }

.storycontent ol ol li { 
                         margin-left: 15px;
                         }

.storycontent a {
                  /*color: #444;*/
				  color:#00F;
                  text-decoration: underline;
                  }

.storycontent a img {
        border: 1px solid #04455b;
        text-decoration: none;
        }

.storycontent a[hreflang]:after {
                    content: "\0000a0[" attr(hreflang) "]";
                    /*color:#999;*/
					color:#00F;
}

.storycontent a:visited {
            text-decoration: underline;
            }

.storycontent a:hover{
          /*text-decoration: none;
	  color: #387c93;*/
	  color:#00F;
          }

.storycontent a:visited:hover {
                  /*text-decoration: none;*/
                  }

input[type=text], textarea {
		  font: 10px Verdana, Arial, Helvetica, Sans-Serif;
		  border: 1px #ccc solid;
/*		  background: #d1f4ff; */
		  padding: 3px;
		  color: #ccc;
		  }

input[type=text]:focus, textarea:focus {
/*			background: #beeefd; */
			background: #a7bcc3;
			color: #444;
			border-color: #666;
			}

#commentform input[type=text] {
	     width: 170px;
	     margin: 5px 5px 1px 0;
	     }


/*
   * Divs
   */
/*
#bottom {
		width: 752px;
        margin:0 auto;
          background-image: url(bottom3.png);
          background-repeat: no-repeat;
	  margin-bottom: 5px;
          height: 12px;
          }
*/
#content {
           padding: 10px 30px 30px 30px;
           margin: 0 20px 0 140px;
           min-height: 600px;
           }

#credits {
           /*background: #387c93;
           color: #ccc;*/
		   font-weight:bold;
           font-size: 11px;
	   line-height: 16px;
           padding: 15px 2px 15px 2px;
           text-align: center;
	   /*border-left: #fff 1px solid;
	   border-right: #fff 1px solid;*/
           }

#credits a{
            font-size: 11px;
            /*color: #444;*/
			color:#00F;
            }

#header {
          padding: 30px;
          /*color: #04455b;*/
          font: normal 14px Verdana, serif;
		  font-family:Verdana, Geneva, sans-serif;
		  font-size:16px;
          }

#header h1 a, #header h1{
           /*text-decoration: none;
           color: #387c93;*/
		   color:#00F;
           /*font: bold 24px Verdana, serif;*/
           padding: 0;
           margin: 0;
           }

#header h2 {
	margin: 0;
           /*text-decoration: none;
           color: #387c93;*/
		   color:#00F;
           /*font: bold 100% Verdana, serif;*/
		   font-family:Verdana, Geneva, sans-serif;
		   font-weight:bold;
		   font-size:100%;
		   text-decoration:underline;
           }
           
#main {
        width: 718px;
        margin:0px auto;
        background: #fff;
        text-align: left;
        border: 1px #000000 solid;
        min-height: 600px;
        }

#menu {
        /*color: #387c93;*/
		color:#00F;
        font-size: 100%;
        width: 110px;
        padding: 18px 30px 30px 30px;
        list-style-type: none;
        float: left;
        }

#menu h2 { 
           font-size: 110%;
           font-weight: normal;
           margin-bottom: 2px;
           margin-top: 5px;
 }
#menu ul {
           padding-left: 0px;
           margin: 0 0 5px 0;
           list-style-type: none;
           }

#menu li {
           /*color: #387c93;*/
		   color:#00F;
           /*font: 85% Verdana, Helvetica, serif;*/
           list-style-type: none;
		   font:Arial, Helvetica, sans-serif;
		   font-size:85%;
		   cursor:pointer;
}

#menu li a {
             font-family:Verdana, Geneva, sans-serif;
             padding-left: 5px;
             /*text-decoration: none;*/
             border: none;
             }

#menu li.closed li,
#menu li.page_item li {
      display: none;
        }

#menu li.open {
        border-bottom: #c0c0c0 1px solid;
        }


#menu li.closed {
            padding: 0 0 0 0;
        margin: 0 0 2px 0;
        border-bottom: #c0c0c0 1px solid;
}
#menu li  a:hover,
#menu li a:visited,
#menu li a:visited:hover{
                          /*text-decoration: none;*/
                          }

#menu li li a,
#menu ul li ul li a {
                      /*font: normal 120% Georgia, 'Times New Roman', Times, serif;*/
					  font-family:Verdana, Geneva, sans-serif;
					  font-size:120%;
                      }

#menu ul li ul li ul li a {
                            /*font: normal 140% Georgia, 'Times New Roman', Times, serif;*/
							font-family:Verdana, Geneva, sans-serif;
							font-size:140%;
 }

#menu li li a:hover {
                      /*text-decoration: none;*/
                      }

#menu li li a:visited{
                       border: 0px;
                       }

#bordered {
/*	  background: url("greenbg.jpg") repeat-y top;
	border: 1px solid #000000;*/
}

#menu li li a:visited:hover{
                             /*text-decoration: none;*/
                             }
#trackbacks
{
    border: #387c93 1px solid;
    padding: 3px;
}

#trackbacks a {
	    /*text-decoration: none;*/
}

.wp-smiley {
	     border: 0px;
	     background: #fff;
	     padding: 0px;
}
/*
   * End of stylesheet
   */

#rap {
	margin:8px 0px 8px 0px;
}