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

::selection# ::selection{ /* Safari and Opera */  
     background:                       #c94602;
     color:                            #000000;
}
  
::-moz-selection{ /* Firefox */  
     background:                       #c94602;
     color:                            #000000;
}

/* CSS for html tags */

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

a:hover{
/* a little more 'style' on the hover */
    color:                             #026dbb;
    text-decoration:                   underline;
}

a:visited{
/* for visited */
    color:                             #c94602;
}

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

body{
/* body style */
    background-color:                  #000000;
    border:                            none;
    font-family:                       Helvetica, Verdana, Sans-serif, Arial, 'Helvetica Neue','Trebuchet ms';
    font-size:                         12pt;
    margin:                            0;
    padding:                           0;
}

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

h1 a:hover{
/* just to keep the anchor hover underline from the header */
    text-decoration:                   none;
}

hr{
/* stlyo for horizontal linesnn, of course */
    border:                            none;
    border-bottom:                     #cccacb 1px solid;
    color:                             #ffffff;
    width:                             90%;
}

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

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

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

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

.s{
/* The first letter of sandcurves */
    font-size:                         72pt;
    line-height:                       1em;
}

a .x{
/* This is the anchor for closing the welcome message */
    background-color:                  #c94602;
    border:                            #c94602 solid 1px;
    color:                             #ffffff;
    font-size:                         28pt;
    font-weight:                       bold;
    padding:                           3px;
/* rounded corners for cool browsers (try one today - like Firefox!) */
    border-radius:                     25px;
    -moz-border-radius:                25px;
    -webkit-border-radius:             25px;
}

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

#content{
/*
    border:                            none;
    margin:                            0;
    padding:                           0;
    float:                             left;
    width:                             94%;*/
    background-color:                  #ffffff;
    border:                            none;
    color:                             #000000;
    float:                             left;
    font-size:                         90%;
    margin:                            0;
    padding:                           0 3% 0 3%;
    width:                             94%;
}

#footer{
/* footer section */
    background-color:                  #ffffff;
    border:                            none;
    color:                             #000000;
    float:                             left;
    font-size:                         90%;
    margin:                            0;
    padding:                           10px 3% 0 3%;
    text-align:                        center;
    width:                             94%;
}

#footer a{
/* links in the footer are super cool */
    font-weight:                       bold;
}

#header{
/* header section */
    background-color:                  #c94602;
    background-image:                  url('/media/sandcurves.jpg');
    background-position:               right;
    background-repeat:                 no-repeat;
    border:                            none;
    border-bottom:                     1px #cccacb solid;
    margin:                            0;
    padding:                           8px 3% 8px 3%;
    width:                             94%;
}

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

#header_nav a:hover{
/* This is for the nav within the header */
    color:                             #292929;
}

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

#main{
/* main text section */
    border:                            none;
    float:                             left;
    margin:                            0;
    padding:                           10px 3% 0 0;
    width:                             65%;
}

#pop_welcome{
/* this is the info pop up for new visitors */
    background-color:                  #ffffff;
    border:                            #000000 5px solid;
    border-right:                      none;
    color:                             #000000;
    display:                           none;
    top:                               0;
    right:                             0;
    height:                            320px;
    padding:                           15px;
    position:                          fixed;
    margin:                            10px 0 0 0;
    width:                             70%;
/* 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;
}

#rss_img{
/* a small section around the rss area */
    text-align:                        left;
}

#sidebar{
/* sidebar section */
    border:                            none;
    float:                             left;
    font-size:                         small;
    margin:                            0;
    padding:                           10px 0 0 3%;
    width:                             25%;
}

#sidebar > h3{
    line-height:2em;
    padding:0 0 0 1em;
    width:100%;
    background-color:#c94602;
}

#top{ /* This is used to select the very first paragraph with id top */
    margin:                            2em 0 2em 0;
}

#top:first-letter{ /* Styles the very first letter of a blog post */
    display:                           block;  
    float:                             left;  
    font-family:                       Georgia;
    font-size:                         2em;
    margin:                            5px 1px 0 5px;  
}

#twit{
    position:fixed;
    right:5px;
    top:200px;
}


#twit a img{
width:38px;
height:170px;
}

#twit a:hover img{
width:40px;
}

#welcome_close{
/* The whole section for the 'close' of the welcome message */
    bottom:                            20px;
    position:                          absolute;
}

#welcome_close a{
/* The whole section for the 'close' of the welcome message - anchor style */
    background-color:                  #ffffff;
    border:                            #cccacb 1px solid;
    color:                             #000000;
    font-size:                         28pt;
    font-weight:                       bold;
    padding:                           5px 10px 5px 10px;
/* 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;
}

#welcome_close a:hover{
/* The whole section for the 'close' of the welcome message - anchor hover */
    text-decoration:                   none;
}

#welcome_new{
/* the link for new visitor info */
    font-weight:                       bold;
}
#welcome_new a{
/* new visitor info */
    color:                             #000000;
}

#wrap{
    margin:0 auto auto auto;
    max-width:1000px;
}

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