body {background:#1f1f1f }

/** HEADER **/
#header{ height:120px;}
#header a.logo{float:left; margin:8px 0px 0px 3px; display:inline;}


/** HIGHLIGHT MODE **/
ul#highlight_modes{float: right;color:white; font-size: 1.2em; display:inline; margin-top: 20px;}
ul#highlight_modes li{float: left;padding: 5px;}
ul#highlight_modes li span{float: left; padding-top: 2px;}
ul#highlight_modes a{float: left; width:20px; height: 20px; background:url(../images/doc/highlight.png);}
ul#highlight_modes a.light{background-position: -20px -20px}
ul#highlight_modes a.dark{background-position: 0px -20px}

ul#highlight_modes a.light:hover, ul#highlight_modes a.light_active {background-position: -20px 0px}
ul#highlight_modes a.dark:hover,  ul#highlight_modes a.dark_active {background-position: 0px 0px}

ul#navigation{float:right;  clear:right; list-style-type:none; margin:35px 5px 0px 2px; background: url('../images/main_navigation_background.png') repeat-x;}
ul#navigation li{float:left;  display:inline;}
ul#navigation li a{float:left; display:block; height:28px; text-align:center; color:white; font-size:1.5em;
              ;text-decoration:none;padding:9px 20px 0px 20px; }
ul#navigation li a.main:hover, ul#navigation li a.selected{background:white; height:31px; margin-top:-3px; color:#EA2B54; }

ul#navigation li.spacer
	{
	width:2px;
	height:20px;
	margin:8px 0px 0px 0px;	
	background:url(../images/navigation_spacer.png) repeat-y;	
	}


ul#navigation li ul.subnavigation { display: none; }
ul#navigation li:hover ul.subnavigation{ display: block; }
span.shadow_left
	{
	float:left;
	width:12px;
	background:url(../images/shadow_left.png);
	height:45px;
	margin-left:-12px;	
	}
span.shadow_right
	{
	float:right;
	width:12px;
	background:url(../images/shadow_right.png);
	height:45px;
	margin-right:-12px;	
	}
div.shadow_bottom	
	{
	float:left;
	width:186px;
	height:16px;
	background:url(../images/shadow_bottom.png);
	margin-left:-15px;	
	margin-bottom:-15px;
	position:absolute;
	top:255px;
	display:none;	
	}
div#download_shadow
	{
	top:210px;
	float:left;
	width:186px;
	height:16px;
	background:url(../images/shadow_bottom.png);
	margin-left:-15px;	
	margin-bottom:-15px;
	position:absolute;
	display:none;		
	}			
div.subnavigation_shadow
	{
	float:left;
	background:url(../images/shadow.png);
	width:186px;	
	}	
ul#navigation li ul.subnavigation
	{
	float:left;
	clear:both;	
	background:white url(../images/ul_subnavigation_background.png) bottom center repeat-x;
	position:absolute;
	top:120px;
	}
ul#navigation li ul li
	{
	float:left;
	clear:both;	
	}	
ul#navigation li ul li a
	{
	color:#848484;	
	text-shadow:0 0 0 0;
	float:left;
	width:140px;
	text-align:left;
	font-size:1.4em;
	margin:0px 8px 0px 8px;
	padding:9px 0px 3px 2px;
	background:url(../images/navigation_link_background.png) bottom center repeat-x;
	} 
ul#navigation li a span.arrow
	{
	float:right;
	width:8px;
	height:6px;
	margin:6px 0px 0px 6px;
	background:url(../images/arrow.png) no-repeat;	
	}	
ul#navigation li ul li a.last
	{
	background:none;	
	}	
ul#navigation li ul li a:hover
	{
	color:#EA2B54;	
	}	
ul#navigation li a.documentation
	{
	padding-right:15px;
	}	
ul#navigation li a.documentation.selected
	{
	background:white;	
	}	
/** CONTENT **/
#body_wrapper{float:left; width:960px; background: white url('../images/content_background.png') repeat-y; }
#body_wrapper .body_heading{float:left;  width:951px; height:43px; background:url('../images/content.top.background.png') repeat-x;}
.body{float:left;width:940px;margin-left:14px;}
.tabs_panel
{
	background:url(../images/background_header.jpg);	
	height:352px;
	width:920px;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:20px;
}
.breadcrumb
	{
	float:left;
	width:950px;
	height:32px;
	background:url(../images/breadcrumb.png) repeat-x;	
	padding-left:10px;
	display:inline;
	text-align:left;
	}
.breadcrumb a
	{
	float:left;
	font-size:1.2em;
	color:#464646;
	padding:8px 2px 0px 2px ;
	}
.breadcrumb span
	{
	float:left;	
	
	text-align:left;
	font-size:1.2em;
	}
.breadcrumb span.bullet,
.breadcrumb span.current
	{
	padding:8px 2px 0px 2px;	
	}	
.breadcrumb a span.current
	{
	padding:0;	
	}		
.breadcrumb span a
	{
	float:left;	
	}	
/** TABS **/
#tabs_nav
	{
	float:left;
	width:320px;
	margin-top:40px;	
	margin-left:-50px;
	}
#tabs_nav ul li
	{
	float:left;	
	padding-bottom:40px;	
	}	
#tabs_nav ul li a
	{
	float:left;	
	background:url(../images/inactive_tab.png);	
	width:251px;
	height:59px;
	text-decoration:none;
	outline:none;
	}
#tabs_nav ul li a:hover,	
#tabs_nav ul li a.current
	{
	background:url(../images/active_tab.png);	
	}
#tabs_nav ul li a span
	{
	color:#e22846;
	font-size:2em;	
	float:right;
	padding:8px 10px 0px 0px;
	}	
#tabs_nav ul li a:hover span, 		
#tabs_nav ul li a.current span
	{
	color:white;	
	}	
#panes
	{
	float:left;
	width:630px;
	}
#panes div
	{
	float:left;	
	}	
	
ul.tab_list	
	{
	float:left;
	display:inline;
	margin:50px 0px 0px 40px;	
	
	}
ul.tab_list li
	{
	float:left;	
	padding-bottom:40px;	
	width:580px;
	}
ul.tab_list li.download_li
	{
	padding:0px 0px 0px 50px;	
	width:530px;
	}
ul.tab_list li.changelog p
	{
	float:right;	
	width:270px;
	display:inline;
	padding-top:5px;
	}
ul.tab_list li.changelog p a
	{
	font-size:0.9em;
	color:#636363;	
	}	
ul.tab_list li.changelog p a:hover
	{
	color:#e22846;	
	}			
ul.tab_list li.changelog p a.view_changelog
	{
	float:left;	
	}	
ul.tab_list li.changelog p a.read_announcement
	{
	float:left;	
	display:inline;
	padding:0px 0px 0px 65px;
	}		
/** DOWNLOAD SECTION **/
a.download_button,
div.download_button
	{
	float:right;
	width:274px;
	height:83px;
	background:url(../images/download_button.png);	
	text-decoration:none;
	font-size:1.6em;
	
	}	
a.download_button span
	{
	float:left;
	display:inline;
	padding:48px 0px 0px 75px;
	color:#636363;	
	}	
p.latest_version
	{
	float:left;
	width:580px;
	display:inline;
	padding:20px 0px 0px 40px;
	}	
p.latest_version span
	{
	float:left;	
	}	
span.git_clone	
	{
	clear:both;	
	width:570px;
	margin-top:8px;
	color:#e22846;	
	display:inline;
	}	
/** TWITTER LIST **/
ul.twitter_list
	{
	float:left;	
	margin:0px 0px 0px 25px;
	}	
ul.twitter_list li
	{
	float:left;
	padding:8px 0px 8px 0px;
	width:445px;
	font-size:1.2em;
	border-bottom:1px solid #eee;
	}	
ul.twitter_list li.even
	{

	
	}				
/** TEXT **/
.tab_title
	{
	float:left;
	width:150px;
	font-size:2.2em;	
	text-align:right;
	color:#e22846;
	padding-right:30px;
	display:inline;
	}
.current_version
	{
	padding-top:30px;	
	}	
.tab_p
	{
	float:left;
	display:inline;
	line-height:1.4em;
	width:350px;
	padding:3px 0px 0px 0px;
	}	
.download_block{float:right; margin-right:8px; width:258px; height:145px; background: url('../images/background.download.png')}
.download_block a.download_link{float:left; color:white; font-size: 1.5em; text-align:center; margin-left:80px; margin-top:60px;}
.download_block p{float:left;color:white; width:250px; text-align:center; padding-top:30px;}


.features_block{float:left;width:485px; height:465px; }
.news_block{float:left;width:465px; height:465px; }
.news_block ul li{float:left; display:inline; border-bottom:1px solid #eee;}


.news_block .date{ display:inline; float:left; margin-top:2px; font-size:1.1em; background:url(../images/news_date.png); width:76px; height:15px; color:white; text-align:center; }
.news_block a{float:left;  margin-left:15px; width:345px; font-size:1.3em; color:#e22846; display:inline; text-decoration:none; }
.news_block a:hover{color:#e22846; text-decoration:underline;}

.news_block ul{float:left; clear:left; margin-left:8px;}
.news_block ul li{padding-bottom:10px; padding-top: 10px;}

.home{background:url(../images/content.down.png); height:470px; width:951px; float:left; margin-left:4px; margin-top:20px; display:inline;}
.home .menu{clear:both;float:left; margin-left:30px; margin-top:20px; display:inline;}
.presentation
	{
	float:left;
	margin:35px 0px 0px 100px;
	display:inline;	
	}
.presentation li
	{
	float:left;
	padding-bottom:45px;	
	}	
.presentation a
	{
	float:left;
	width:436px;
	height:49px;
	outline:none;
	display:inline;
	font-size:2.2em;
	color:#636363;
	text-decoration:none;
	padding:15px 0px 0px 120px;
	}
.presentation a:hover
	{
	color:#e22846;
	}	
a.tour
	{ 

	background:url(../images/tutorial.png) no-repeat;
	}
a.user_guide
	{ 
	background:url(../images/read_the_docs.png) no-repeat;
	}
a.forum
	{ 
	background:url(../images/forum.png) no-repeat;
	}	

.home .menu li a.user_guide{ background:url(../images/read_user_guide.png);}
.home .menu li a.user_guide:hover{background:url(../images/read_user_guide_hover.png);}


.home .menu li a.talk{ background:url(../images/talk_about.png);}
.home .menu li a.talk:hover{background:url(../images/talk_about_hover.png);}



/** FOOTER **/
#footer p{float:left; color:#d3dce4;width:940px; text-align:center;padding-top:10px;}
.spacer{float:left; width:950px; height:3px; background:#f4f4f4;  margin:20px 0px 20px 5px;}

/** GENERIC CLASSES **/

.left{float:left;}
.right{float:right;}

/** DOCUMENTATION BLOCK **/
div#doc_block 	
	{
	float:left;
	padding:20px;	
	line-height:2.1em;
	}
div#doc_block h2
	{
	padding:10px 0px 10px 10px;	
	}	
div#doc_block p
	{
	clear:both;	
	padding-right:10px;
	}	
div#doc_block code
	{
	font-family:Arial;	
	float:left;
	font-size:1.3em;
	background:#f4f4f4;	
	width:880px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	border-top:1px solid #dfdfdf;
	 border-bottom:1px solid #dfdfdf;
	color:#464646;
	}	
/** TUTOTIRALS PAGE **/
ul.tutorials_list
	{
	float: left;
	width: 900px;
	margin: 0px 0px 20px 10px;
	display: inline;	
	}
ul.tutorials_list li
	{
	float: left;
	clear: both;	
	padding-bottom: 20px;
	display: inline;	
	}	
ul.tutorials_list li a
	{
	font-size: 1.4em;
	color: #464646;	
	}		
ul.tutorials_list li a:hover
	{
	color: #e22846;	
	}	
/** DOWNLOAD PAGE **/
div.download_table
	{
	float:left;
	background: url(../images/download_table.png) no-repeat;
	width:919px;
	height:238px;
	display:inline;
	margin-left:2px;
	margin-bottom:40px;
	}
div.release_information
	{
	float:left;
	width:560px;
	height:238px;	
	}
div.release_information ul
	{
	float:left;
	display:inline;
	margin-top:25px;	
	margin-left:20px;
	}
div.release_information ul li
	{
	float:left;
	width:520px;	
	padding-bottom:33px;
	}
div.release_information ul li span.information
	{
	float:left;
	display:inline;
	width:340px;
	margin-left:50px;
	font-size:1.4em;
	}	
div.release_information ul li span.title	
	{
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding-left:40px;
	display:inline;
	color:#363636;	
	width:90px;
	text-align:right;
	}
div.download_table div.download_button
	{
	float:right;
	margin:65px 25px 0px 0px;
	display:inline;	
	}
div.download_button	p
	{
	float:left;
	width:138px;	
	padding:45px 0px 0px 78px;
	display:inline;
	font-size:1em;
	}
div.download_button a
	{
	display:inline;
	}
div.download_button a.zip
	{
	padding-left:20px;	
	}		
div.download_table a
	{
	color:#848484;	
	float:left;
	}
div.download_table a.download
	{
	float:none;	
	}		
div.download_table a:hover
	{
	color:#e22846;	
	}	
div.download_table a.changelog
	{
	float:left;	
	padding-left:115px;
	display:inline;
	}

	
ul.change_list
{
	float:left;
	font-size:1.3em;
	list-style:disc;
	display:inline;
	margin-left:20px;
	margin-bottom:25px;
}