/*

Theme Name: CrayonsV1.0

Theme URL: http://www.teachingtrends.co.uk/crayonsv1.0

Author URL: http://www.teachingtrends.co.uk

Description:  A clean, 2 column wordpress theme featuring a crayon motif. Great for any type of blog related to family, education and kids.

Version: 1.0

Tags: yellow, purple, blue, white, fixed width, right navigation, 2 columns



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



@import "reset-min.css";



/* Global

-------------------------------------*/



/* slightly enhanced, universal clearfix hack */

.clearfix:after {

     visibility: hidden;

     display: block;

     font-size: 0;

     content: " ";

     clear: both;

     height: 0;

     }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* close commented backslash hack */



a

{

 text-decoration:none;

}



a:hover

{

 text-decoration:underline;

}



p

{

 margin-top:25px;

 font-size:1.2em;

 line-height:150%;

}



p a

{

 color:#333;

 font-weight:bold;

}



/* Layout

-------------------------------------*/



body 

{

        margin:0;

        font-size: 62.5%;

        background: url(images/bkg.jpg) repeat top left;

        color: #333;

        font-family: Arial, Helvetica, sans-serif;

}



#container{

        position: relative;

        width: 919px;

        margin:0 auto;

        background:url("images/containerbk.jpg") repeat-y 0 0;

}



#header

{

    height:338px;

    position:relative;

    background: url(images/header.jpg) no-repeat top left;

}



#header h1 a

{

    top:45px;

    left:38px;      

    font-size:4.0em;

    font-weight:bold;

    color:#333;

    position:absolute;

    font-family:Times New Roman;

    line-height:0.7em;

}



#header .logo:hover

{

 text-decoration:none;

}



#header .rss

{

 height:73px;

 width:227px;

 display:block;

 text-indent:-9999px;

 position:absolute;

 bottom:0;

 right:30px;

}



#header .logo span

{

 font-size:0.3em;

}



ul#nav

{

  list-style-type:none;

  margin:0;

  float:left;

  position:absolute;

  top:117px;

  left:0;

  padding-bottom:16px;

  background:url("images/navbot.gif") no-repeat 0 100%;

}



ul#nav li a

{

 font-weight:bold;

 font-size:1.2em;

 display:block;

 color:#333;

 padding:7px 18px 15px 0;

 text-align:right;

 background:url("images/navshadow.png") no-repeat 0 0;

 width:175px;

}



ul#nav li a:hover, ul#nav li.active a

{ 

 background:url("images/navshadowover.png") no-repeat 0 0;

 color:#fff;

 text-decoration:none;

}



#content

{

 margin-left:21px;

 background-color:#fff;

 margin-bottom:20px;

}



#column1

{

 width:600px;

 float:left;

 padding:0 20px 0 17px;

 display:inline;

}



#column2

{

 width:233px;

 float:left;

 display:inline;

 padding-right:28px;

 background:url("images/column2bot.jpg") no-repeat 0 100%;

 padding-bottom:17px;

}



#footer

{

 clear:left;

 padding:50px 0 20px 0;

}



#footer ul

{

 display:block;

}



#footer ul li 

{

 float:left;

 padding-right:5px;

 font-size:11px;

 color:#666;

}



#footer ul li a

{

 float:left;

 color:#666;

 padding-right:5px;

 font-size:11px;

}



#footer ul li strong a

{

 font-weight:bold;

}



#footer .right

{

    float:right;

    width:237px;

    color:#666;

    font-size:1.1em;

}



#footer .right a

{

    font-weight:bold;

    color:#666;

    font-size:1.1em;

}



/* Column1

-------------------------------------*/



h2, h3

{

 font-size:2em;

 font-weight:bold;

 font-family:Times New Roman;

 color:#CC0066;

 padding:27px 0 20px 0;

}



h3

{

    padding:10px 0 10px 0;

}



h2 a

{

  color:#CC0066;

}



.posted

{

 color:#585858;

 font-size:1.1em;

 margin-top:0 !important;

}



.posted a

{

color:#585858;

}



.post

{

  padding-bottom:25px;

  border-bottom:solid 1px #666666;

  position:relative;

}



.post img

{

 margin-top:25px;

}



a.more-link

{

  position: absolute;

  bottom: 20px;

  right: 0;

  color: #2F2A1A;

  text-decoration: underline;

  font-weight:bold;

  font-size:1.2em;

  }



.comments

{

        background: #FFF url("images/speech.gif") no-repeat 0 0;

        padding-left:22px;

        margin-top:20px;

        font-size:1.2em;

}



.comments a

{

        color:#2F2A1A;

        font-weight:bold;

        text-decoration: underline;

}



.comments a:hover

{

        text-decoration:underline;

}



.comments div

{

        float:right;

}



/* Column2

----------------------------------*/



#column2 .inner

{

 background:url("images/column2bkg.jpg") repeat-y 0 0;

 padding-bottom:20px;

}



#column2 h2

{

 color:#666;

 font-size:1.6em;

 font-weight:bold;

 padding:10px 0 10px 20px;

}



#column2 ul

{

 border-bottom:solid 1px #BCBCBC;

 width:189px;

 padding-bottom:15px;

 margin-left:20px;

}



#column2 ul li a

{

 font-size:1.2em;

 line-height:1.6em;

 color:#666;

}



/* Standard Wordpress Comments Styling

----------------------------------------*/



.navigation {

  float: left;

  width: 597px;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 0;

  }

.navigation a

{

  font-size: 1.2em;

  color: #333;

  }

.alignright {

  float: right;

  }

.alignleft {

  float: left

  }



.entry p a:visited {

        color: #333;;

        }



.commentlist li, #commentform input, #commentform textarea {

        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

        }

.commentlist li ul li {

        font-size: 1em;

}



.commentlist li {

        font-weight: bold;

}



.commentlist li .avatar {

        position: absolute;

        top: 4px;

        right: 0;

        border: 1px solid #eee;

        padding: 2px;

        background: #fff;

        }



.commentlist cite, .commentlist cite a {

        font-weight: bold;

        font-style: normal;

        color: #333;

        }

.commentlist cite, .commentlist span

{

  font-size: 1.3em;

  }



.commentlist p {

        font-weight: normal;

        line-height: 1.5em;

        text-transform: none;

        }



#commentform p {

        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

        }



.commentmetadata {

        font-weight: normal;

        }



.alignright {

        float: right;

        }



.alignleft {

        float: left

        }

/* End Images */







/* Begin Lists



        Special stylized non-IE bullets

        Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

        margin-left: 0px;

        padding: 0 0 0 30px;

        list-style: none;

        padding-left: 10px;

        text-indent: -10px;

        }



html>body .entry li {

        margin: 7px 0 8px 10px;

        }



.entry ul li:before, #sidebar ul ul li:before {

        content: "\00BB \0020";

        }



.entry ol {

        padding: 0 0 0 35px;

        margin: 0;

        }



.entry ol li {

        margin: 0;

        padding: 0;

        }



.postmetadata ul, .postmetadata li {

        display: inline;

        list-style-type: none;

        list-style-image: none;

        }



.entry form { /* This is mainly for password protected posts, makes them look better. */

        text-align:center;

        }



select {

        width: 130px;

        }



#commentform input {

        width: 120px;

        padding: 2px;

        margin: 5px 5px 1px 0;

        }



#commentform {

  float: left;

  width: 597px;

        margin: 10px 0 0;

        }

#commentform textarea {

        width: 597px;

        w\idth: 591px;

        padding: 2px;

        }

#respond:after {

                content: ".";

            display: block;

            height: 0;

            clear: both;

            visibility: hidden;

        }

#commentform #submit {

        margin: 0 0 5px auto;

        float: left;

        }

/* End Form Elements */







/* Begin Comments*/

.alt {

        margin: 0;

        padding: 10px;

        }



.commentlist {

        padding: 0;

        text-align: justify;

        }



.commentlist li {

        margin: 15px 0 10px;

        padding: 5px 5px 10px 10px;

        list-style: none;



        }

.commentlist li ul li {

        margin-right: -5px;

        margin-left: 10px;

}



.commentlist p {

        margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

        margin: 5px 0;

        }



.nocomments {

        text-align: center;

        margin: 0;

        padding: 0;

        }



.commentmetadata {

        margin: 4px 0 0;

        display: block;

        font-size: 1.1em;

        }

.commentmetadata, .commentmetadata a {

        color: #333;

        }

/* End Comments */





/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

        cursor: help;

        }



acronym, abbr {

        border-bottom: 1px dashed #999;

        }



blockquote {

        margin: 15px 30px 0 10px;

        padding-left: 20px;

        border-left: 5px solid #ddd;

        }



blockquote cite {

        margin: 5px 0 0;

        display: block;

        }



.center {

        text-align: center;

        }



.hidden {

        display: none;

        }



hr {

        display: none;

        }



a img {

        border: none;

        }



/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

        display: block;

        margin-left: auto;

        margin-right: auto;

}



.wp-caption {

        border: 1px solid #ddd;

        text-align: center;

        background-color: #f3f3f3;

        padding-top: 4px;

        margin: 10px;

        -moz-border-radius: 3px;

        -khtml-border-radius: 3px;

        -webkit-border-radius: 3px;

        border-radius: 3px;

}



.wp-caption img {

        margin: 0;

        padding: 0;

        border: 0 none;

}



.wp-caption p.wp-caption-text {

        font-size: 11px;

        line-height: 17px;

        padding: 0 4px 5px;

        margin: 0;

}

/* End captions */



ol.commentlist, ol.commentlist li, ol.commentlist li div

{

  float: left;

  width: 597px;

  padding: 0;

  }

ol.commentlist li

{

  position: relative;

  border-top: 1px dotted #999;

  margin: 10px 0 0;

  padding: 10px 0;

  }

ol.commentlist li p

{

  float: left;

  margin: 1em 0 0;

  }

  

#respond

{

 margin-bottom:10px;

}
/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
     DEFAULT.CSS made by Mike Cherim - http://green-beast.com 
    Designed and built to work with the Default WordPress theme
================================================================== */

#gb_form_div { 
  text-align : left;
  width : 460px; min-height:30px; overflow:hidden;

}
#gb_form_div a{ color:#333; text-decoration:none;}
#gb_form_div span{ width:100%; float:left; display:block; font-weight:bold;}
#gb_form_div span strong{ font-weight:bold;}
#gb_form_div label{ width:120px; display:block; height:22px; float:left; margin:0px 0px 5px 0px; line-height:22px;}
#gb_form_div input[type="text"]{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div input[type="submit"]{ margin:0px 0px 5px 0px; border:none;height:32px; width:110px; font-size:18px; float:left; background: #333;text-align:center; color:#CCC; line-height:32px;-moz-border-radius:5px;}
#gb_form_div textarea{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:90px; width:400px; float:left; background:none;} 
#gb_form_div select{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div #reason{ height:25px;}

#gb_form_div .whythis{ height:30px; width:300px; float:left; line-height:25px;}
/* End DEFAULT CSS */





/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
     DEFAULT.CSS made by Mike Cherim - http://green-beast.com 
    Designed and built to work with the Default WordPress theme
================================================================== */

#gb_form_div { 
  text-align : left;
  width : 460px; min-height:30px; overflow:hidden;

}
#gb_form_div a{ color:#333; text-decoration:none;}
#gb_form_div span{ width:100%; float:left; display:block; font-weight:bold;}
#gb_form_div span strong{ font-weight:bold;}
#gb_form_div label{ width:120px; display:block; height:22px; float:left; margin:0px 0px 5px 0px; line-height:22px;}
#gb_form_div input[type="text"]{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div input[type="submit"]{ margin:0px 0px 5px 0px; border:none;height:32px; width:110px; font-size:18px; float:left; background: #333; color:#CCC; line-height:32px;-moz-border-radius:5px;}
#gb_form_div textarea{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:90px; width:400px; float:left; background:none;} 
#gb_form_div select{ margin:0px 0px 5px 0px; border:1px solid #CCC; height:20px; width:220px; float:left; background:none;}
#gb_form_div #reason{ height:25px;}

#gb_form_div .whythis{ height:30px; width:300px; float:left; line-height:25px;}
/* End DEFAULT CSS */