/************************************************************************/
/*		SIMPLE MACHINES Site v3.0				*/
/*			(c)2011 Simple Machines				*/
/*	The following comination of style rules and colors is the	*/
/*	property of Simple Machines. While we encourage you to take     */
/*	a look under the hood to see how it ticks, we do not allow you	*/
/*	to copy it for use on your own site.				*/
/************************************************************************/

/************************************************************************/

/**** Adjust for our menu ****/
#sidemenu
{
	float: left;
	width: 16em;
}

#secondarybody
{
	padding-left: 17.2em;
}

/**** Section Header ****/
#sectionheader
{
	margin-bottom: 2em;
}
#sectionheader .where
{
	font-size: 150%;
	padding: 0pt 0pt 0pt 1em;
}

/**** Content Header ****/
.contentheader
{
	margin-top: 1em;
}

/**** Navigation Menu ****/
#navmenu
{
/*	background: url(/community/Themes/default/images/theme/menu_gfx.png) no-repeat scroll 0pt -140px transparent; */
        background: url(http://media.simplemachinesweb.com/smf/default/images/theme/menu_gfx.png) no-repeat scroll 0pt -140px transparent;
	list-style: none outside none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	border-bottom: 1px solid #999999;
}
#navmenu .menuheader
{
	font-size: 130%;
}
#navmenu li
{
	border-left: 1px solid rgb(153, 153, 153);
	border-right: 1px solid rgb(153, 153, 153);
	margin: 0;
}
#navmenu li a span
{
	padding: 8px;
	display: block;
}
#navmenu li.active a span
{
	background: #E7EAEF;
}
#navmenu li:hover a span
{
	background: #d4dbe4;
}

/**** BreadCrumbs ****/
.breadcrumbs
{
	padding-top: 0;
}
.breadcrumbs ul
{
	clear: none;
	border: none;
	padding-top: 0;
}

/**** Search Box ****/
#searchbox
{
	border: 1px solid #999999;
	border-top: none;
	padding: 0.5em;
}
#searchbox input, #searchbox button, #searchbox select, .homepage_search input, .homepage_search button, .homepage_search select
{
	background: #F0F6F0;
	margin-bottom: 0.25em;
}
#searchbox input
{
	width: 97%;
}
#searchbox button
{
	margin-top: 0.75em;
}

/**** A spacer ****/
.spacer_right
{
	margin-right: 1em;
}

/**** Lists fix ****/
/** This is needed because browsers by default have a margin on lists.  We want a padding so we don't break the design of the page **/
.roundframe .innerframe ol, .roundframe .innerframe ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

/**** Make our Notifications more noticable ***/
#secondarybody .information_site
{
	background: url("../images/information.png") no-repeat scroll 0.9em 0.75em #FBF8F4;
	padding: 0.5em 1em 0.5em 4em;
}

/**** Fix the success box ***/
/** dt is a inline level element and divs are block level elements. We can't put a div in a dt. So we cheat this, and use a span with some css instead **/
span.success
{
	margin-right: 1em;
	display: block;
}

/**** Set a min-width preventing breaking of some pages in some browsers ****/
#wrapper, .introductions
{
	min-width: 75em !important;
}
 
/**** Site PostBox ****/
.sitepost
{
	border-bottom: none;
}
.sitepost dt
{
	width: 24%;
}
.sitepost dd
{
	width: 74%;
}

/**** Grid Header ****/
div.grid_bar, h3.grid_bar
{
	height: 28px;
	margin-bottom: 0;
}
span.grid_header
{
	display: none;
}
.grid_info_header
{
	min-height: 2em;
	border-top: 0;
	margin-top: 0;
/* test*/
}

/**** Headers ****/
.mainheader
{
	color: #EB6812;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}
.mainheader a
{
	color: #EB6812;
}
.subheader
{
	color: #55728D;
	font-size: 1.2em;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
}

/**** Site Buttons ****/
.site_button
{
	font-size: 1.1em;
	display: block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9fa), to(#e0e4f0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9fa), to(#e0e4f0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #f9f9fa, #e0e4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e4f0');
}
.site_button_active
{
	font-size: 1.1em;
	display: block;
	cursor: pointer;
	padding: 0pt 8px;
	line-height: 2.5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	white-space: pre;

	border: solid 1px #888;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff0d0), to(#d0c0a0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff0d0), to(#d0c0a0));
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background: -moz-linear-gradient(top, #fff0d0, #d0c0a0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0d0', endColorstr='#d0c0a0');
}
.site_button:hover, .site_button_active:hover
{
	background: white;
	text-decoration: none;
}

/************************************************************************/
/**** Team Page ****/

#secondarybody dl.team dt
{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.4em;
	padding: 0 0 0.4em 0;
	border-bottom: dotted 1px #aaa;
}
#secondarybody dl.team img.avatar
{
	float: right;
}
#secondarybody dl.team dd
{
	overflow: hidden;
	padding: 1em;
	margin: 1em 0 0.4em 0;
}
#secondarybody dl.team dd.smfteam
{
   overflow: hidden;
   padding: 1em;
   margin: 0.5em;
   width: 45%;
   min-width: 350px; /* For lower resolutions; makes it fall back to one column */
   float: left;
}
#secondarybody dl.team ul
{
	margin-top: 0.3em;
}
#secondarybody dl.team li
{
	font-size: 0.9em;
}
.team #man
{
	color: #DD0000;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_manager.png) no-repeat 98% 15%;
}
.team #dev
{
	color: #E85C00;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_dev.png) no-repeat 98% 15%;
}
.team #sit
{
	color: #FFB443;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_site.png) no-repeat 98% 15%;
}
.team #ser
{
	color: #000000;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_server_team.png) no-repeat 98% 15%;
}
.team #sup
{
	color: #6CB276;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_support.png) no-repeat 98% 15%;
}
.team #cus
{
	color: #9A0ABC;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_cust.png) no-repeat 98% 15%;
}
.team #mar
{
	color: #ABA000;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_marketing.png) no-repeat 98% 15%;
}
.team #loc
{
	color: #c89d76;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_localizer.png) no-repeat 98% 15%;
}
.team #doc
{
	color: #F8C904;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_doc_writer.png) no-repeat 98% 15%;
}
.team #mods
{
	color: #512801;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_moderator_lang.png) no-repeat 98% 15%;
}
.team #friends
{
	color: #454545;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_friend.png) no-repeat 98% 15%;
}
.team #testers
{
	color: #FF8839;
	background: url(http://media.simplemachinesweb.com/images/badges/badge_beta.png) no-repeat 98% 15%;
}
ul.othergroups, .teamlist, ul#smfriends
{
	margin: 1em;
}
ul.othergroups li, .teamlist li, ul#smfriends li
{
	float: left;
	width: 12em;
}
.team .revtext
{
	direction: rtl;
	unicode-bidi: bidi-override;
}


/************************************************************************/
/**** Features ****/
ul.features
{
	list-style: square inside url("../../smf/default/images/bbc/quote.gif");
}
ul.features li
{
	background: url("../../smf/default/images/bbc/bbc_bg.gif") no-repeat scroll 0 0 transparent;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	line-height: 2em;
}
ul.features li.more
{
	background: url("../../smf/default/images/bbc/bbc_hoverbg.gif") no-repeat scroll 0 0 transparent;
}


/************************************************************************/
/**** Copyright ****/
dl.conv
{
	padding: 1em;
	font-size: 0.9em;
}
dl.conv dt
{
	display: block;
	font-weight: bold;
	margin: 0.5em 0 1em 1em;
}
dl.conv dd
{
	padding: 0 0 2em 0;
	line-height: 1.4em;

}

/************************************************************************/
/**** Contact Us ****/
#reasonbox
{
	padding-top: 1em;
	display: none;
}

/************************************************************************/
/**** SiteMap ****/
ul.sitemap
{
	list-style: square inside url("../../smf/default/images/www.gif");
}
ul.sitemap li
{
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-bottom: 0;
}
ul.sitemap li div.roundframe ul
{
	padding-top: 0.01em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}


/************************************************************************/
/**** The demo Advert ****/
div#advertise_ad
{
	background: none repeat scroll 0 0 #EEFFEE;
	border: 1px solid green;
	color: green;
	width: 468px;
	height: 60px;
	padding: 0;
	margin: 0 auto;
}
div#advertise_ad p
{
	margin-top: 0.6em;
}


/************************************************************************/
/**** Sponsors ****/
#current_sponsors, #past_sponsors
{
	list-style: none;
	padding: 0;
}
#current_sponsors li, #past_sponsors li
{
	margin-bottom: 1em;
}


/************************************************************************/
/**** ET phone home ****/
h3.titlebg img
{
	vertical-align: inherit;
}
.introductions
{
	float: left;
	width: 99%;
}
.intro_container
{
	float: left;
	margin: 0.7%;
	width: 31.5%;
	min-width: 275px;
}
.introduction
{
	margin-left: 0.5%;
	min-height: 75px;
}
.intro_icon
{
	margin-right: 5px;
}
.intro_text
{
	margin-left: 53px;
}
.intro_text_cont
{
	margin-bottom: 0.5em;
	min-height: 80px;
}
.intro_more
{
	margin-top: 15px;
}
.intro_download
{
	margin-top: 14px;
	margin-left: -53px;
}
.smf_about
{
	width: 65%;
	float: left;
	margin-right: 1%;
}
.latest_news
{
	float: right;
	width: 31%;
	margin-bottom: 20px;
}
.smf_news
{
	padding-top: 10px;
	min-height: 429px;
}

.news_title
{
	margin-top: 5px;
}
.more_information_home
{
	float: left;
	width: 97%;
}
.secondary_info
{
	margin-right: 10px;
}
.search_box
{
	float: right;
	width: 93%;
	margin-top: 4px;
}
.more_information_list ul, .more_information_list li
{
	padding: 0;
	margin: 0;
	margin-left: -33px;
	list-style-type: none;
}
.more_information_list li
{
	padding-bottom: 3px;
}
.more_information_icon
{
	margin-right: 8px;
	position: relative;
	top: 2px;
}
.homepage_search
{
	text-align: center;
	min-height: 60px;
}
.homepage_search_field
{
	position: relative;
	top: 1px;
}
.smf_preview
{
	margin-left: 10px;
}
.smf_logo
{
	text-align: center;
	width: 100%;
}
.social_box
{
	float: left;
	width: 97%;
	margin-top: -5px;
	max-height: 85px;
	overflow: hidden;
}
.social_networks_content
{
	text-align: center;
}
.social_networks ul, .social_networks li
{
	display: inline;
	font-weight: bold;
	font-size: 130%;
	position: relative;
	top: -13px;
}
.social_networks img
{
	margin-left: 60px;
	position: relative;
	top: 19px;
	margin-right: 3px;
}
.social_first
{
	margin-left: 0px!important;
}
.social_networks a:hover
{
	color: #eb6912;
	text-decoration: none;
}
.smf_news_icon
{
	position: relative;
	top: 2px;
	margin-right: 2px;
}

blockquote#fulcrum p
{
	background: url("../images/homepage_quote.jpg") no-repeat scroll 50% 20px white;
	color: #8B3802;
	font-size: 12px;
	margin: 0;
	padding: 130px 1em 0 0;
	text-align: center;
}

/************************************************************************/
/**** Downloads ****/
.downloads, .changelog
{
	height: 8em;
}
.downloads .innerframe
{
	padding: 0.75em;
}
.downloads .innerframe .file_info
{
	width: 25%;
}
.downloads .innerframe .file_info .file_description
{
	padding-top: 1em;
}
.downloads .innerframe .file_types
{
	margin-left: 40%;
}
.webinstall .innerframe .file_info
{
	width: 75%;
}
.file_types div
{
	margin-left: 4em;
}
.file_types ul
{
	padding: 0;
	list-style: none;
}
.file_types ul li
{
	float: left;
	margin-left: 3em;
}
.file_types ul li a
{
	display: block;
	padding: 4em 2em 0;
	background: url("../images/package.png") no-repeat scroll 50% 0pt transparent;
}
.file_types ul li a:hover
{
	padding: 4em 2em 0;
	background: url("../images/package.png") no-repeat scroll 50% -80px transparent;
}
.roundframe .innerframe ul.filetype
{
	padding-top: 0;
}

#showtypes
{
	padding-top: 1em;
}
#showtypes dt
{
	float: left;
	background: url("../images/package.png") no-repeat scroll 0 0pt transparent;
	padding: 2em 4em;
}
#showtypes dd
{
	margin-left: 12em;
	margin-bottom: 3em;
}

#download_section_index .section_item
{
	width: 18%;
	float: left;
	margin-left: 1em
}
#download_section_index .section_item .information
{
	display: block;
}

/**** CSS manipulation is fun!  ****/
#download_section_index .information:hover
{
	background-color: #E7EAEF;
	border:	1px solid #000;
}
#download_section_index .content
{
	overflow: auto;
	list-style: none;
}