/* 
Theme Name: Combustion Studios 2010
Theme URI: http://www.combustion-studios.com
Description: New web presence for relaunched brand identity
Author: Combustion Studios
Author URI: http://www.combustion-studios.com
Version: 0.1

*/

body {
	background-color: #141414;
	margin: 0 auto;
	padding: 0;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
}

h1, h2 {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a:link, a:visited, a:hover {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#productContent_main a:link, #productContent_main a:visited, #productContent_main a:hover {
	
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

#productContent_main a:hover {
	text-decoration: underline;
	
	border-bottom: 0px solid;
}

#home_newsArea a:link, #home_newsArea a:visited, #home_newsArea a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #555;
}

#home_newsArea a:hover {
	text-decoration: underline;
	
	border-bottom: 0px solid;
}





/* 
	Start of Header Elements
*/
#header {
	height: 183px;
	background-image:url('images/headers/getheader.php');
	background-position: center;
	/* background-color: #141414; */
	background-color: #000;
	background-repeat: repeat-x;
	margin: 0;
	/*line-height: 0em;*/
}

#headerLogo {
	width: 169px;
	height: 183px;
	margin-left: 10%;
	line-height: 0em;	
}

#header_adUnit {
	float: right;
	padding: 20px;
}

#headerLogo a:link, #headerLogo a:active, #headerLogo a:visited, #headerLogo a:hover, #headerLogo img {
	border: 0px;
}

/*
	Start of Home-Only Elements
*/

#homeIntro {
	background-color: #080808;
	padding-left: 10%;
	padding-right: 10%;
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d71708;
}

#homeIntro p {
	margin: 5px 0;
}

#contentArea {
	background-image: url('images/bg-left.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

h1 {
	color: #fff;
	margin: 0;
}

#homeIntro h1 {
	font-family: BonvenoCF;
	font-weight: lighter;
	color: #d71708;
}

p {
	font-size: 1em;
	line-height: 1.5em;
}

#homeTease {
	padding-left: 10%;
	padding-top: 25px;
}

#mainTease {
	background-color:#ff00ff;
	width: 600px;
	height: 330px;
	-moz-border-radius: 5px;
	float: left;
	-moz-box-shadow: 0px 0px 10px #000;
}

#teaseStack {
	float: left;
	margin-left: 30px;
}

.miniTease {
	background-color: #ffff00;
	width: 280px;
	height: 155px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px #000;
}

.teaseStrap {
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	zoom: 1;
	color: #ffffff;
	height: 50px;
	top: 270px;
	position: relative;
	padding: 5px 10px;
	-moz-border-radius: 0px 0px 5px 5px;
}

.teaseStrap h2{
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	margin: 0px;
}

.teaseStrap p {
	margin: 0px;
}


/* 
	Product Page Elements
*/
#productHeader {
	margin-top: 15px;
	margin-left: 10%;
	margin-right: 10%;
}
#productHeader_topStrap, #productHeader_bottomStrap, #home_newsHeader {
	
}

#productHeader_topStrap, #home_newsHeader {
	padding: 0px 5px 10px 5px;
	z-index: 1;
	position: relative;
	background-color: #000;
}

#productHeader_topStrap h1, #home_newsHeader h1 {
	font-size: 5.4em;
	letter-spacing: -5px;	
	font-family: Helvetica, Arial;
	font-weight: bold;
	margin: 0;
}

#productHeader_topStrap_downloadButton {
	float: right;
	width: 300px;
	color: #fff;
	border: 1px solid #770a02;
	-moz-border-radius: 5px;
	margin-top: 10px;
	padding: 0px 5px 5px 5px;
	-moz-box-shadow: 0px 0px 10px #770a02;
	
	 /* fallback (Opera) */
    background: #ea1f00;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ea1f00, #700000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ea1f00), to(#700000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ea1f00', EndColorStr='#700000', GradientType=0);
		
}

#productHeader_topStrap a { color: inherit; }

#productHeader_topStrap_downloadButton_content {
	float: left;
}

#productHeader_topStrap_downloadButton h2 {
	font-family: "Segoe UI Semibold", DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-size: 2em;
	margin: 0;
}

#productHeader_topStrap_downloadButton p {
	font-family: "Segoe UI", DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	margin: -5px 0 0 0;
}

#productHeader_topStrap_downloadButton_icon {
	float: right;
	margin-left: 10px;
	padding-top: 5px;
}

#productHeader_bottomStrap {
	margin: 0;
	z-index: 0;
}

#productHeader_topStrap h2 {
	color: #fff;
	font-size: 2.28em;
	margin: 0;
	font-weight: normal;
	padding-left: 5px;
	margin-top: -10px;
}

ul#platformIcons {
	float: right;
	margin: 0;
	margin-top: 4px;
	
}

ul#platformIcons li {
	display: inline;
	list-style-type: none;
}

.platform {
	float: left;
	/* fallback (Opera) */
    background: #b98379;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #b98379, #59190e);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#b98379), to(#59190e));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#b98379', EndColorStr='#59190e', GradientType=0);
                
    width: 34px;
    height: 26px;
    margin-right: 5px;
    border: 1px solid #4f3a36;
}

.platform img {
	display: block;
	margin: auto;
	margin-top: 2px;
}

#productContent {
	padding: 20px 10% 0px 10%;
}

#productContent_main {
	color: #fff;
	margin-left: 300px;
	padding-right: 120px;
}

#productContent_main p {
	
}

#productContent_sidebar {
	float: left;
	width: 280px;
	margin-right: 20px;
	min-height: 100%;
}

.sidebar_block h1, .contentSection h1 {
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-weight: normal;
	background-color: #fff;
	display: inline;
	font-size: 1em;
	padding: 2px 5px;
	margin: 0;
}

.sidebar_block li, .sidebar_newsItem, .sidebar_version_date {
	list-style-type: none;
	color: #fff;
	background-color: #000;
	margin: 1px 0 0 0;
	padding: 5px;
	line-height: 1.2em;
}

.sidebar_block ul {
	padding: 0;
	margin: 0;
}

.sidebar_block {
	margin-bottom: 50px;
}

.sidebar_newsItem h2, .sidebar_version_date p {
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.05em;
	font-weight: normal;
	margin: 0;
}

.sidebar_version_date p {
	font-size: 0.8em
}


.sidebar_newsItem p, .sidebar_version_date h2 {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
}

.sidebar_version_date h2 {
	font-size: 1.05em;
}

.sidebar_version_date {
	margin: 0;
}

.sidebar_adUnit {
	background-color: #000;
	text-align: center;
	
}

.sidebar_adUnit img {
	margin: 15px;
}

/*	
	Footer elements 
						*/
#footer {
	background-color: #080808;
	color: #fff;
	padding: 20px 10% 0px 10%;
}

#footer li {
	display: inline;
	
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer_leftContent p {
	margin: 0;
}

#footer_socialBar {
	padding: 5px;
	background-color: #111;
	display: block;
	margin-top: 10px;
}

#footer_socialBar img {
	border: 0px;
}

#footer_socialBar li {
	margin-right: 10px;
}

/*
	main product page elements 
*/
.productContent_feature {
	margin-top: 50px;
}

.productContent_feature h1 {
	text-transform: uppercase;
	display: inline;
	padding: 0px 10px;
	font-size: 2.7em;
}

.productContent_feature_content img {
	float: left;
	margin-top: 20px;
	border: 1px solid #df1303;
	width: 280px;
}

.productContent_feature_content p {
	margin-left: 280px;
	padding-left: 25px;
}

.productContent_feature_content {
	border-top: 4px solid #df1303;
}

.clear {
	clear: left;
}

.sidebar_version {

}

.sidebar_version p {
	font-size: 4em;
	font-weight: bolder;
	margin: 0;
}

#productContent_galleryBlock {
	width: 100%;
	height: 200px;
	background-image: url('images/galleryBacking.jpg');
	background-position: center;
	text-align: center;
}

#productContent_galleryBlock img {
}

/*
	Home news elements
*/

#home_newsHeader {
	background-color: #000;
	margin: 15px 10%;
}

#home_newsHeader h1 {
	color: #df1303;
}

#home_newsHeader a:hover {
	text-decoration: underline;
}

#home_newsHeader a:link, #home_newsHeader a:active, #home_newsHeader a:visited, #home_newsHeader a:hover {
	color: #df1303;
}

form#home_newsHeader_search {

}

#home_newsHeader_search input[type="submit"] {
	visibility: hidden;
}

#home_newsHeader_search input[type="text"] {
	width: 300px;
	background-color: #ccc;
	color: #000;
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-style: italic;
	border: 0px solid;
	text-align: left;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 2px;
}

#home_newsArea {
	padding: 0px 10%;
}

.home_news_story_date {
	font-size: 1.7em;
	float: left;
	width: 100px;
}

.home_news_story_date_day {
	font-weight: bolder;
}

.home_news_story_date_month {
	font-weight: lighter;
	font-family: Segoe UI Light, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	margin-left: -5px;
}

.home_news_story h2 {
	float: left;
	display: inline;
	padding: 5px 10px;
	font-weight: normal;
	background-color: #000;
	color: #fff;
	margin: 0 10px;
}

.home_news_story {
	margin-bottom: 20px;
}

.home_news_story_content p {
	margin: 0 0 19px 0;
}

.home_news_story_content {
	background-color: #0b0b0b;
	margin: 5px 0 0 110px;
	padding:  10px 10px;
}

.home_news_story_meta {
	margin: 0px 0px 0px 110px;
}

.single_meta {
	margin-top: 20px;
}

.home_news_story_meta_comments {
	background-color: #fff;
	color: #000;
	padding: 0px 10px;
	font-size: 1em;
}

.home_news_story_meta input {
	margin-bottom: 10px;
}

.home_news_story_meta_comments p {
	margin: 0px;
	color: #000;
}

.home_news_story_meta_comments a:link, .home_news_story_meta_comments a:hover, .home_news_story_meta_comments a:visited {
	color: #000;
}

.commentinclude {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 10px;
}

.commentinclude a:link, .commentinclude a:active, .commentinclude a:hover, .commentinclude a:visited {
	color: #000;
}

h3#respond, h3#comments {
	font-weight: normal;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	margin: 0;
}

textarea#comment {
	font-family: Segoe UI, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	width: 80%;
}

.commentlist li {
	background-color: #ccc;
	padding: 10px;
	border: 1px solid #333;
	margin-bottom: 10px;
}


.home_news_archive {
	background-color: #000;
	padding: 20px 10%;
}

.home_news_archive p {
	margin-left: 100px;
}

/* product body highlights */
.productHighlight_recobud {
	background-color: #c51204;
	color: #fff
}

.productHighlight_spautofy {
	background-color: #669113;
	color: #fff
}

/* Products > Administration */

.productsAdmin_listBlock h2 {
	font-weight: normal;
	margin: 0;
}

.productsAdmin_listBlock {
	padding: 5px;
	margin: 10px 0 0 0;
}

/* COMMON > Buttons  */
.buttons_add {
	font-size: 0.7em;
	font-weight: bold;
	background-color: #85ca00;
	padding: 10px;
	border: 2px solid #fff;
	display: inline-block;
}

/* COMMON > Forms */
fieldset {
	border: 0px;
}

legend {
	display: inline-block;
	background-color: #fff;
	color: #000;
	font-family: Segoe UI Light, DejaVu Sans, Bitstream Vera Sans, Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 2px 5px;
	letter-spacing: 0.02em;	
}

fieldset > fieldset legend {
	background-color: #000;
	color: #fff;
	font-size: 1em;
}

label {
	text-align: right;
	float: left;
	display: block;
	margin-right: 10px;
	width: 150px;
}

.input {
	margin: 10px 0;
}

input, select, textarea {
	background-color: #0b0b0b;
	color: #fff;
	border: 0px;
	width: 500px;
	font-size: 1em;
	font-weight: normal;
	padding: 5px;
}



/* COLOR PICKER ELEMENTS */
    /*
        Set the "zoom" property to "normal" since it is set to "1" by the 
        ".example-container .bd" rule in yui.css and this causes a Menu
        instance's width to expand to 100% of the browser viewport.
    */
    
    div.yuimenu .bd {
    
        zoom: normal;
    
    }

    #button-container {
    
        padding: .5em;
    
    }

    #color-picker-button button {
    
        outline: none;  /* Safari */
        line-height: 1.5;

    }


    /*
        Style the Button instance's label as a square whose background color 
        represents the current value of the ColorPicker instance.
    */

    #current-color-1, 
    #current-color-2 ,
    #current-color-3 {

        display: block;
        display: inline-block;
        *display: block;    /* For IE */
        margin-top: .5em;
        *margin: .25em 0;    /* For IE */
        width: 1em;
        height: 1em;
        overflow: hidden;
        text-indent: 1em;
        background-color: #fff;
        white-space: nowrap;
        border: solid 1px #000;

    }


    /* Hide default colors for the ColorPicker instance. */

    #color-picker-container .yui-picker-controls,
    #color-picker-container .yui-picker-swatch,
    #color-picker-container .yui-picker-websafe-swatch {
    
        display: none;
    
    }
    /*
        Size the body element of the Menu instance to match the dimensions of 
        the ColorPicker instance.
    */
            
    #color-picker-menu .bd {

        width: 220px;    
        height: 190px;
    
    }

#hex1, #hex2 {
	visibility: hidden;
}

.bd input, .bd li {
	width: 40px !important;
}