/*
Theme Name: OzoneBlue
Description: The Oxford School theme
Version: 1.2
Author: Techno Alliance India
Author URI: http://www.technoallianceindia.com/
*/

/*general layout*/
.left 
{float:left}
.right
{float:right}
.clear
{clear:both}

@font-face {
	font-family: 'ChantelliAntiquaRegular';
	src: url('fonts/Chantelli_Antiqua-webfont.eot');
	src: local('Chantelli Antiqua'), 
		url('fonts/Chantelli_Antiqua-webfont.woff') format('woff'),
		url('fonts/Chantelli_Antiqua-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TendernessRegular';
	src: url('fonts/Tenderness-webfont.eot');
	src: local('Tenderness Regular'), 
		url('fonts/Tenderness-webfont.woff') format('woff'),
		url('fonts/Tenderness-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body { 	margin:0;
	border:0;
	padding:0;
	font-family:sans-serif;
}

a{color:DarkOrange;text-decoration:none;}
a:visited{color:DarkOrchid;}
a:hover,a:focus{text-decoration:underline;}

h4{font-family:ChantelliAntiquaRegular;font-size:1.5em;padding:0 5px;text-align:justify;}

p {	color:Navy; 
	font-family:'TendernessRegular',"Maiandra GD",Cochin,"MgOpen Modata",sans-serif; 
	font-size:1.7em;
	line-height: 140%;
	padding:5px; 
	text-align:justify;
	text-indent:25px;
}

tr { vertical-align:top; }

/*************************** Ozone CSS ******************************/
.body-blue    { background-color: #009BD6;}
.body-green   { background-color: #84E900;}
.body-magenta { background-color: #D9005B;}
.body-orange  { background-color: #FF8500;}
.body-yellow  { background-color: #FFBF00;}


#wrapper
{
	width: 100em;
	height: auto;
	margin: 0 auto;
	padding-top: 0px;
	background: transparent url(images/re-box.png) repeat-y scroll 64.8em top;
}

#header
{
	background-color: transparent;
	width: 100em;
	height: 130px;
	margin: 0 auto;
	background: transparent url(images/header.png) no-repeat 25px 0;
}

#contact {
	font-family: ChantelliAntiquaRegular;
	font-size:small;
	padding-right:125px;
	padding-top:20px;
	text-align:right;
}

#rbox
{
	width: 29em;
	height: auto;
	background-color: transparent;
	float: right;
	margin: 0px;
	padding-right: 6.2em;
	/*margin-right: 62px; background-image: url(images/bottom.png);*/
}

#content
{
	width: 61.4em;
	height: auto;
	margin: 15px 0 30px ;
	padding-left:3em;
	float: left;
}
/*************************** Main Content Box ******************************/


#content-top
{
	width: 61.4em;
	height: 12px;
	background-image: url(images/boxtop.png);
}

#content-main
{
	width: 61.4em;
	min-height: 20em;
	padding-top:2px;
	background: transparent url(images/middlebrep.png) repeat-y;
}


#content-bottom
{
	width: 61.4em;
	height: 15px;
	background-image: url(images/bottombox.png);
}

#flashbox
{
	width:60em;
	height:250px;
	margin: 0.8em;
}

#featuredBox
{
	width: 60em;
	height: auto;
	margin: 0px 7.5px;
}

/*************************** Inbox Model ******************************/

.inboxtop
{
	height: 24px;
	background-image: url(images/inbox-top-mid.png);
	background-repeat: repeat-x;
}

.in-top-left
{
	width: 24px;
	height: 24px;
	float: left;
	background-image: url(images/inbox-top-sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.inbox-header
{
	float:left;
	font-family:inherit;
	font-size:1.4em;
	padding-top:3px;
}

.in-top-right
{
	width: 24px;
	height: 24px;
	float: right;
	background-image: url(images/inbox-top-sprite.png);
	background-position: -24px 0px;
	background-repeat: no-repeat;
}

.inboxmiddle
{
	min-height:13em;
	border-width: 0 1px;
	border-style: solid;
	border-color: #FFF #EEE;
	overflow:hidden;
}

.inboxbottom
{
	height: 16px;
	background-image: url(images/inbox-bot-mid.png);
	background-repeat: repeat-x;
}

.in-bot-left
{
	width: 16px;
	height: 16px;
	float: left;
	background-image: url(images/inbox-bot-sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.in-bot-right
{
	width: 16px;
	height: 16px;
	float: right;
	background-image: url(images/inbox-bot-sprite.png);
	background-position: -16px 0px;
	background-repeat: no-repeat;
}

/*************************** Inbox Customization ******************************/
#left_box, #right_box
{
	width:27em;
}
#left_box.inbox, #right_box.inbox 
{
	margin: 1.5em 0 0 2.5em;
	vertical-align:top;
}

#left_box .inboxmiddle, #right_box .inboxmiddle
{
	width:26.8em;
}
#big_box.inbox
{
	margin: 0 1.5em;
}

.headline
{
	width:auto;
	text-transform: capitalize;
	overflow:hidden;
}

#big_box .headline
{
	width:52.1em;
	overflow: hidden;
}

/*************************** Side Bar ******************************/

.rboxtop
{
	width: 29em;
	height: 47px;
	background-image: url(images/box.png);
}

.rboxin
{
	width: 29em;
	height: auto;
	min-height:460px;
	/* background-image: url(images/re-box.png); 
	background-repeat: no-repeat;*/
}

.bottomb
{
	width: 29em;
	height: 128px;
	background-image: url(images/re-box.png);
}

/*************************** Vertical Menu Bar ******************************/
.side-menu
{
	height: auto;
	width: 29em;
	text-align: center;
	margin-top: 0;
}

.side-menu ul {
	margin-bottom:0;
	margin-top:0;
	padding-left:0;
}

.side-menu li {
	width: 285px;
	text-transform:capitalize;
	padding: 4px;
	list-style: none;
	list-style-type: none;
	font-family: ChantelliAntiquaRegular,"Century Gothic", "Apple Gothic", sans-serif;
	font-size: 15px;
}
.side-menu .page_item.current_page_item {
	background: Khaki;
	width:278px;
}
.side-menu .page_item 
{
	background: transparent url(images/button.png) repeat-y 0 36px;
}

.side-menu li a
{
	color: steelBlue;
	text-shadow: 0 0 3px yellow;
	text-decoration: none;
}

.side-menu li a:hover, .side-menu .current_page_item  a
{
	color: brown;
	text-shadow: 0 0 3px red;
}

.side-menu .calendar_wrap
{
	padding-left: 30px;
}

.side-menu h4 {
	background-color:buttonface;
        color:maroon;
        font-size:18px;
        font-variant:small-caps;
        font-weight:normal;
        padding:10px 0 5px;
        text-align:center;
}
/*************************** Typography ******************************/


#big_box .headline h4
{
	text-align:center;
}

#credits
{
	padding-right:85px;
	padding-bottom:10px;
	font-size: 1em;
	font-family:arial;
	text-align:right;
}

/*************************** Wordpress Related ******************************/

.alignleft {float:left; margin-right:15px;}
.alignright {float:right; margin-left:15px;}

#navigation
{
	color: steelBlue;
	text-decoration: none;
	overflow: hidden;
	font-size:1.8em;
	text-transform: Uppercase;
}

#e404
{
	font-size: large;
	color: orange;
	padding: 0 auto;
	text-align: center;
}

.post p img,.archive .post p img,.search .post p img, .post dt img
 {
			padding:5px;
			box-shadow: black 2px 2px 5px;
	-webkit-box-shadow: black 2px 2px 5px;
	   -moz-box-shadow: black 2px 2px 5px;
}

#featuredBox ul
{
	list-style-image:url(images/arrow.gif);
	color:Navy; 
	font-size: 1.7em;
	padding: 0.5em 4em;
	font-family:'TendernessRegular',"Maiandra GD",Cochin,"MgOpen Modata",sans-serif; 
}

.shadow-box
{
	padding: 5px;
	background-color: wheat;
}

.front-thumb
{
	padding:3px;
	text-align:center;
}

.rows
{
	width: 555px;
	min-height: 130px;
}

.rows .text
{
	width: 430px;
	min-height: 110px;
	float: right;
}

.rows .image
{
	width : 120px;
	min-height: 110px;
	float: left;
}
.footerleft
{
color: white;
}