/* 
    Document   : screen
    Created on : Feb 3, 2010, 2:52:39 PM
    Author     : Shaun Hutchings
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
Types of CSS Selectors
1- Element selector: the name of an xhtml element (e.g. body, p, img)
2- ID selector: the name of the ID preceeded by a # sign (e.g. #header, #footer)
3- Context Selector: the name of the parent followed by the anme or type of the
    descendant
*/
body{
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    height: 100%;

    background-color: #ffffff;
}

#header{
    height: 125px;
    float: left;
    width: 100%;
    color: #F2EDE7;
    padding: 0;
    position: relative;
    margin-top:0;
    margin-bottom: 0;
    border: 0;

    background-image: url(../../images/headerbg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    overflow: hidden;
    min-width: 1175px;

}
#wrapper{
    height: 100%;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;

    overflow: auto;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    border-bottom-width: 3px;
    border-top-width: 3px;
    border-right-color: #2d1300;
    border-left-color: #2d1300;
    border-bottom-color: #2d1300;
    border-top-color: #2d1300;
}
/* This is positioning using the absolute method */
#containerbox{
    width: 100%;
    overflow: auto;
    padding: 0;
    background-color: #2D1300;
    background-repeat: repeat-y;
    float: left;
    min-width: 1175px;

}

#centerbox{

    overflow: auto;
    padding: 0;
    background-color: #2D1300;


}

img{
    border-style: none;
}



#bodybox{
    width: 100%;

    overflow: auto;
    padding: 0;
    background-repeat: repeat-y;

}
#rightcorner{
    padding-top: 10px;
    padding-bottom: 0;

    margin-bottom: 0;
    margin-top: 0;
}
#rightcorner p{
    padding-bottom: 2px;
    padding-top: 9px;
    margin-bottom: 0;
    margin-top: 0;
}

#nav{
    height: 2.15em;
    background-color: #233718;
    width: 100%;
    color: #FFFFFF;

    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border: 0;


}
#subnav p{

    padding: 0;
    margin: 0;

}

#nav ul,
#footer ul,
#header ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#header li{
    float: left;
}

#nav li,
#footer li{
    display: inline;
}

#subnav{
    height: .25in;
    background-color: #2D1300;
    width: 100%;

    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border: 0;

}

/*
#sidenav{
    width: 15%;
    background-color: blue;
    position: absolute;
    left: 0;
    top: 0;
}

#content{
    width: 85%;
    position: relative;
    top: 0;
    left: 15%;
    background-color: #66ff00;
}*/

/* This begins the float layout method  */

#sidenav{
    width: 145px;
    float: left;
    height: 100%;
    padding-left: 5px;
    text-align: center;
    padding-right: 0;
    margin: 0;
    margin-right: 0;
}


#content{
    width: 85%;
    background-color: #F2EDE7;
    float: left;
    min-height: 605px;
    background-image: url(../../images/contenttop.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    float: left;
}
#content h1{
    margin-top: 35px;
    color: #28540f;
}

#content_end{

    background-image: url(../../images/contentbottom.jpg);
    min-height: 605px;
    background-repeat: repeat-x;
    background-position: left bottom;

}


#content p,
#content h1,
#content h2,
#content a,
#content h3{
    padding-left: 15px;
    padding-right: 15px;
}
#aside{
    width: 135px;
    background-color: #2D1300;
    float: right;
}



#footer{
    height: 125px;
    background-color: #233718;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;



    float: left;
    min-width: 1175px;
    background-image: url(../../images/footerbg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    text-align: center;
    vertical-align: middle;
}

#footerspacer{
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;



    float: left;
    min-width: 1175px;
    background-color: #2d1300;
}

#sociallinks li{
    padding-right: 10px;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
}

#content img{
    padding: 0;
    margin: 0;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-color: #2d1300;
    border-left-color: #2d1300;
    border-bottom-color: #2d1300;
    border-top-color: #2d1300;
}

#sociallinks ul{
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
}


a.mainbutton {
    clear:both;
    display:block;
   float:left;
    padding:5px;
    margin:0 10px 10px 0;
   background:#E9E9E9;
    border:1px solid #999999;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:16px;
    text-align:center;
    color:#000066;
}

a.mainbutton:hover {
    color:#FFFFFF;
    background:#999999;
}
/* -----------------------------------------------------------------------  */

#nav ul{
    color:#233718;
    font-size:larger;
    height:1.2em;
    margin:0;
    overflow:hidden;
    padding:6px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#sidenav ul{
    color:#233718;
    font-size: large;
    height:1.2em;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 6px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;

}

#sidenav ul li{
    list-style-type: none;
    text-align: center;
    padding-right: 0;
    margin-right: 0;
}
#sidenav li a{
    background-color:#Ffffff;
    padding-right: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    margin-right: 0;
    display: block;
    text-decoration:none;
    width:135px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #2D1300;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #2d1300;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #2d1300;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #2d1300;
}
#nav ul li {
    float:left;
    list-style-type:none;
    text-align:center;
}
#nav li a {
    -moz-border-radius-topleft:0.5em;
    -moz-border-radius-topright:0.5em;
    background-color:#Ffffff;
    padding-top: 3px;
    padding-bottom: 5px;
    display:inline-block;
    margin-left:.5em;
    text-decoration:none;
    width:175px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #2D1300;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #2d1300;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #2d1300;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #2d1300;

}
#nav li a:link,
#sidenav li a:link{
    background-color:#f2ede7;
    color:#233718;
}

#nav li a:visited,
#sidenav li a:visited{
    background-color:#f2ede7;
    color:#233718;
}

#nav li a:hover{
    background-color:#233718;

    border-color:#2d1300;
    color:#ffffff;
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;

    border-top-width: 1px;
    border-bottom-style: hidden;
}

#sidenav li a:hover{
    background-color:#28540f;

    border-color:#ffffff;
    color:#ffffff;
    border-right-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;

    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#home li.home a, 
#personal li.personal a, 
#pro li.pro a, 
#contact li.contact a 
{
	background-color:#2d1300;
    border-color:#2E5417;
    color:#FFFFFF;
    cursor:default;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: hidden;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
}



#home li.home a:hover, /*--Home Page > Home Link--*/
#personal li.personal a:hover, /*--About Page > About Link--*/
#pro li.pro a:hover, /*--Services Page > Services Link--*/
#contact li.contact a:hover /*--Contact Page > Contact Link--*/
{
        text-decoration: underline;
}
.home #nav a[title~="Home"], .assignments #nav a[title~="Assignments"], .dogs #nav a[title~="Dogs"], .puppies #nav a[title~="Puppies"] {
    background-color:#2d1300;

    border-color:#FFFFFF;
    color:#FFFFFF;
    cursor:default;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: hidden;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
}

#footer ul{
    padding-top: 35px;
    font-size: large;
    color:#ffffff;

    font-weight: bold;
}

#footer li a:link,
#footer li a:visited{

    color:#ffffff;
    text-decoration: underline;
}

#content a:link{
    color:#2d1300;
}
#content a:visited{
    color:#28540f;
}

#footer li a:hover{
    background-color:#ffffff;

    border-color:#2d1300;
    color:#233718;


}

#footer li a{


    display:inline;
    text-decoration:none;
}

#cse-search-results{
    margin-top: 35px;
    margin-left: 8px;
}