/************************
 
 * MASTER STYLESHEET 
 * SOFE
 * 2008-10-20
 * By High Graphics
 
 * Colors used:
 * 
 
************************/

/*********************
	HTML
*********************/

body {
	width: 850px;
	margin: 0 auto;
	font: 11px "Helvetica", Arial, Verdana, sans-serif;
	color: #7F7F7F;
	line-height: 160%;
	background: #F4F4F4;
}

* {
	margin: 0px;
	padding: 0px;
}

p, blockquote, em, strong, cite, del, ins, sup, sub, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/*********************
	UNIQUE ID's
*********************/

#wrapper {
	margin: 40px 0 0 0;
}

#top_menu {
	float: left;
	width: 850px;
	w\idth: 790px;
	height: 21px;
	margin: 0 30px 0 30px;
}

#promo_window {
	float: left;
	width: 850px;
	height: 240px;
	margin: 0 0 20px 0;
	background: url(promowin_bg.png) no-repeat;
	z-index: 0;
}

.promo_buttons {
	float: left;
	width: 30px;
}

#promo_frame {
	float: left;
	width: 790px;
	margin: 10px 0 0 0;
}

#promo_scroller {
	float: left;
	width: 790px;
	overflow: hidden;
}

#promo_content {
	float: left;
	width: 5544px;
}

.promo_section {
	float: left;
	width: 790px;
}

#wrapper_content {
	float: left;
	margin: 30px 0 0 0;
}

#content {
	float: left;
	width: 660px;
	w\idth: 620px;
	padding: 0 20px;
}

#content_wide {
	float: left;
	width: 660px;
	w\idth: 630px;
	padding: 0 20px 0 10px;
}

#main_menu {
	float: left;
	width: 180px;
}

#main_sidebar {
	float: left;
	width: 210px;
}

#main_content {
	float: right;
	width: 370px;
	w\idth: 390px;
	margin: 0 0 0 20px;
}

#footer {
	width: 810px;
	w\idth: 810px;
	color: #A0A0A0;
	margin: 20px 0 0 0;
	padding: 0 20px;
}

/*********************
	CLASS ID's
*********************/

.sidebar_box_top {
	width: 210px;
	w\idth: 180px;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(sidebar_box_top.png) #ae1622 no-repeat left top;
	padding: 12px 15px 7px 15px;
}

.sidebar_box {
	width: 210px;
	color: #F4F4F4;
	background: url(sidebar_box_bottom.png) #ae1622 no-repeat left bottom;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
}

.article_bar {
	width: 350px;
	w\idth: 370px;
	height: 28px;
	background: url(articlebar_bg.png) no-repeat;
	line-height: 280%;
	margin: 0;
	padding: 0 10px;
}

.article_bar_wide {
	width: 600px;
	w\idth: 620px;
	height: 28px;
	background: url(articlebar_wide_bg.png) no-repeat;
	line-height: 280%;
	margin: 0 0 0 10px;
	padding: 0 10px;
}

.promo_cell_left {
	float: left;
	width: 450px;
}

.promo_cell_right {
	float: left;
	width: 340px;
	w\idth: 310px;
	height: 180px;
	margin: 0;
	padding: 15px;
	overflow: hidden;
}

.gallery_body {
	float: left;
	width: 232px;
	w\idth: 232px;
	margin: 0 20px 0 0px;
}

.gallery_imgs {
	float: left;
	width: 378px;
	w\idth: 378px;
	margin: 0;
}

.showreel_body {
	float: left;
	width: 620px;
	w\idth: 620px;
	margin: 0 0 0 10px;
}

.gallery_thumbcell {
	float: left;
	width: 116px;
	w\idth: 116px;
	margin: 10px 0 0 10px;
}

.gallery_thumbcell_small {
	float: left;
	width: 116px;
	w\idth: 116px;
	margin: 10px 10px 0 0;
}

.gallery_thumbcell_big {
	float: left;
	width: 390px;
	w\idth: 390px;
	margin: 10px 0 10px 0;
}

.clear {
	clear: both;
}

/*********************
	TYPOGRAPHY
*********************/

h1 {
	
}

h2 {
	font: 30px "Georgia", Times New Roman, Times, serif;
	letter-spacing: -1px;
	color: #ae1622;
	margin: 0 0 2px 0;
	padding: 0;
	line-height: 100%;
}

h2.gallery {
	margin: 0 0 2px 10px;
}


h3 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #484848;
	margin: 0 0 2px 0;
}

#footer h3 {
	font-size: 14px;
	color: #C1C1C1;
}

h4 {
	font-size: 20px;
	letter-spacing: -1px;
	margin: 5px 0 8px 0;
	color: #484848;
}

h5 {
	font-size: 13px;
	letter-spacing: -1px;
	margin: 5px 0 0 0;
}

h6 {
	font-size: 16px;
	font-weight: normal;
	margin: 4px 0 2px 0;
	padding: 0;
	line-height: 100%;
}


blockquote {
	font: 16px "Georgia", Times New Roman, Times, serif;
	margin: 0 10px 0 10px;
	padding: 0;
	line-height: 120%;
}

#main_content .article_bar p, #content_wide .article_bar_wide p {
	display: inline;
	margin: 0 14px 0 0;
}

.article_bar p.date, .article_bar_wide p.date, .article_bar p.meta_blogg {
	color: #7F7F7F;
	font-style: italic;
}

.article_bar p.facebook, .article_bar p.delicious, .article_bar p.digg, .article_bar_wide p.facebook, .article_bar_wide p.delicious, .article_bar_wide p.digg {
	color: #C1C1C1;
	padding: 0 0 0 16px;
}	

.article_bar p.facebook, .article_bar_wide p.facebook {
	background: url(icon_fb.png) no-repeat left top;
}

.article_bar p.delicious, .article_bar_wide p.delicious {
	background: url(icon_delicious.png) no-repeat left top;
}

.article_bar p.digg, .article_bar_wide p.digg {
	background: url(icon_digg.png) no-repeat left top;
}

#main_content p {
	margin: 6px 0 10px 0;
}

#content_wide p {
	margin: 6px 0 5px 10px;
}

.sidebar_subtitle {
	display: block;
	color: #777777;
}

.sidebar_box p {
	margin: 0 15px;
}

p.read_more {
	text-align: right;
	line-height: 100%;
	margin: 0;
}

.promo_cell_right p {
	font-size: 13px;
	line-height: 150%;
}

span.gallery_thumbtext {
	float: left;
	margin: 4px 0 0 0;
	padding: 0;
}

h5.student_name {
	color: #484848;
	display: inline;
	letter-spacing: 0;
	font-size: 13px;
	margin: 0 0 5px 0;
	line-height: 100%;
}

span.student_cell p {
	
}

#footer a {
	color: #C1C1C1;
	text-decoration: none;
}

#footer a:hover {
	color: #A0A0A0;
	text-decoration: underline;
}


/*********************
	SPAN CLASSES
*********************/

.promo_window_leftbtn a, .promo_window_rightbtn a {
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	z-index: 20;
}

.promo_window_leftbtn a {
	float: left;
	margin: 106px 0 0 6px;
	background: url(promowin_leftbutton.png) left top no-repeat;
}

.promo_window_rightbtn a {
	float: right;
	margin: 106px 6px 0 0;
	background: url(promowin_rightbutton.png) left top no-repeat;
}

.promo_window_leftbtn a:hover, .promo_window_rightbtn a:hover {
	background-position: left bottom;
}

.promo_window_leftbtn em, .promo_window_rightbtn em {
	display: none;
}

.footer_top, .footer_bottom {
	float: left;
	display: block;
	width: 810px;
	w\idth: 795px;
}

.footer_top {
	padding: 15px 15px 0 0;
	margin: 10px 0 0 0;
	background: url(footer_top.png) left top no-repeat #484848;
}

.footer_bottom {
	height: 15px;
	padding: 0 15px 15px 0;
	background: url(footer_bottom.png) left top no-repeat;
}

.content_spacer {
	display: block;
	background: url(content_spacer.png) left bottom no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 8px 0;
}

span.student_cell {
	float: left;
	width: 100%;
	padding: 0;
	margin: 10px 0 0 0;
}

span.footer_cell {
	float: left;
	width: 168px;
	w\idth: 183px;
	margin: 0 0 0 15px;
	padding: 0;
}


/*********************
	IMG CLASSES
*********************/

#main_sidebar img {
	margin: 0 0 10px 0;
	border: 0px;
}

#main_content img {
	border: 0px;
}

#main_content p img {
	float: left;
	margin: 3px 10px 1px 0;
	border: 0px;
}

.top_img {
	float: right;
	display: block;
	margin: 0 0 15px 0;
}

.blogg_share {
	display: inline;
	padding: 0px 10px 0 0;
	border: 0px;
}

.student_cell img {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

/*********************
	LISTS
*********************/

ul {
	margin: 0 0 0 20;
	padding: 0;
}

li {
	margin: 0 0 0 20px;
	padding: 0;
}


/*********************
	LIST MAIN NAV
*********************/

#main_menu ul {
	width: 170px;
	margin: 0 0 14px 0;
    padding: 0;
}

#main_menu ul li {
	list-style: none;
	font-size: 11px;
	font-style: bold;
	margin: 0;
	line-height: 180%;
}

#main_menu ul li a strong {
	color: #000;
}

#main_menu ul li a {
	display: block;
	color: #7F7F7F;
	padding: 0 0 0 6px;
}

#main_menu ul li a:hover {
	color: #484848;
	background: #EAEAEA;
	text-decoration: none;
}

/*********************
	LIST TOP NAV
*********************/

ul#top_nav {
	float: right;
	margin: 0;
	width: 276px;
	height: 42px;
    padding: 0;
}

ul#top_nav li {
	list-style: none;
	float: left;
	width: 90px;
	height: 21px;
	margin: 0 0 0 2px;
	line-height: 210%;
}

ul#top_nav li a {
	display: block;
	height: 21px;
	background: url(topmenu_button.png) left top no-repeat;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

ul#top_nav li a:hover {
	background-position: left bottom;
	text-decoration: none;
	font-weight: bold;
}

ul#top_nav li em {
	display: none;
}

/*********************
	LISTS PROMOWIN
*********************/

#toolbar {
	float: left;
	width: 300px;
	color: #fff;
	display: none;
}

ul.navigation {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.navigation li {
	float: left;
	padding: 0 20px 0 0;
}

ul.navigation li a, ul.navigation li a:link {
	float: left;
	color: #C1C1C1;
}

ul.navigation li a:hover {
	text-decoration: none;
	color: #7F7F7F;
}

ul.navigation li.active {
	color: #7F7F7F;
	text-decoration: underline;
}

ul.navigation li.inactive {
	text-decoration: none;
	color: #C1C1C1;
}

/*********************
	LIST SIDEBAR LINKS
*********************/

.sidebar_box ul {
	width: 190px;
	margin: 0 10px 0 10px;
    padding: 1px 0 0 0;
	background: url(sidebar_spacer.png) left top no-repeat;
}

.sidebar_box ul li {
	list-style: none;
	font-size: 11px;
	margin: 0;
	padding: 0 0 1px 0;
	line-height: 150%;
	background: url(sidebar_spacer.png) left bottom no-repeat;
}

.sidebar_box ul li a {
	display: block;
	color: #fff;
	padding: 6px 0 5px 5px;
}

.sidebar_box ul li a:hover {
	color: #666666;
	background: #9c141f;
	text-decoration: none;
}


/*********************
	FORMS
*********************/

/*********************
	FORMS (ZEM FORM)
*********************/

#student_login {
	width: 168px;
	margin: 0;
	padding: 0;
}

#student_login fieldset {
	float: left;
	width: 168px;
	margin: 0;
	border: 0;
}

#student_login legend {
	border: 0px;
	visibility: hidden;
	line-height: 0%;
	margin: 0;
}

#student_login input.textfield {
	float: left;
	width: 170px;
	font-size: 10px;
	margin: 0 0 6px 0;
	padding: 2px 3px 2px 3px;
	color: #424242;
	border: 1px solid #A0A0A0;
}

#student_login .login_btn {
	float: left;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 9px;
	color: #424242;
	background: #D7D7D7;
	margin: 3px 2px 0 0;
	padding: 0;
	border: 0px;
}

/*********************
	LINKS
*********************/

a {
	color: #A84A29;
	text-decoration: none;
}

a:visited {
	color: #A84A29;
}

a:hover {
	color: #A84A29;
	text-decoration: underline;
}

a:active {
	color: #A84A29;
}

.article_bar a, .article_bar_wide a {
	color: #C1C1C1;
}

.article_bar a:hover, .article_bar_wide a:hover {
	color: #484848;
}