/*
Theme Name: Akademos
Theme URI: http://akademos.com/
Description: Theme for Akademos inc. web site
Version: 0.1
Author: Rybalka Andrey
Author URI: http://lama.od.ua/
Tags: fixed width
*/



				/* Main body */

a {
	color: red;
}

a img {
	border: none;
}

body {
	color: #333;
	background-color: #c3e7ef;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#emptytop {
	background-color: #86bbc9;
	height: 25px;
	margin: 0;
	padding: 0;
	
}

.prepage {
	background: #c3e7ef url('images/bg_grad.png') repeat-x;
	height: 100%;
	margin: 0;
	padding: 0 0 25px 0;
}

.page {
	background: #c0e5ef url('images/background.jpg') no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	min-height: 646px;
	height: 100%;
}

				/* Header */

.page #top20px {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100%;
	
}

.page #header {
	padding: 10px 0 5px 0;
	margin: 0 0 0 0;
	height: 60px;
	width: 100%;
	
	/*border: 1px solid black;*/
}

.page #header #top20px {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 100%;
	
}


.page #header #topmenu {
        font-family: "Arial";
        font-weight: bold;
        font-size: 7pt;
        color: #666766;
 	margin: 0 auto 0px;
	width: 791px;
	text-align: right;
        position: relative;
}

.page #header #topmenu a {
        color: #666766;
        text-decoration: none;
}

.page #header #topmenu a:hover {
        color: #ff0000;
        text-decoration: none;
}

.page #header #menubar {
	margin: 0 0 0 140px;
	/*padding: 0;*/
	float: left;
	/*width: 792px;*/
	width: 600px;
	/*height: 100%*/
	/*border: 1px solid black;*/
}


.page #header #menubar #logo {
	float: left;
        border: none;
	height: 43px;
	width: 107px;
}

.page #header #menubar #logo img {
        border: none;
}

.page #header #menubar #logo:visited {
    border: none;
}

.page #header #menubar #links {
	margin: 45px 0 0 7px;
	float: left;
}

.page #menubar #pagenav {
	width: 433px;
	height: 27px;
	float: left;
}

.page #menubar #pagenav #box {
	background: url('images/menu_bar.png') no-repeat left center;
	width: 433px;
	height: 27px;
	float: left;
	margin: 5px 0 0 7px;
	padding: 0;
	border: none;

	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	z-index: 1;
}

.page #menubar #pagenav #text {
	top: -27px;
	height: 27px;
	position: relative;
	width: 420px;
}

.page #menubar #pagenav #text ul {
	padding: 0;
	margin: 0 0 0 25px;

        font-family: "Arial";
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	list-style-type: none;

	z-index: 2;
	position: relative;
}

.page #menubar #pagenav #text li {
	text-align: left;
	float: left;
	text-decoration: none;
	margin: 6px 28px 0 0px;
}

.page_item a {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

.page_item a:visited {
	color: #000000;
}

.page_item a:hover {
	color: #ec2027;
	text-decoration: none;
}

.current_page_item a {
	color: #ff0000;
	text-decoration: none;
}

.current_page_item a:visited {
	color: #ff0000;
}

				/* Flash box */

.page #flashbox {
	background: url('images/flashbox.jpg') no-repeat center;
	margin: 0 auto;
	padding: 0;
	width: 791px;
	height: 227px;
	text-align: center;

	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
	z-index: 1;
}

.page #fbtext {
	height: 227px;

	z-index: 2;
	position: relative;
	margin-top: -227px;
}

				/* Yellow blocks */

.page #yellowblocks {
	margin: 8px auto 0;
	width: 804px;
        height: 78px;
	text-align: center;
}

.page #yellowblocks #block {
        width: 258px;
        height: 100%;
        position: relative;
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
}

.page #yellowblocks #block #bg {
        height: 100%;
        background: url('images/yellowblock.jpg') no-repeat;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: 1;
        position: relative;
}

.page #yellowblocks #block #text {
        font-family: "Arial";
        color: #666766;
        text-align: left;
        padding: 10px 15px 5px 15px;
	height: 78px;

        font-size: 10px;
        line-height: 11px;

	z-index: 2;
	position: relative;
	margin-top: -78px;
}

.page #yellowblocks #block #text #topic {
        font-size: 9pt;
        font-weight: bold;
}

.page #yellowblocks #block #text p {
        margin: 0;
        padding: 0;
}

.page #yellowblocks #block #text hr {
        color: #bbc2b6;
        background-color: #bbc2b6;
        border:none;
	margin: 6px 0;
	padding: 0;
        height:2px;
        clear:both;
}

				/* Green blocks */


.page #greenblocks {
	margin: 14px auto 0;
	width: 794px;
        height: 124px;
	text-align: center;
}

.page #greenblocks #block {
        width: 385px;
        height: 100%;
        position: relative;
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
}

.page #greenblocks #block #bg {
        height: 100%;
        background: url('images/greenblock.jpg') no-repeat;
	filter: alpha(opacity=28);
	-moz-opacity: 0.28;
	-khtml-opacity: 0.28;
	opacity: 0.28;
	z-index: 1;
        position: relative;
}

.page #greenblocks #block #text {
	height: 62px;
        width: 350px;
        float: left;

	z-index: 2;
	position: relative;
	margin-top: -124px;
        
        font-family: "Arial";
        color: #ffffff;

        font-size: 8pt;
        line-height: 9pt;
        text-align: left;

        padding: 10px 15px 5px 15px;
}

.page #greenblocks #block #text #vid {
	width: 350px;
}

.page #greenblocks #block #text #vid img {
	/*height: 100px;*/
	padding: 3px 0 20px 0;
	max-width: 100px;
	margin-top: 4px;
	margin-left: -5px;
	float: left;
	border: none;
}


.page #greenblocks #block #text #vid #vidtext {
	width: 240px;
        float: left;
	margin-left: 15px;
	margin-top: -5px;
}

.page #greenblocks #block #text #vid #vidtext #vidheader {
	font-size: 10pt;
	line-height: 100%;
	font-style: italic;
	margin-bottom: 5px;
}

.page #greenblocks #block #text #vid #vidtext #vidrest {
}


.page #greenblocks #block #text #topic {
        font-size: 9pt;
        font-weight: bold;
        margin-bottom: 3px;
}

.page #greenblocks #block #text p {
        margin: 0;
        padding: 0;
}

.page #greenblocks #block #learnmore {
	background: url('images/learnmore.png') no-repeat right;

        font-family: "Arial";
        top: -34px;
        right: 12px;
        width: 60px;
        float: right;
        position: relative;
        font-size: 7pt;
        font-weight: bold;
	padding:0 14px 2px 0;

	z-index: 2;
}

.page #greenblocks #block #learnmore a {
        color: #ffffff;
        text-decoration: none;
}

.page #greenblocks #block #learnmore a:hover {
        color: #ff4444;
        text-decoration: none;
}

.page #greenblocks #block #learnmore img {
        border: none;
}

				/* Footer */

.page #footer {
        font-family: "Arial";
        font-weight: bold;
        font-size: 8pt;
        color: #666766;
 	margin: 14px auto 40px;
	padding-left: 30px;
	width: 791px;
	text-align: left;
}

.page #footer a {
        color: #666766;
        text-decoration: none;
}

.page #footer a:hover {
        color: #ff0000;
        text-decoration: none;
}


				/* Main page */


.page #pagetext {
	width: 100%;
	text-align: center;
}

.page #pagetext #leftblock {
	float: left;
	text-align: left;
	width: 628px;
	min-height: 400px;
	margin-left: 120px;
}

.page #pagetext #leftblock #pagetop {
	background: url('images/maintop.png') no-repeat;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	height: 17px;
	

	/*border: 1px solid black;*/
}
.page #pagetext #leftblock #pagemiddle {
	width: 100%;
	min-height: 385px;
	background-color: #ffffff;
	margin: 0;
}

.page #pagetext #leftblock #pagemiddle #text {
	padding: 1px 45px 60px 45px;
	font-family: "Arial";
	font-size: 9pt;
	line-height: 11pt;

}

.page #pagetext #leftblock #pagemiddle #text #schoolvid {
	font-size: 12pt;
}

.page #pagetext #leftblock #pagemiddle #text #schoolvid #video {
	text-align: center;
}

.page #pagetext #leftblock #pagemiddle #text #schoolvid #schoolheader {
	font-style: italic;
	color: #8888aa;
	text-align: right;
	margin: 3px;
}

.page #pagetext #leftblock #pagemiddle #text #schoolvid #schooltext {
	text-align: right;
	margin: 0 0 50px 0;
	font-size: 10pt;
}

.page #pagetext #leftblock #pagemiddle #text strong {
	color: #f00;
}

.page #pagetext #leftblock #pagebottom {
	background: url('images/mainbottom.png') no-repeat;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	

}

.page #pagetext #rightblock {
	float: left;
	text-align: left;
	width: 145px;
	min-height: 400px;
	height: 100%;
	margin-left: 10px;
}

.page #pagetext #rightblock #beyond {
	width: 157px;
	height: 224px;
}

.page #pagetext #rightblock #beyond #box {
	background: url('images/beyond.png') no-repeat;
	width: 100%;
	height: 100%;
	
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: 1;
        position: relative;
}

.page #pagetext #rightblock #beyond #text {
	width: 136px;
	height: 224px;
	top: -224px;
	position: relative;
	z-index: 2;
	padding: 11px 11px 11px 11px;
	
	font-family: "Arial";
	font-size: 7pt;
	font-weight: bold;
	letter-spacing: 0px;

	color: #000000;
	
}

.page #pagetext #rightblock #beyond #text h1 {
	font-size: 8pt;
	color: #e64636;
	font-weight: bold;
	line-height: 12px;
	margin: 0 0 5px 0;
	padding: 0;
}

.page #pagetext #rightblock #beyond #text form {
	margin-top: 7px;
}

.page #pagetext #rightblock #beyond #text input {
	width: 130px;
	height: 14px;
	margin: 1px 0 1px 0;
	padding: 0;
	font-size: 7pt;
	border: none;
}

.page #pagetext #rightblock #beyond #text #getstarted {
	background: url('images/getstarted.png') no-repeat right;

        float: right;
	margin-right: 0px;
	margin-top: 13px;
	padding: 0 1px 0 0;
	width: 63px;
        font-size: 7pt;
        font-weight: bold;
}
.page #pagetext #rightblock #beyond #text #getstarted a {
        color: #000000;
        text-decoration: none;
}
.page #pagetext #rightblock #beyond #text #getstarted a:hover {
        color: #ff4444;
        text-decoration: none;
}

.page #pagetext #rightblock #green {
	margin: 6px 0 10px 0;
	width: 157px;
	height: 115px;
}
	
.page #pagetext #rightblock #green #pagetop {
	background: url('images/greentop.png') no-repeat;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	height: 5px;
	

	filter: alpha(opacity=28);
	-moz-opacity: 0.28;
	-khtml-opacity: 0.28;
	opacity: 0.28;
	z-index: 1;
        position: relative;
}
.page #pagetext #rightblock #green #pagemiddle {
	width: 100%;
	height: 145px;
	background-color: #567c3a;
	margin: 0;

	filter: alpha(opacity=28);
	-moz-opacity: 0.28;
	-khtml-opacity: 0.28;
	opacity: 0.28;
	z-index: 1;
        position: relative;
}

.page #pagetext #rightblock #green #pagebottom {
	background: url('images/greenbottom.png') no-repeat;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	height: 5px;

	filter: alpha(opacity=28);
	-moz-opacity: 0.28;
	-khtml-opacity: 0.28;
	opacity: 0.28;
	z-index: 1;
        position: relative;
}



.page #pagetext #rightblock #green #text {
        font-family: "Arial";
        color: #ffffff;

        font-size: 11px;
        line-height: 12px;
        text-align: left;
        top: -155px;
	padding: 15px 10px 5px 12px;
	height: 95px;
	
        width: 135px;
        position: relative;

	z-index: 2;
}

.page #pagetext #rightblock #green #text #topic {
        font-size: 8pt;
        font-weight: bold;
        margin-bottom: 3px;
}

.page #pagetext #rightblock #green #learnmore {
	background: url('images/learnmore.png') no-repeat right;
	
        font-family: "Arial";
        top: -135px;
        right: 7px;
/*        width: 55px;*/
        float: right;
        position: relative;
        font-size: 7pt;
        font-weight: bold;
	padding:0 14px 2px 0;

	z-index: 2;
}

.page #pagetext #rightblock #green #learnmore a {
        color: #ffffff;
        text-decoration: none;
}

.page #pagetext #rightblock #green #learnmore a:hover {
        color: #ff4444;
        text-decoration: none;
}

.page #pagetext #leftblock #blogmiddle {
	width: 100%;
	min-height: 440px;
	background-color: #ffffff;
	margin: 0;
	padding: 20px 0 0 0;
}

.page #pagetext #leftblock #blogmiddle #blogpost {
        font-family: "Arial";
	width: 580px;
	margin: 0;
	font-size: 9pt;
	padding: 10px 30px 10px 30px;
	/*border: 1px solid black;*/
}

.page #pagetext #leftblock #blogmiddle #blogpost strong {
 color: #f00;
}

.page #pagetext #leftblock #blogmiddle #blogpost #topic {
        font-family: "Arial";
	width: 100%;
	font-weight: bold;
	color: #333355;
	font-size: 18pt;
	margin: 0;
	padding: 0;
}

.page #pagetext #leftblock #blogmiddle #blogpost #timestamp {
        font-family: "Arial";
	width: 100%;
	padding: 0;
	color: #bbbbbb;
	font-size: 10pt;
	text-align: right;
}


.page #pagetext #leftblock #blogmiddle #blogpost hr {
        color: #dddddd;
        background-color: #dddddd;
        border:none;
	/*margin: 6px 0;*/
	padding: 0;
        height:1px;
        clear:both;
}



.clear {
	clear: both;
}