/*
Theme Name: Kamaji
Description: Custom Theme for Camp Kamaji
Version: 1.0
Author: Leslie Tane Design
Author URI: http://www.leslietanedesign.com/

*/



/* Begin Typography & Colors */
body
{
    font-family: arial, geneva, sans-serif;
    font-size: 12px;
    line-height: 150%;
    background: #0096fd;
    color: #333399;
    text-align: center;
    margin: 0;
    padding: 0;
}

a:link, a:visited, a:active
{
    color: #009900;
    text-decoration: none;
}

a:hover
{
    color: #660099;
    text-decoration: none;
}

#page
{
    background-color: #E2F0F7;
    text-align: left;
    min-height: 730px;
    margin: 0px auto;
    padding: 0;
    width: 800px;
	overflow: hidden;
}

#header {
    background-color: #E2F0F7;
    }

#content p {
    color: #333399;
    font-family: arial, geneva, sans-serif;
    font-size: 12px;
    line-height: 150%;
    text-align: left;
}

#contentsmall p
{
    color: #333399;
    font-family: arial, geneva, sans-serif;
    font-size: 12px;
    line-height: 150%;
    padding-right: 20px;
    text-align: left;
}

#nav_logo   {
    height: 138px;
    width: 273px;
    }

#footer
{
    background: #e2f0f7;
    border: none;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1
{
    font-size: 24px;
    text-decoration: none;
    color: #F60;
    line-height: 150%;
}

h2 {
    font-size: 18px;
    text-decoration: none;
    color: #009900;
    }

h3 {
    font-size: 14px;
    text-decoration: none;
    color: #660099;
    }

h4
{
    font-size: 11px;
    text-decoration: none;
    color: #cc0000;
    text-transform: uppercase;
    font-weight: bold;
}

li.newslink, li.alumnaelink, li.stafflink, li.newgirlslink, li.newparentslink, li.currentparentslink, li.currentgirlslink
{
    border-top: 2px #FC3 solid;
    padding-top: 8px;
}

li.newslinklast, li.alumnaelinklast, li.stafflinklast, li.newgirlslinklast, li.newparentslinklast, li.currentparentslinklast, li.currentgirlslinklast
{
    border-top: 2px #FC3 solid;
    border-bottom: 2px #FC3 solid;
    padding-top: 8px;
    padding-bottom: 16px;
}

a:link.newslink, a:active.newslink, a:visited.newslink
{
    color: #333399;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.newslinklast, a:active.newslinklast, a:visited.newslinklast
{
    color: #333399;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.alumnaelink, a:active.alumnaelink, a:visited.alumnaelink
{
    color: #009900;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.alumnaelinklast, a:active.alumnaelinklast, a:visited.alumnaelinklast
{
    color: #009900;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.stafflink, a:active.stafflink, a:visited.stafflink
{
    color: #027bb6;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.stafflinklast, a:active.stafflinklast, a:visited.stafflinklast
{
    color: #027bb6;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.newgirlslink, a:active.newgirlslink, a:visited.newgirlslink, a:link.newparentslink, a:active.newparentslink, a:visited.newparentslink
{
    color: #cc0000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.newgirlslinklast, a:active.newgirlslinklast, a:visited.newgirlslinklast, a:link.newparentslinklast, a:active.newparentslinklast, a:visited.newparentslinklast
{
    color: #cc0000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.currentgirlslink, a:active.currentgirlslink, a:visited.currentgirlslink, a:link.currentparentslink, a:active.currentparentslink, a:visited.currentparentslink
{
    color: #ff6600;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:link.currentgirlslinklast, a:active.currentgirlslinklast, a:visited.currentgirlslinklast, a:link.currentparentslinklast, a:active.currentparentslinklast, a:visited.currentparentslinklast
{
    color: #ff6600;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: center;
}

a:hover.newslink,a:hover.newslinklast, a:hover.alumnaelink, a:hover.alumnaelinklast, a:hover.stafflink, a:hover.stafflinklast, a:hover.newgirlslink, a:hover.newgirlslinklast, a:hover.newparentslink, a:hover.newparentslinklast, a:hover.currentparentslink, a:hover.currentparentslinklast, a:hover.currentgirlslink, a:hover.currentgirlslinklast
{
    color: #64019c;
}

#sidebar h2 {
    font-family: Arial, Sans-Serif;
    }

#sidebar {
    font: Arial, Sans-Serif;
    }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

code {
    font: 1.1em 'Courier New', Courier, Fixed;
    }

acronym, abbr, span.caps
{
    font-size: 0.9em;
    letter-spacing: .07em;
    }

#wp-calendar #prev a, #wp-calendar #next a {
    font-size: 9pt;
    }

#wp-calendar a {
    text-decoration: none;
    }

#wp-calendar caption {
    font: bold 1.3em Arial, Sans-Serif;
    text-align: center;
    }

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }

/* End Typography & Colors */



/* Begin Structure */
#header {
    position:relative;
    background-color: #E2F0F7;
    margin: 0px auto;
    padding: 0px;
    height: 138px;
    width: 800px;
    clear: both;
    }

#nav_logo {
    left:0px;
    top:0px;
    width:273px;
    height:138px;
    }

#search
{
    position: absolute;
    left: 419px;
    top: 0px;
    width: 527px;
    height: 33px;
    text-align: right;
    margin-right: 10px;
    padding-right: 10px;
}

.rightmargin
{
    margin-right: 10px;
}

#gotoblog {
    position:absolute;
    left:273px;
    top:42px;
    width:146px;
    height:38px;
}

#toplinks
{
    position: absolute;
    left: 215px;
    top: 42px;
    width: 575px;
    height: 38px;
    float: right;
    text-align: right;
}

a:link.toplinks, a:visited.toplinks, a:active.toplinks
{
    text-decoration: none;
    color: #027bb6;
    font-family: arial, geneva, sans-serif;
    font-size: 12px;
}

a:hover.toplinks
{
    text-decoration: underline;
    color: #cc0000;
}

#nav-visitors {
    position:absolute;
    left:273px;
    top:71px;
    width:99px;
    height:35px;
}

#nav-current {
    position:absolute;
    left:372px;
    top:71px;
    width:156px;
    height:35px;
}

#nav-staff {
    position:absolute;
    left:528px;
    top:71px;
    width:78px;
    height:35px;
}

#nav-alumnae {
    position:absolute;
    left:606px;
    top:71px;
    width:71px;
    height:35px;
}

#nav-news {
    position:absolute;
    left:677px;
    top:71px;
    width:55px;
    height:35px;
}

#nav-contact {
    position:absolute;
    left:732px;
    top:71px;
    width:68px;
    height:35px;
}

#content {
    width:800px;
    min-height:595px;
    margin: 0px auto;
}

#contentsmall
{
    float: right;
    width: 550px;
}

#contentsearch
{
    float: right;
    width: 550px;
    margin-right: 20px;
    margin-left: 200px;
}

#sidebar
{
    float: left;
    padding: 10px 10px 485px 10px;
    width: 200px;
    margin-right: 20px;
    background-color: #CAE2F1;
    text-align: center;
    background-image: url(/images/sb_bkg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.clear {
    clear: both;
}

#footer
{
    position: relative;
    top: 0px;
    padding: 0;
    margin: 0 auto 0 auto;
    width: 800px;
    clear: both;
    background-color: #fece00;
    height: 86px;
}

#credits {
    position: relative;
    top: 10px;
    padding: 0;
    margin: 0 auto;
    width: 800px;
}

/* End Structure */



/*  Begin Headers */
h1 {
    margin: 0;
    }

h2 {
    margin: 30px 0 0;
    }

h2.pagetitle {
    margin-top: 30px;
    text-align: center;
}

#sidebar h2 {
    margin: 5px 0 0;
    padding: 0;
    }

h3 {
    padding: 0;
    margin: 30px 0 0;
    }

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* End Headers */



/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.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;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* 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: 0;
    display: block;
    }
/* End Comments */


/* Begin Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

#wp-calendar a {
    display: block;
    }

#wp-calendar caption {
    text-align: center;
    width: 100%;
    }

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
    background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote
{
    margin: 15;
    padding: 0 0 0 10px;
    border: 3px #F90 dotted;
    color: #609;
    font-size: 13px;
    font-style: italic;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

.hidden {
    display: none;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
/* 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 */

/* Home Page Styles */

#art_ {
    position:absolute;
    top:138px;
    width:800px;
    height:219px;
}

#welcome
{
    position: absolute;
    top: 367px;
    width: 245px;
    padding: 0px 10px 10px 10px;
    line-height: 145%;
    font-size: 12px;
    margin-bottom: 50px;
}

#countdowns {
    position:relative;
    left:270px;
    top: 239px;
    width:237px;
}

#video {
    position:relative;
    left:472px;
    top: 107px;
    width:320px;
    height:240px;
}

#blog_map {
    position:relative;
    left:270px;
    top:40px;
    width:237px;
}
#request-info_ {
    position:relative;
    left:530px;
    top:25px;
    width:252px;
}

/* Bottom Template */

#nav-aca_ {
    position:absolute;
    left:0px;
    top:0px;
    width:127px;
    height:86px;
}

#address
{
    position: absolute;
    left: 127px;
    top: 20px;
    width: 325px;
    height: 86px;
    color: #039;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}


#fb{
    position: absolute;
    height: 120px;   
    width: 110px;
    left: 334px;
}

#fb a{
    display: block;
    width: 110px;
    height: 86px;
    background: url('images/fb.gif') top left no-repeat;
    text-indent: -9999px;
}

#nav-dates_ {
    position:absolute;
    left:452px;
    top:0px;
    width:108px;
    height:86px;
}

#nav-enrollment_ {
    position:absolute;
    left:560px;
    top:0px;
    width:144px;
    height:86px;
}

#nav-campforallkids_ {
    position:absolute;
    left:705px;
    top:0px;
    width:95px;
    height:86px;
}

#footer_left
{
    position: absolute;
    left: 0px;
    width: 528px;
    color: #e2f0f7;
    font-family: arial, geneva, sans-serif;
    font-size: 10px;
    line-height: 130%;
    text-decoration: none;
}

#footer_right
{
    position: absolute;
    left: 528px;
    width: 272px;
    color: #e2f0f7;
    font-family: arial, geneva, sans-serif;
    font-size: 10px;
    line-height: 130%;
    text-decoration: none;
    text-align: right;
}

a:link.footer, a:visited.footer, a:active.footer
{
    color: #e2f0f7;
    font-family: arial, geneva, sans-serif;
    font-size: 10px;
    line-height: 130%;
    text-decoration: none;
}

a:hover.footer
{
    text-decoration: underline;
}

/* Video Page Styles */

table#videos{
margin: 0 auto;
}

table#videos tr td{
padding: 12px;
text-align: center;
}

table#videos tr td img{
border: 7px solid white;
margin-bottom: 8px;
box-shadow: #8a8a8a 2px 2px 10px;
behavior: url('PIE.htc');
}

table#videos tr td img:hover{
border-color: #ffcc00;
}

/* End Video Page Styles */