/*

Theme Name: Solstice Foundation Theme

Author: Joshua Berry

Description: Custom Theme for Wordpress

Version: 0.0.1

Tags: solstice

*/




* {

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

    }



    a {

        color: black;

        text-decoration: none; /* no underline */

      }

body{

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

    background-color: #fffbf3;

}    





 .body {

    padding:10px;

    padding-bottom:60px;   /* Height of the footer */

 }


.blue{
    color:#3b5998;
}
 .alignleft {
    width: 40%;
    float: left;
    font-size: 13px;
    color: darkgray;
}
.alignright{
    width:50%;
    float:right;
    text-align: right;
    font-size: 13px;
    color: darkgray;}

 



   p{

       margin-left: 5px;

       margin-right: 5px;

       

   }
.aligncenter{
    margin: 0 auto;
    display: table-cell;
}
   .sidebar{

       padding-left: 5px;

       padding-right:5px;

       background-color: #ffffff;

       margin-bottom: 10px;

   }

 ul {

        list-style: none outside none;

    }
    .content ul{
        
            list-style-type: circle;
            margin:2em;
        
        
    }
ol {
        
margin-left:2em;        
}

.centered{

    margin:0 auto;

}

.standard-width{

    width:960px;

}



.blue{

    background: blue;

}



img.centered{

    display: block;

    

}



li.page_item{

display:inline-block;

width:100px;

height:65px;

text-align: center;

display: table-cell; 

vertical-align: middle; 

}



ul.centered{



    display: block;

    margin:0 auto;

    width:700px;





    

    

}



a:hover{

    color: #d8a333; 

}







.orangeborder{

    border-bottom: 1px solid #fffbf3;

}



.break{

    width:100%;

}



.bg{

    background-color: #FFFFFF;

    width:100%;

    height:232px;

    position: absolute;

    width:100%;

    

    left:0px;

    z-index:-100; 

    border-bottom:rgb(240, 240, 240) 2px solid;

    

}



.content{

    line-height: 1.6em;

    font-family: Tiempos,Georgia,serif;

    font-size:1.1em;

    font-weight:400;

    width:700px;

    float:right;

    margin-top:1em;

    margin-bottom:1em;

    

    background-color: #ffffff;

    padding:1em;

    border:rgb(248, 248, 248) 1px solid;

    border-bottom:rgb(240, 240, 240) 2px solid;

    border-left:rgb(240, 240, 240) 2px solid;

    

    

    

}



.sidebar{

    width:190px;

    float:left;

    margin-top:1em;

    padding:10px;

    border:rgb(248, 248, 248) 1px solid;

    border-bottom:rgb(240, 240, 240) 2px solid;

    border-left:rgb(240, 240, 240) 2px solid;

}

.sidebar-sections{

    margin-top:5px;

    

    margin-bottom:5px;

}



.sidebar-sections li{

    

    margin-top: 5px;

    margin-bottom: 5px;

    border-bottom: 1px solid lightgray;

    padding-bottom: 6px;

}







.content div{

    margin:0 auto;

    margin-top:10px;

    margin-bottom:10px;



}





.home div{

    margin:0 auto;

    margin-top:10px;

    margin-bottom:10px;



}

.home p{

    margin-left:10px;

    margin-right:10px;

    font-size:0.9em;



}

.home h3{

    margin-left:10px;

    margin-right:10px;

    text-align: center;



}

.footer{

    background-color: #FFFFFF;

    width:100%;

    height:100px;

    bottom:0;

    display:block;

    padding-top:20px; 

    border-top:rgb(248, 248, 248) 1px solid;

}





.post-content{

    height:auto;

    overflow: auto;

    

}



.content a{

    color:orange;

}



li h4 {

    padding-top: 5px;

    margin-top: 0.5em;

    

}

.home{

    line-height: 1.6em;

    font-family: Tiempos,Georgia,serif;

    font-size:1.1em;

    font-weight:400;

    margin-top:1em;

    background-color: #FFFFFF; 

    overflow:auto;

    margin-bottom:1em;

    padding:1em;

    border:rgb(248, 248, 248) 1px solid;

    

    border-bottom:rgb(240, 240, 240) 2px solid;

    border-left:rgb(240, 240, 240) 2px solid;

    

}

.gca-column{

    margin-left: 5px;

    margin-right: 5px;

}





.sidebar-sections-title{

    display:none;

}

@media only screen and (max-width: 500px) {

    

    .sidebar-sections-title{

        display:block;

        background: #fffbf3;

        height:2em;

        line-height: 2em;

    }

 

    .sidebar-sections{

        display:none;

    }

    .sidebar{

        width:100%;

        text-align:center;

        padding:0;

        padding-top:1em;

        padding-bottom:1em;

        

    }

    .standard-width{

        width:100%;

    }



    .content{

        margin-top:0em;

        width:100%;

        padding:0em;

    }



    .home{

        margin-top:0em;

        

        width:100%;

        padding:0em;

    }



    li.page_item{

        display:block;

        width:100%;

        height:1.5em;

        text-align: center;

        }



        ul{

            width:100%;

        }

        

ul.centered{

    

        display: auto;

        width:100%;

    

    

        

        

    }



    .bg{

        background-color: #FFFFFF;

        width:100%;

        height:380px;

        position: absolute;

        width:100%;

        

        left:0px;

        z-index:-100; 

    }

    



    

}