/*
Theme Name: GIBS
Theme URI: http://www.gibs.at
Description: Wordpress Theme
Version: 1.0
Author: Thiemo Gillissen & Joris Rigerl
Author URI: http://thiemogillissen.com
*/

/*
Grundform - Kommunikationsdesign
Copyright. Alle Rechte vorbehalten.
*/


/* Reset */

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

body{
	font-family: Helvetica, Arial, sans-serif;
	/* background: url(http://static.tumblr.com/l3dtuf9/saLldfw4i/background.png) #f0f0f0; */
	background: #ccc;
	background: url(images/texture.png) #f0f0f0;
	color: #303030;
	font-size: 13px;
	min-width: 1024px;
	-webkit-font-smoothing: antialiased;
}

.invisible{
	position: absolute;
	left: -99999em;
	top: -99999em;
}

.hidden{ display: none; }
.clear{ clear: both; }

@font-face {
	font-family: 'BitstreamVeraSansRoman';
	src: url('fonts/Vera-webfont.eot');
	src: local('☺'), url('fonts/Vera-webfont.woff') format('woff'), url('fonts/Vera-webfont.ttf') format('truetype'), url('fonts/Vera-webfont.svg#webfontftWjTvSp') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BitstreamVeraSansBold';
	src: url('fonts/Vera-Bold-webfont.eot');
	src: local('☺'), url('fonts/Vera-Bold-webfont.woff') format('woff'), url('fonts/Vera-Bold-webfont.ttf') format('truetype'), url('fonts/Vera-Bold-webfont.svg#webfonto0ic7Fse') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Wrapper */

div#wrapper{
	width: 988px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 8px #888;
	-moz-box-shadow: 0 0 8px #888;
	-o-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	background: #fff;
}

/* Header */

div#header{
	width: 988px;
	height: 115px;
	background: url(images/header.png) left top no-repeat;
	position: relative;
}

div#header h1{
	top: 32px;
	left: 115px;
	position: absolute;
	font-family: BitstreamVeraSansRoman, sans-serif;
	font-size: 16px;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	color: #000;
}

div#header h1 em{
	display: block;
	font-style: normal;
	font-size: 18px;
	text-shadow: 0 1px 1px white;
}

div#header span{
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

/* Language Switcher*/


div#language ul li a:link, div#language ul li a:visited{
	color: #444;
	text-decoration: none !important;
}

div#language ul li a:hover, div#language ul li a:active, div#language ul li a:focus{
	color: #000;
	text-decoration: underline !important;
}

/* Language Switcher */

div#lang{
	width: 988px;
	margin: 0 auto;
	position: relative;
}

div#lang_sel_list{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 120px;
	text-align: center;
	font-size: 12px;
}

div#lang_sel_list ul {
	width: 120px;
}

div#lang_sel_list ul li{
	display: inline;
	list-style-type: none;
	padding-left: 3px;
	width: 120px;
}

div#lang_sel_list ul li a.lang_sel_sel{ font-weight: bold;}



/* Navigation */

div#navigation{
	margin: 5px 0 0;
}

div#navigation ul li{
	list-style-type: none;
}

div#navigation ul li a:link, div#navigation ul li a:visited{
	display: block;
	width: 120px;
	height: 20px;
	float: left;
	margin: 0 0 0 4px;
	padding: 5px 0 0;
	background: #e8e8e8;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
	text-decoration: none;
}

div#navigation ul li a:hover, div#navigation ul li a:active, div#navigation ul li a:focus{
	background: #303030;
	color: #fff;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
}

div#navigation ul li:first-child a{
	margin: 0;
}

div#navigation ul li.current_page_item a:link, div#navigation ul li.current_page_item a:visited, 
div#navigation ul li.current_page_parent a:link, div#navigation ul li.current_page_parent a:visited,
div#navigation ul li.current-page-ancestor a:link, div#navigation ul li.current-page-ancestor a:visited{
	background: #303030;
	color: #fff;
}

div#navigation ul li.current_page_item a:hover, div#navigation ul li.current_page_item a:active, div#navigation ul li.current_page_item a:focus,
div#navigation ul li.current_page_parent a:hover, div#navigation ul li.current_page_parent a:active, div#navigation ul li.current_page_parent a:focus,
div#navigation ul li.current-page-ancestor a:hover, div#navigation ul li.current-page-ancestor a:active, div#navigation ul li.current-page-ancestor a:focus{
	background: #303030;
	color: #fff;
}

div#navigation-clear{
	clear: both;
	height: 5px;
	background: #303030;
}


/* Bar */

div#bar{
	background: #545454;
	height: 20px;
	padding: 5px 15px 0;
	color: #bbb;
	font-size: 12px;
	font-weight: bold;
}

/* Breadcrums */

div#breadcrums{
	display: inline;
}

div#breadcrums a:link, div#breadcrums a:visited{
	color: #eee;
	text-decoration: none;
}

div#breadcrums a:hover, div#breadcrums a:active, div#breadcrums a:focus{
	color: #fff;
}

div#lastchange{
	float: right;
}

div#lastchange span{
	color: #eee;
}

/* Container */

div#container{
	float: left;
	background: url(images/sidebar.png) left top repeat-y;
}

div#container.single{
	background: none !important;
}

/* Sidebar */

div#sidebar{
	width: 230px;
	float: left;
	padding: 0 10px 10px;
}

div#social{
	margin: 10px 0;
}

div#social ul li{
	list-style-type: none;
}

div#social ul li a{
	display: block;
	float: left;
	width: 57px;
	height: 30px;
	padding: 6px 5px 0;
	text-align: left;
	background: #e0e0e0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
	box-shadow: 0 0 2px #888;
	border: 1px solid #fff;
	box-shadow: 0 0 2px #888;
}

div#social ul li a#social-rss{
	background: url(images/rss.png) right top no-repeat #e0e0e0;
	margin: 0 5px 0 0;
}

div#social ul li a#social-facebook{
	background: url(images/facebook.png) right top no-repeat #e0e0e0;
	margin: 0 5px 0 5px;
}

div#social ul li a#social-twitter{
	background: url(images/twitter.png) right top no-repeat #e0e0e0;
	margin: 0 0 0 5px;
}

div#social ul li a:link, div#social ul li a:visited{
	font-weight: bold;
	color: #111;
	text-decoration: none;
	font-size: 11px;
	-webkit-transition: all .2s ease-in-out;
}

div#social ul li a:hover, div#social ul li a:active, div#social ul li a:focus{
	color: #c32228;
	-webkit-box-shadow: 0 0 3px #888;
}

div#social ul li a span{
	display: block;
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

/* Post Sidebar */

div#post-sidebar{
	width: 230px;
	float: right;
	padding: 0 10px 10px;
}



/* Notifications */

div.notification{
	background: #fff;
	padding: 5px 7px;
	margin: 4px 0 6px;
	font-size: 11px;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.notification h3{
	font-size: 13px !important;
	font-weight: bold !important;
	color: #222 !important;
	margin: 2px 0 3px !important;
	border-bottom: none !important;
	font-family: Helvetica, Arial, sans-serif !important;
}

div.notification a:link, div.notification a:visited{
	color: #333;
	text-decoration: underline;
}

div.notification a:hover, div.notification a:active, div.notification a:focus{
	color: #000;
	text-decoration: underline;
}

div.twtr-ft, div.twtr-hd, a.twtr-reply { display: none; }
div.twtr-bd p {font-family: Arial, Helvetica, sans-serif;}
div.twtr-doc, div.twtr-tweets {width: 230px;}
div.twtr-tweet-wrap {padding: 0;}

/* Menu Level 1 */

div.menu{
	margin: 5px 0 0;
}

ul.menu li{
	list-style-type: none;
}

ul.menu li a:link, ul.menu li a:visited{
	display: block;
	width: 216px;
	height: 18px;
	margin: 2px 0;
	padding: 4px 7px 0;
	background: #c32228;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}


ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus{
	background: #9B000F;
	color: #fff;
}

ul.menu li.current-menu-item a:link, ul.menu li.current-menu-item a:visited,
ul.menu li.current-cat a:link, ul.menu li.current-cat a:visited,
ul.menu li.current-menu-parent a:link, ul.menu li.current-menu-parent a:visited{
	background: #9B000F;
	color: #fff;
}

ul.menu li.current-menu-item a:hover, ul.menu li.current-menu-item a:active, ul.menu li.current-menu-item a:focus,
ul.menu li.current-cat a:hover, ul.menu li.current-cat a:active, ul.menu li.current-cat a:focus,
ul.menu li.current-menu-parent a:hover, ul.menu li.current-menu-parent a:active, ul.menu li.current-menu-parent a:focus{
	background: #9B000F;
	color: #fff;
}

ul#menu-news li.current-cat a{
    background: #9B000F url(images/active.png) 212px center no-repeat !important;
}

/* Menu Level 2 */

ul.menu li ul{
    margin: 3px 0 10px;
}

ul.menu li ul li{
	list-style-type: none;
	border-top: 1px dotted #c32228;
}

ul.menu li ul li:first-child{
	border-top: none;
}

ul.menu li ul li a:link, ul.menu li ul li a:visited{
	display: block;
	width: 216px;
	height: 14px;
	margin: 2px 0;
	padding: 4px 7px 2px;
	background: transparent !important;
	color: #9B000F !important;
}

ul.menu li ul li a:hover, ul.menu li ul li a:active, ul.menu li ul li a:focus{
    color: #000 !important;
    background: #fff !important;
    outline: none;
}

ul.menu li ul li.current-menu-item a:link, ul.menu li ul li.current-menu-item a:visited{
    background: #c32228 url(images/active.png) 212px center no-repeat !important;
	color: #fff !important;
}

ul.menu li ul li.current-menu-item a:hover, ul.menu li ul li.current-menu-item a:active, ul.menu li ul li.current-menu-item a:focus{
	cursor: default;
}


/* Content */

div#content{
	width: 708px;
	min-height: 300px;
	float: left;
	padding: 0 15px 10px;
	color: #333;
	font-size: 13px;
}

div#content.full{
	width: 960px !important;
}

div#content p, div#fourohfour p, .textwidget p{
	line-height: 16px;
	margin: 10px 0;
}

div#content a:link, div#content a:visited,
div#fourohfour a:link, div#fourohfour a:visited,
.reveal-modal a:link, .reveal-modal a:visited {
	color: #000;
	text-decoration: underline;
	-webkit-transition: color 150ms ease-in-out;
}

div#content a:hover, div#content a:active, div#content a:focus,
div#fourohfour a:hover, div#fourohfour a:active, div#fourohfour a:focus,
.reveal-modal a:hover, .reveal-modal a:active, .reveal-modal a:focus{
	color: #c32228;
	text-decoration: underline;
}


.ui-tabs-panel div ul li{
	list-style-type: disc !important;
	margin: 2px 0 1px 22px !important;
}


div.subpage{

}

span.clicktoopen, span.clicktoclose{
	float: right;
	color: #888;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

span.clicktoclose{
	display: none;
}

div#content ul{
	margin: 8px 0 10px;
}

div#content ul li{
	list-style: none;
	padding: 3px 0 3px 15px;
	background: url(images/arrow.gif) left 6px no-repeat;
	line-height: 1.4;
	color: #333;
}

div#content ol li{
	margin: 3px 0 5px 25px;
	line-height: 1.4;
	color: #333;
}

/* */

div#container h2{
	font-family: Georgia, Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #c32228;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 8px;
}

div#container h3{
	font-family: Georgia, Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #c32228;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 8px;
}


div#container h3 a:link, div#container h3 a:visited{
	font-family: Georgia, Times, serif;
	font-size: 15px;
	font-weight: normal;
	color: #c32228;
	text-decoration: none;
}

div#container h3 a:hover, div#container h3 a:active, div#container h3 a:focus{
	color: #941A1E;
	text-decoration: none;
}

div.post{
	width: 328px;
	height: 170px;
	float: left;
	padding: 10px 17px 10px 9px;
	overflow: hidden;
}

div.post h3{
	border-bottom: none !important;
}

div.post h3 a:link, div.post h3 a:visited{
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
	font-weight: bold !important;
	color: #333 !important;
	text-decoration: none;
	border: none !important;
	display: block;
	margin: 2px 0 1px !important;
}

div.post h3 a:hover, div.post h3 a:active, div.post h3 a:focus{
	color: #000;
	text-decoration: none;
}

/* Pagination */

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 13px;
}
 
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none !important;
	width: auto;
	color: #333;
	background: #e3e3e3;
	text-shadow: 0px 1px 0px #fff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 0px #ccc;
	-webkit-transition: all 150ms ease-in-out;
}
 
.pagination a:hover{
	color: #fff !important;
	background: #C32228;
	text-shadow: 0px -1px 0px #7B000F;
	-webkit-box-shadow: 0px 2px 0px #9B000F;
}
 
.pagination .current{
	padding: 6px 9px 5px 9px;
	background: #555;
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	-webkit-box-shadow: 0px 2px 0px #222;
}

/* Featured Posts on Home */

ul#featured-slider li.featured {
	background: none;
	margin: 0px;
	padding: 0px;
}

div#featured-slider-wrapper {
	overflow: hidden;
	height: 180px;
	width: 708px;
	position: relative;
}

div.featured-wrapper {
	display: block;
	background: #f0f0f0;
	padding: 10px 15px;
	margin: 5px 0;
	height: 150px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 678px;
	/*
	-webkit-box-shadow: #aaa 0px 1px 2px;
	-moz-box-shadow: #aaa 0px 1px 2px;
	box-shadow: #aaa 0px 1px 2px;
	*/
}

div.featured-wrapper h3{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

div.featured-wrapper h3 a:link, div.featured-wrapper h3 a:visited{
	color: #000 !important;
	font-size: 25px !important;
	border: none !important;
	display: block;
	margin: 3px 0 5px !important;
	padding: 2px 0 0 0 !important;
}

div.featured-wrapper h3 a:hover, div.featured-wrapper h3 a:active, div.featured-wrapper h3 a:focus{
	color: #C32228 !important;
}

div.featured-wrapper em a:link, div.featured-wrapper em a:visited{
	font-size: 10px;
	text-transform: uppercase;
	color: #C32228 !important;
	display: inline;
	font-style: normal;
	font-weight: bold;
	text-decoration: none !important;
}

div.featured-wrapper em a:hover, div.featured-wrapper em a:active, div.featured-wrapper em a:focus{
	color: #000 !important;
}


div.featured-wrapper img.wp-post-image{
	float: right;
	border: none;
	padding: 4px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	margin: 3px 3px 15px 15px;
}

#featured-slider-wrapper div#featured-slider-controls a {
	height: 16px !important;
	width: 16px !important;
	margin-right: 5px !important;
	text-indent: -99999em !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	background: url(images/circle-button.png) left top no-repeat !important;
}


/* Recent */

div#home-recent{
	margin: 10px 0 0 0;
}

em.home-cat a:link, em.home-cat a:visited{
	font-size: 10px;
	text-transform: uppercase;
	color: #C32228 !important;
	display: inline;
	font-style: normal;
	font-weight: bold;
	text-decoration: none !important;
}

em.home-cat a:hover, em.home-cat a:active, em.home-cat a:focus{
	color: #000 !important;
}

div.home-category{
	width: 700px;
	float: left;
	margin: 10px 0;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 5px 0;
}

div.home-category.last{
	margin: 10px 0 0 0 !important;
	border: 0px !important;
}

div.home-category h3 a:link, div.home-category h3 a:visited{
	color: #000 !important;
	display: block;
	font-size: 15px !important;
}

div.home-category h3 a:hover, div.home-category h3 a:active, div.home-category h3 a:focus{
	color: #C32228 !important;
}

div.home-category p{
	color: #444;
	min-height: 120px;
	font-size: 11px;
}


div.home-category ul li{
	display: block;
	float: left;
	width: 151px;
	list-style-type: none;
	margin: 2px 2px;
	background: none;
	font-size: 12px;
	padding: 0 5px 0 15px !important;
}


div.home-category ul li span{
	color: #888;
	font-size: 10px;
}

div.home-category ul li a:link, div.home-category ul li a:visited{
	color: #000 !important;
	display: block;
	text-decoration: none !important;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.home-category ul li a:hover, div.home-category ul li a:active, div.home-category ul li a:focus{
	color: #000 !important;
	text-decoration: underline !important;
}

div#seperator{
	background-color: #eee;
	border-top: 1px solid #ccc;
	clear: both;
	font-size: 1px;
	height: 5px;
}

img.wp-post-image{
	float: right;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 3px 0 3px 10px;
}

div.home-recent-post{
	width: 330px;
	height: 180px;
	float: left;
	margin: 5px 15px 15px 5px;
}

/* Loading */

span.loading{
	display: block;
	margin: 0 auto;
	padding: 10px 15px;
	width: 200px;
	background: #333;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Post Meta */

div.post-meta{
	background: #eee;
	color: #444;
	padding: 6px 5px;
	margin: 0 0 5px;
	font-size: 11px;
}

span.post-date{
	background: url(images/date.gif) left center no-repeat;
	padding: 2px 0 2px 22px;
	margin: 0 3px 0 0;
}

span.post-categories{
	display: inline;
	background: url(images/category.gif) left center no-repeat;
	padding: 2px 0 2px 27px;
	margin: 0 0 0 3px;
}

span.post-categories a:link, span.post-categories a:visited{
	text-decoration: none;
	color: #444;
	padding: 2px 4px;
}

span.post-categories a:hover, span.post-categories a:active, span.post-categories a:focus{
	text-decoration: none;
	color: #000;
	background: #fff
}

/* Button */

a.readon:link, a.readon:visited{
	color: #444;
	text-decoration: none;
	font-weight: bold;
	background: url(images/readon.png) right center no-repeat;
	padding-right: 17px;
	font-size: 11px;
	text-transform: uppercase;
}

a.readon:hover, a.readon:focus{
	color: #000;
	text-decoration: underline;
}

a.readon:active{ top: 1px; position: relative; }

a.button:link, a.button:visited{
	color: #444;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0px 1px 0px #fff;
	font-weight: bold;
	-webkit-box-shadow: 0px 1px 1px #fff;
	cursor: pointer;
	border: 1px solid #ccc;
	background: #ddd;
	display: inline-block;
	margin: 8px 2px 2px;
}

a.button:hover, a.button:focus{
	border: 1px solid #aaa;
}


a.button:active {
	background: #ccc;
}

/* Upcoming Events */

div#events ul li{
	list-style: none;
	padding: 3px 0 3px 15px;
	background: url(images/arrow.gif) left 6px no-repeat;
	line-height: 1.2;
	color: #666;
}

div#events ul li span{
	color: #222;
}


/* Substitutions */

.ui-tabs .ui-tabs-hide {
     display: none;
}

div#tabs-container {
	min-height: 400px;
	position: relative;
}

div#tabs iframe{
	width: 710px;
}

div#tabs {
	margin-top: 30px;
}

div#tabs ul li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: none;
}

div#tabs ul li a{
	display: block;
	float: left;
	width: 44px;
	padding: 3px 22px;
	background: #f0f0f0;
	color: #333;
	text-decoration: none !important;
	font-weight: bold;
}

div#tabs ul li a:hover{
	background: #555;
	color: #fff;
}

div#tabs ul li.ui-state-active a {
	background: #333;
	color: #fff;
}

div.loading {
	height: 32px;
	width: 32px;
	position: absolute;
	left: 50%;
	top: 30%;
	background: url(images/loading.gif) center no-repeat;
	display: none;
}

div#tabs-wrapper span {
	margin: 100px auto;
}

div.ui-tabs-panel {
	padding-top: 30px;
}

/* Search */

form#searchform{
	position: relative;
	margin: 15px 0 0;
}

form#teamsearchform{
	position: relative;
	margin: 15px 0 5px 0;
	padding: 8px 10px 3px;
	height: 30px;
	width: 673px;
	background: #e8e8e8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #aaa 0px 1px 2px;
}

form#searchform label{
	display: none;
}

form#teamsearchform label{
	position: absolute;
	left: 25px;
	top: 12px;
	font-weight: bold;
	font-size: 14px;
}

input#s{
	background: #fff;
	height: 25px;
	width: 195px;
	border: 0;
	outline: none;
	color: #222;
	font-size: 13px;
	padding: 0 0 0 5px;
}

input#teamsearchinput{
	background: #fff;
	height: 25px;
	width: 500px;
	border: 0;
	outline: none;
	color: #222;
	font-size: 13px;
	padding: 0 0 0 5px;
	margin-left: 120px;
}

input#s:hover, input#s:active, input#s:focus{
	outline: none;
}

input#searchsubmit{
	width: 30px;
	height: 25px;
	background: url(images/search.png) 6px 4px no-repeat #d1d1d1;
	text-indent: -99999em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	border: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

input#searchsubmit:hover, input#searchsubmit:focus{
	-webkit-box-shadow: 0px 0px 2px #555;
}


input#teamsearchclear{
	width: 30px;
	height: 25px;
	background: url(images/search.png) 6px 4px no-repeat #d1d1d1;
	text-indent: -99999em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	border: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 8px;
}

/* Twitter */

div.twtr-tweet-wrap{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Reps */

div.representative{
	width: 665px;
	padding: 15px 15px 10px !important;
	margin: 10px 15px 10px 0 !important;
	float: left;
	background: url(images/team-bg.png) center top no-repeat #e8e8e8 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #aaa 0px 1px 2px;
	-moz-box-shadow: #aaa 0px 1px 2px;
	box-shadow: #aaa 0px 1px 2px;
	height: 200px;
	overflow: hidden;
}

img.alignright{
	float: right;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 3px 5px 15px 5px;
}

/* Presse */

ul#pressdownloads{
	width: 708px;
	border-top: 1px solid #eee;
	margin: 15px 0 0;
}

ul#pressdownloads li{
	list-style-type: none;
	clear: both;
	padding: 8px 0 12px !important;
	font-size: 15px;
	font-weight: normal;
	border-bottom: 1px solid #e0e0e0;
	background: none !important;
}

ul#pressdownloads li a.button{
	float: right;
	margin-top: 4px;
}

ul#pressdownloads li span{
	display: block;
	font-size: 11px;
	color: #888;
	margin: 2px 0 0;
}

/* services-widget */

div#services-widget{
	float: right;
	width: 270px;
	padding: 0px 15px 10px;
}

div#content.services-home{
	width: 408px !important;
}


/* Mission Statement */

div#mission-statement{
	margin: 5px 0 65px;
}

div#mission-statement-content{
	width: 708px;
	height: 140px;
	background: url(images/mission-statement.png) right top no-repeat #C32228;
	position: relative;
}

div#mission-statement-content div {
	display: none;
}

div#mission-statement-content div.active {
	display: block;
}

div#mission-statement h3{
	font-family: BitstreamVeraSansRoman, sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	border-bottom: 0;
	margin: 5px 0 0;
}

div#mission-statement p{
	font-family: BitstreamVeraSansRoman, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 20px;
	color: #fff;
	line-height: 26px;
	margin: 5px 0 0 34px;
	width: 530px;
}

div#discovery-learning, div#personal-responsibility, div#language-proficiency, div#international-character, div#critical-thinking{
	position: absolute;
	top: 25px;
	left: 20px;
}

ul#mission-statement-select{
	width: 708px;
	margin: 0 0 0 !important;
}

ul#mission-statement-select li{
	list-style-type: none;
	background-image: none !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

ul#mission-statement-select li a:link, ul#mission-statement-select li a:visited{
	display: block;
	float: left;
	width: 139px;
	height: 35px;
	background: #303030;
	margin: 3px 0 0 3px;
	color: #fff;
	font-family: BitstreamVeraSansRoman, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	padding: 5px 0 0 !important;
}

ul#mission-statement-select li a:hover, ul#mission-statement-select li a:active, ul#mission-statement-select li a:focus{
	background: #C32228;
	color: #fff;
}

ul#mission-statement-select li:first-child a{
	margin: 3px 0 0 0;
}

ul#mission-statement-select li span{
	display: block;
	float: left;
	font-size: 28px;
	margin: 0px 6px 0;
}

ul#mission-statement-select li.active a{
	background: #C32228;
	color: #fff;
}

/* Team */

li.team-member{
	list-style-type: none !important;
	display: block;
	width: 308px;
	padding: 15px 15px 10px !important;
	margin: 10px 15px 10px 0 !important;
	float: left;
	background: url(images/team-bg.png) center top no-repeat #e8e8e8 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #aaa 0px 1px 2px;
	-moz-box-shadow: #aaa 0px 1px 2px;
	box-shadow: #aaa 0px 1px 2px;
	height: 140px;
	overflow: hidden;
}

span.team-picture img{
	float: right;
}

span.email{
	background: url(images/mail.gif) left 2px no-repeat;
	display: block;
	padding: 5px 0 3px 25px;
	margin: 10px 0 0;
}

li.team-member a:link, li.team-member a:visited{
	text-decoration: none;
	border-bottom: 1px solid #888;
	color: #333;
}

li.team-member a:hover, li.team-member a:active, li.team-member a:focus{
	text-decoration: none;
	border-bottom: 1px solid #444;
	color: #000;
}

/* Tables */

table {
	margin: 5px 0 10px 0;
	text-align: left;
}

div#content table th {
	margin: 0 !important;
	padding: 2px 10px;
	background: #888;
	color: #333;
	text-shadow: 0px 1px 0px #bbb;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #888;
}

div#content table td {
	margin: 0 !important;
	padding: 10px 10px;
	background: #e9e9e9;
	color: #333;
	text-shadow: 0px 1px 0px #fff;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

table tr:hover td{
	background: #efefef !important;
}

table p{
	margin: 0 !important;
}

/* Contact */

div.vcard{
	text-shadow: 0px 1px 0px #fff;
	color: #444;
	padding: 5px 2px 5px;
	margin: 5px 0 0;
	line-height: 18px;
}

div.vcard ul{
	margin: 5px 0 4px ! important;
}

li.vcard-mail{
	padding: 3px 0 3px 25px ! important;
	background: url(images/mail.gif) left top no-repeat ! important;
	margin: 0 0 2px;
	list-style-type: none;
}

li.vcard-phone{
	padding: 3px 0 3px 25px ! important;
	background: url(images/phone.gif) left top no-repeat ! important;
	margin: 2px 0 0;
	list-style-type: none;
}

li.vcard-fax{
	padding: 3px 0 3px 25px ! important;
	background: url(images/fax.gif) left top no-repeat ! important;
	margin: 2px 0 0;
	list-style-type: none;
}

div.vcard ul li a:link, div.vcard ul li a:visited{
	color: #444;
	text-decoration: none;
}

div.vcard ul li a:hover, div.vcard ul li a:focus, div.vcard ul li a:active{
	color: #444;
	text-decoration: underline;
}

/* Footer */

div#footer{
	clear: both;
	width: 988px;
	height: 75px;
	background: url(images/footer.png) 20px bottom no-repeat #e8e8e8;
	padding: 15px 0 0;
	font-size: 10px;
	color: #666;
	position: relative;
}

div#footer h2{
	font-size: 10px;
	color: #333;
	margin: 0 0 3px;
}

div#footer a:link, div#footer a:visited{
	color: #666;
	text-decoration: underline;
}

div#footer a:hover, div#footer a:focus, div#footer a:active{
	color: #000;
	text-decoration: underline;
}

div#footer-1{
	width: 210px;
	float: left;
	margin: 0 0 0 158px;
}

div#footer-2{
	width: 310px;
	float: left;
}

div#footer-3{
	width: 310px;
	float: left;
}

div#unesco{
	background: url(images/UNESCO.png) left top no-repeat ! important;
	width: 100px;
	height: 60px;
	position: absolute;
	top: 15px;
	right: 25px;
}

/* 404 */

div#fourohfour{
	width: 500px;
	height: 100px;
	background: #F0F0F0;
	border: 1px solid white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 100px auto;
	padding: 15px;
	text-align: center;
	-webkit-box-shadow: 0 0 7px #999;
	-moz-box-shadow: 0 0 7px #999;
	box-shadow: 0 0 7px #999;
}

div#fourohfour h2{
	font-family: Georgia, Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: #c32228;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 8px;
	text-align: center;
}

/* Facepile */

div#facepile{
	width: 690px;
	height: 610px;
	overflow: hidden;
	position: relative;
}
div#facepile iframe{
	position: absolute;
	top: -5px;
	left: -5px;
}


/* Mobile */


/* Portrait */
/*
@media screen and (max-width: 320px)
{


}
*/
 
/* Landscape */
/*
@media screen and (min-width: 321px){

div#wrapper, div#header, div#footer, div#sidebar, div#content{
  clear:both!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

}

*/

/* Form */

input, textarea{
	display: block;
	background: #fff;
	padding: 5px;
	color: #222;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

input:hover,input:active, input:focus,
textarea:hover, textarea:active, textarea:focus{
	background: #f0f0f0;
	color: #222;
	border: 1px solid #aaa;
	outline: none;
	cursor: pointer;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/



body.blank{
	background: none;
}