/*
    //////////////////////////////////
    //                              //
    //  CSS file for Sandcurves.com //
    //                              //
    //  By Vernon Swanepoel         //
    //                              //
    //  email:                      //
    //  vernon@sandcurves.com       //
    //                              //
    //  Theme:  stylo               //
    //                              //
    //////////////////////////////////
*/

/* CSS for html tags */

a{
/* links as 'normal' as possible */
    color:                             #2d297c;
    text-decoration:                   none;
}


a:hover{
/* a little more 'style' on the hover */
    border-bottom:                     2px #2d297c dashed;
}


a:visited{
/* for visited */
    color:                             #960b56;
}

a:hover img{
/* Just to keep hypertext images from getting underlined */
    text-decoration:                   none;
}


body{
/* body style */
    border:                            none;
    font-family:                       Verdana, Sans-serif, Arial, Helvetica, 'Helvetica Neue','Trebuchet ms';
    padding:                           0;
    margin:                            0;
}


form{
/* comment form only for now */
    border:                            1px solid #1a1a1a
    padding:                           10px;
/* rounded corners for cool browsers */
    border-radius:                     3px;
    -moz-border-radius:                3px;
    -webkit-border-radius:             3px;
}


h1{
/* h1 header's style - note that h1 is only used for page header */
    border:                            none;
    color:                             grey;
    font-family:                       Arial, Palatino, "palatino Linotype";
    font-size:                         450%;
    font-weight:                       900;
    margin:                            0;
    padding:                           0;
}


hr{
/* stlyo for horizontal lines, of course */
    color:                             #e5e5e5;
    width:                             90%;
}

img{
/* General for any images in the site */
    border:                            none;
}


input[type="submit"]:first-child{
/* on the comment form */
    margin-left:                       140px;
}

label[for=id_honeypot]{
/* for the hidden field in comments form */
    display:                           none !important;
}


/* classes ----------------------------------------- */


.cmts{
/* This decorates the blockquote around each comment */
    background-color:                  #e8e8e8;
    border:                            #292929 1px solid;
    padding:                           5px;
    margin:                            3px 0 3px 0;
    width:                             70%;
/* rounded corners for cool browsers (mmmm...Firefox...tasty...) */
    -moz-border-radius:                3px;
    -webkit-border-radius:             3px;
}

.readmore{
/* This lets the user read the whole article from snippet on front page */
    display:                           none;
}


.real_light{
/* Where I want almost white text */
    color:                             #f8f8f8;
}


.real_small{
/* Where I want small text */
    font-size:                         80%;
}

.s{
/* The first letter of sandcurves */
    color:                             #b05817;
    font-family:                       Arial;
    font-weight:                       100;
}



/* id's ---------------------------------------------*/

#comm{
/* This is just the little comment tag */
    font-color:                        #292929;
}


#comment_form label,
#comment_form input[type=test],
#comment_form textarea{
/* for comment form */
    display:                           block;
}


#footer{
/* footer section */
    color:                             #292929;
    float:                             left;
    font-size:                         90%;
    margin:                            30px 0 8px 0;
    padding:                           0 3% 0 3%;
    text-align:                        center;
    width:                             94%;
}

#footer a{
    color:                             #374959;
    font-weight:                       bold;
}


#header{
/* header section */
    background-color:                  #292929;
    background-image:                  url('/media/vernon.png');
    background-position:               right;
    background-repeat:                 no-repeat;
    border-bottom:                     3px #e8e8e8 solid;
    margin:                            0;
    padding:                           3% 3% 0 3%;
    width:                             94%;
}


#hide p, #hide blockquote, #hide ul, #hide li{
/* Chop some content on home page.... */
    display:                           none;
}


#hide p.incl, #hide h2.title, #hide p.cmts, #hide p.readmore{
/* ...but show a little */
    display:                           block;
}


#header a{
/* clean links in header */
    color:                             #cccccc;
}

#id_honeypot{
/* input on comment form */
    display:                           none !important;
}


#just_a_little_line{
/* Just a little line at the bottom of the page */
    background-color:                  #292929;
    border-top:                        #e8e8e8 2px solid;
    float:                             left;
    height:                            height:30px;
    width:                             100%;
}


#main{
/* header section */
    float:                             left;
    margin:                            0;
    padding:                           10px 3% 0 3%;
    width:                             77%;
}


#rss_img{
/* a small section around the rss area */
    background-color:                  #292929;
    border:                            #292929 1% solid;
    border-right                       none;
    text-align:                        center;
    padding:                           5px 0 5px 0;
    margin:                            10px 0 0 0;
    width:                             99%;
/* rounded corners for cool browsers (try one today - like Firefox!) */
    border-bottom-left-radius:         3px;
    border-top-left-radius:            3px;
    -moz-border-radius-bottomleft:     3px;
    -moz-border-radius-topleft:        3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius:    3px;
}




#sidebar{
/* header section */
    float:                             left;
    margin:                            0;
    padding:                           0 0 0 3%;
    width:                             14%;
}

/*
    The end...just a little style for a little blog :)

    If you bothered looking through my stylesheet you 
    probably also have a keen interest in CSS.  If you
    have a personal project and had fun doing the CSS
    email me (vernon@sandcurves.com) and I'll have a look
*/