/*
Theme Name: Centaur Academy
Author: Bosh It Web Services
Author URI: http://www.bosh.me/
*/

html, body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
height:100%;
}

img {
border:0;
}

#header {
width:100%;
background:transparent url(images/headerbar.png) repeat-x;
padding:0;
position:relative;
z-index:10000 !important;
}



.post-edit a {
text-decoration:none;
font-size:10px;
color:#fff;
background-color:#41507C;
padding:2px 4px;
border:1px solid #000e3c;
float:left;
}

#header img {
float:left;
}

#header-inside {
width: 960px;
margin: 0 auto;
height:140px;
position:relative;
}



body > #container {
    position: relative;
	height:auto;
    min-height: 100%;
}

#content {
width:480px;
height:100%;
float:left;
position:relative;
margin-top:12px;
/*z-index:-1;*/
}

#content a {
}
#panel1, #panel2 {
width:240px;
float:left;
margin-top:24px;
}


.post {
/*z-index:-1;
*/
}
#page {
width:960px;
margin:0 auto;
padding-bottom:150px;
overflow:auto;
}

/* slider */

#s3slider {
   width: 960px; /* important to be same as image width */
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   margin:12px 0 0 0;
   padding:0;
/*   z-index:-1;
*/}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   height:320px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding:0;
   list-style-type:none;

}

#s3sliderContent {
margin:0;
padding:0;

}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   /*width: 374px;*/
   background-color: #000E3C;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
  /* top: 0;
*/
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 5px;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 320px !important;
/*	height: 280px; */
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}



/* menus */

/* again with the menu - these are the classes wordpress adds with wp_list_pages */

/* the outermost list item; contains whole list */
.pagenav { 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2px 0 0 0;
padding:0;
height:37px;
width:700px;
position:absolute;
float:right;
}

/* any Page item */
.page_item { /*
background-color:#E9E9E9;
border:1px solid #000e3c;*/
/*position:relative;
float:left;*/
text-align:center;
width:170px;
height:35px;
padding-bottom:2px;
text-shadow:#000 0px 2px 4px;

}

/* second level ul */
/*body.noJS li.page_item ul {
display: none; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}*/





/* second level ul hover */
body.noJS li.page_item:hover ul { 
/*display: block; 
margin:0;
padding:0;*/
 }
	
/* any link in menu */
li.page_item a {
padding-top:6px;
display:block;
height:31px;
text-transform:uppercase;
font-size:14px;
color:#dedede;
text-decoration:none;
}

/* second level li */
li.page_item ul li.page_item {
margin:0;
padding:0;
background-color:#000e3c;
height:28px;
}	   





/* Drop down li links */
li.page_item ul li a, li.page_item ul li a:link {
text-transform:none;
font-size:13px;
text-align:left;
text-indent:6px;
height:24px;
margin:0;
padding:4px 0 0 0;
}

li.page_item ul li, li.page_item ul  {
height:28px;
/*z-index:1;
*/}
/* hovered menu stlye */
li.page_item a:hover, li.page_item ul li a:hover {
color:#FFFFFF;
background-color:#41507C;
text-shadow:#000 0px 0px 2px;
cursor:
/*z-index:1;*/
} 

li.page_item ul li a:hpver {
height:28px;
}   
.page-item-2 { } /* item for Page ID 2 */

.current_page_item { } /* the current Page */

.current_page_parent { } /* parent of the current Page */
.current_page_ancestor { } /* any ancestor of the current Page */

/* 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 */


/* footer styles */
#footer {
width:100%;
background:transparent url(images/footerbar.png) repeat-x;
padding:0;
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
} 

#footer-links {
width:960px;
margin:0 auto;
}

#footer ul, ul.footerlinks{

padding:0;
float:left;
margin:0 16px;
display:inline;
color:#CCCCCC;
position:relative;
top:30px;
list-style-type:none;
}

 ul.footerlinks li, #footer li.pageitem {
 margin:0;
 padding:0;
 line-height:12px;
 text-align:left;
 width:auto;
 height:16px;
 }

#footer a, #footer a:link, #footer a:visited {
width:auto;
/*height:15px;
vertical-align:baseline;
*/text-transform:none;
margin:0;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
text-shadow:#000 0px -1px 2px;
background:transparent;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:none;
text-shadow:#000 0px 0px 2px;
}

textarea{
border: 1px solid grey;
width: 600px;
height: 190px;
}

#details{

padding:0;
display:inline;
color:#CCCCCC;
position:absolute;
text-align:center;
top:100px;

}