@charset "UTF-8";

/* =============
   Main Sections 
   ============= */
body 
{
	background-color: #d30916;
	font-family: Tahoma, Geneva, Kalimati, sans-serif; 
	padding: 0px; 
	margin: 0px;
}

h1 
{
	font-size: 1.8em;
	font-weight: bold;
	color:#d30916;
	margin-top:30px;
	margin-bottom:30px;
}

h2
{
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color:#d30916;
	border-bottom: 2px solid #d30916;
}

h3
{
	font-size: 1.0em;
	font-weight: bold;
	text-align: justify;
}

a:link    { color:#d30916; }
a:visited { color:#7a0916; }
a:hover   { color:#f02a0c; }
a:active  { color:#ff0916; }
a:focus	  { outline-width: 0; color:#f02a0c; }

input, textarea {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #c1c0b5;
	background-color:#ffffff;
	color:#555555;
	font-family:Verdana;
	font-size:15px;
	padding:5px;
	resize: none;
}

textarea { width:400px; }


.blockquote {
	background-image: url(../img/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-style: italic;
	padding-left:55px;
	width:auto;
	text-align:left;
	font-size: 1.0em;
}

#PageContainer
{
	width: 960px;
	position: relative;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#BrainSysBox
{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	/*width: 150px;
	height: 40px;*/
	background-color: #d30916;
	color:#ffffff;
	font-size:34px;
	white-space: nowrap;
	padding:0px 10px 0px 0px;
}

#MainContainer 
{
	width: 960px;
	padding-top: 40px;
	padding-bottom: 16px;
	background-color: #d30916;
	background-image: url(../img/background.png);
	background-repeat: repeat-y;
	background-position: top center;
}

.PageContent
{
	padding:30px;
	background-color:white;	
	font-size: 1.0em;
	text-align: center;
	height: auto;
}

.PageContent p
{
	text-align: justify;
}

#Footer
{
	float:left;
	width: 876px; 
	height: 28px;
	line-height: 28px;
	text-align: center; 
	white-space: normal; 
	color: #ffffff;
	background-color: #d30916;
	font-size: 0.9em;
}

/* ==================
   Top & Bottom Greek 
   ================== */

#TopGreek, #BottomGreek
{
	width: 960px; 
	height: 54px;
	background-color: #d30916;
}

#HorRowTop, #HorRowBottom, .SquareContainer, .SquareCenter
{
	font-size: 1px;
}

#HorRowTop, #HorRowBottom
{
	float: left;
	width: 960px; 
	height: 14px;
	background-color: #ffffff;	
}

#HorRowTop { margin-top:40px; }
#HorRowBottom { margin-top:0px; }

.SquareContainer 
{
	float: left;
	width: 42px; 
	height: 42px; 
	background-color: #ffffff;
}

.SquareCenter
{
	width: 14px; 
	height: 14px;
	margin: 14px 0px 0px 14px;
	background-color: #d30916;
}

#TopRightSquare 
{
	margin-top:12px;
	margin-left:-42px;
}

#BottomLeftSquare, #BottomRightSquare
{
	margin-top: -14px;
	margin-left: 0px;
}

/* ===================
   Horizontal Top Menu 
   =================== */

#MenuContainer
{
	position: absolute;
	top: 65px;
	left: 68px;
	width: 824px; 
	height: 92px;
	background-color:Transparent;
	background-image:url(../img/menuback.png);
	background-repeat:no-repeat;
	z-index:9999;
}

#MenuContainer ul 
{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#HomeMenu, #WhoMenu, #WhatMenu, #BlogMenu, #WhereMenu
{
	float: left;
	width: 164px;
	height: 92px;
	background-color: transparent;
	margin: 0; 
	padding: 0; 
}

#HomeMenu, #WhereMenu
{
	width: 166px;
}

/* css directly on "a" element overwrite every pseudoclass (link, hover, visited, active, focus) */
#HomeMenu a, #WhoMenu a, #WhatMenu a, #BlogMenu a, #WhereMenu a
{
	display: block;
	width: 150px; 
	height: 80px;
	margin-left: 7px;
	margin-top: 5px;
	background-color: white;
	color: #000000;
	font-size: 21px; 
	text-decoration: none; 
	text-align: center;
	white-space: nowrap;
	line-height: 65px;	
}

/* Workaround for IE7 trouble */
#HomeMenu a span
{
	float: left;
	width: 64px;
	height: 57px;
	background-image: url(../img/minilogo.png);
	margin-left: 0px;
	margin-right: -10px;
	cursor: pointer;
}

#HomeMenu a:hover, #WhoMenu a:hover, #WhatMenu a:hover, #BlogMenu a:hover, #WhereMenu a:hover
{
	background-color:transparent;
}

#HomeMenu a.selectedMenu, #WhoMenu a.selectedMenu, #WhatMenu a.selectedMenu, #BlogMenu a.selectedMenu, #WhereMenu a.selectedMenu 
{ 
	background-color:transparent; 
}

/*
#HomeMenu a:focus, #WhoMenu a:focus, #WhatMenu a:focus, #BlogMenu a:focus, #WhereMenu a:focus  
{ 
	background-color:transparent; 
	color:#f02a0c; 
}
*/

/* =======================
   Border of MainContainer
   ======================= */
#tlc, #trc, #blc, #brc
{
	background-color: transparent;
	background-repeat: no-repeat;
}

#tlc
{
	background-image:url(../img/tlc.png);
	background-position: 0% 0%;
}

#trc
{
	background-image:url(../img/trc.png);
	background-position: 100% 0%;
	padding:8px 8px 8px 8px;
}

#blc
{
	background-image:url(../img/blc.png);
	background-position: 0% 100%;
}

#brc
{
	background-image:url(../img/brc.png);
	background-position: 100% 100%;
}

#tb, #bb
{
	background-color: transparent;
	background-repeat: repeat-x;
}
		
#tb
{
	background-image:url(../img/tb.png);
	background-position: 0% 0%;
}

#bb
{
	background-image:url(../img/bb.png);
	background-position: 50% 100%;
}

#rb
{
	background-image:url(../img/r.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

#lb
{
	background-image:url(../img/l.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

/* ===============================
   Social bar (Facebook / Twitter)
   =============================== */
#tw_bar
{
	float:left;
	height:78px;
	position:relative;
	left:-50px;
	top:0px;
	width:auto;
}

#tw_left
{
	float:left;
	background-color:transparent;
	background-image: url(../img/lb-lt.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width:16px;
	height:78px;
}

#tw_logo
{
	float:left;
	background-color:transparent;
	background-image: url(../img/lb-rp.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	margin: 0px;
	width:63px;
	height:78px;
	padding-top: 11px;
}
/*
#tw_logo div
{
	margin-top: 11px;
}
*/
#tw_logo img
{
	border-width: 0px;
}

#tw_block
{
	float:left;
	background-color:transparent;
	background-image: url(../img/lb-rp.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	width:1px;
	height:78px;
	overflow:hidden;
	padding:0px;
}

#tw_container
{
	width: 650px;
}

#tw_right
{
	float:left;
	background-color:transparent;
	background-image: url(../img/lb-rt.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width:9px;
	height:78px;
}

#fb_bar
{
	float:right;
	height:78px;
	background-color:transparent;
	background-image: url(../img/rb.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	width:88px;
	height:78px;
	position:relative;
	left:55px;
}

#fb_logo
{
	margin-left:-10px;
	margin-top:11px;
}

#fb_logo img
{
	border-width: 0px;
}

#social_spot
{
	text-align:center;
	position: relative; 
	top: 60px; 	
}

#tw_container, .query 
{
	font-size: 1.0em;
	color: #ffffff; 
}

#tw_container .tweet_list, .query .tweet_list 
{
	list-style-type: none;
    margin: 0;
	padding: 0;
}

#tw_container .tweet_list .awesome, #tw_container .tweet_list .epic, 
.query .tweet_list .awesome, .query .tweet_list .epic 
{
	text-transform: uppercase; 
}
    
#tw_container .tweet_list li, .query .tweet_list li 
{
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em; 
}

#tw_container .tweet_list li a, .query .tweet_list li a 
{
    color: #ffffff; 
}

#tw_container .tweet_list .tweet_even, .query .tweet_list .tweet_even 
{
	background-color: #91E5E7; 
}

#tw_container .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar 
{
	padding-right: .5em;
	float: left; 
}

#tw_container .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img 
{
	vertical-align: middle; 
}

/* ================
   Formatting class
   ================ */
.imgRight, .imgLeft, .imgCenter img
{
	margin: 0px;
/*	border: 1px solid #d30916;
	padding: 4px;
*/
}

.imgRight, .imgLeft, .imgCenter
{
	text-align:center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.imgRight
{
	display: inline;
	float:right;
	margin-left: 5px;
}

.imgLeft
{
	float:left;
	margin-right: 5px;
}

.imgCenter
{
	margin: auto;
}

div.clear
{
	/*font-size:1px;
	clear:both;*/
	clear: both; 
	line-height: 0; 
	height: 0;
	font-size:1px;
}

.RedBox
{
	float:left;
	border: 1px solid #d30916;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-left: 30px; 
	padding-right:5px;

}

.RedBorder
{
	border: 2px solid #d30916;
}

.Bold
{
	font-weight: bold;
}

.Big
{
	font-size:2.0em;
}

.Italic
{
	font-style: italic;
}
.Center
{
	text-align: center;
}

#SedeBox
{
	float:left;
	width:440px;
	vertical-align:middle;
	text-align:left;
}

#logo
{
	margin-right:20px;
}