/**

Theme Name: Stagecraft Software Theme
Theme Description: Aarons custom theme

*/


html body {
    margin: auto 0px;
    font-size: 1.16em;
    font-family: Geneva,TradeGothicLTCom,Helvetica,Arial,sans-serif;align-content;
	line-height: 1.82;
    color:#eeeedd;
    background-color:#223;
	
}


#wrapper {

    background-size:contain;
    background-repeat:repeat-y;
    background-color:#070712;
    border-left:2px #007 solid;
    border-right:2px #007 solid;
    margin: auto;
    width:100%;
	min-width: 1100px; 
    text-align: left;
    overflow: hidden;
}

div #social
{
	float:right; 
	width:10%;
	min-width:100px;
}

div #social img {
    float: right;
    margin-top: .075em;
    padding-top: 1.5em;
}

.clear:after {
    clear: both;
    content: "";
    display: table;
}
 

.heading
{
	text-align:center;
	width:100%;
	border-bottom:thin #445 solid;
	
}

div #main{
    position:relative;
    top:40px;
    background:none;
    min-height:1200px;
    clear: both;
    width: 94%;
    margin: auto;
	padding-top:200px;
}

#contentwrapper { 
    clear:both;
    width: 100%;
	min-height:1500px;
}



div.alert {

    margin:100px 100px 10px 100px;
    text-align:center;
    border: thin #000055 solid;
    -moz-border-radius:10px 10px 10px 10px;
    border-radius: 10px;
    width:70%; height:40px; background-color:#caa;
}


.topPost img.setup
{
    width:100%;
    border: thin darkgrey solid;
    float:none;
    margin:15px 0 30px 0;
}


.attachment-post-thumbnail { width: 260px; height:auto; }

.entry img {
    max-width:300px;
    margin: 0 20px 10px 0 ;
    border: thin #000055 solid;
}

input[type="text"] {
	background-color:#333;
	color:lightgrey;
	border:thin grey solid;
	padding:4px;	
}


input[type="submit"] {
	background-color:#222;
	color: grey;
	padding:4px;	
	border: thin solid darkgrey;
}

.entry iframe {
    width:300px;
    height:200px;
   
    max-width:600px;
    max-height:400px;
    float:left;
    margin: 0 20px 13px 0;
    border: thin #000055 solid;
}

a img
{
    border: none;
}


h6 {
    font-size:1.1em;
    margin:0px;
    padding-bottom:0px;
}



h4.sections {

    margin:auto auto;
    color:grey;
    text-align:center;
    background-color:#223;
    padding: 5px 0;
	z-index:1000;

}


div #productContainer
{
	float:left;
	width:100%;
	clear:both;
	position:relative;
}



div.productTopRight {

    float:right;
    width:58%;
    padding-left:1%; 
	z-index:-1;
}

div.productTopRight img {

    width:130%;	
	position:relative;
	right: 30%;
    margin:0px; 
}

div.productTopLeft {

    text-align:center;
    float:left;
    width:40%;
    min-height:200px;
	font-size: 1.1em;
	font-style:italic;
	color:#778;
	line-height: 1.7em;
	z-index:100;
	position:relative;

}

div.productQuote {
    width: 95%;
    margin: auto;
	font-size:1.4em;
	font-style:italic;
}
 

div.productQuote a { 
    font-style: normal;
	font-size:.8em;
}


div.productSection div.videoWrapper {
    position: relative; 
    padding-bottom: 20%; /*56.25%; /* 16:9 */
	width:89%;
	margin: 0 5%;
    height: 0;
    overflow: hidden; 
	margin: 0;
}

div.productSection div.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
}


.checkoutButton input[type="submit"]
{
	width:220px;
	padding:15px;
	
	background-color:#aab;
	color:#223;
	font-size:1.1em;
	
	border-color:#556;
	
	border-radius:20px;
	margin-top:15px;
	
}

.checkoutButton input[type="submit"]:hover
{
	background-color:#bbc;
	color:#334;
	border-color:#889;
	
	cursor:pointer;	
}

div.productButtonsWrapper {

    width:50%;
    margin: auto;
}


div.productSection {
 
    width:100%;
    clear:both; 
	position:relative;
	padding-bottom:100px;
}

div.productSection div {
 
	overflow: hidden;
  	width: 80%;
	margin: auto;
	min-height:550px;
    
}



div.productSection div iframe {
 
	width:100%;
	height: 500px;
	float:left;
	clear:both;  
	margin-bottom:20px;
	
}

div.productSection div.demo {

    width:100%; 
    min-height: 500px;
    margin: 0px 0 50px 0;
    padding: 0 3% 0 0;
}
 

div.productSection p {
    padding-bottom:35px;
    height:200px;
	float:right;
}


div.productSection img {

    float:left;
    width:40%;
    height:auto;
    margin-right:20px;
    margin-top:5px; 
	opacity:.75; 
	
	border-radius: 10px;
	border-style: solid;
	border-width: 10px;
	border-image: linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,7,57,0.6), rgba(106, 136, 227, .58)) 1;
	
	  
	
}


div.productSection div:nth-child(even) img {
  
     float:right;  
	 margin-right:0px;
     margin-left:20px;
	border-image: linear-gradient(45deg, rgba(0,0,0,0), rgba(0,7,57,0.6), rgba(106, 136, 227, .58)) 1;
    
   
}

div.productSection iframe {

    margin-right:20px;
    border:thin darkblue solid;

}


.onSale
{ 
	text-decoration:line-through;
	color:red;
	
}

div.productSection h6 {

    color:#997;
    min-width:100%;
    border-bottom:thin #664 solid;
	font-style:italic; 

}

.social-button {

    width:25px;
    float:left;
    margin:10px 2px;

}

.highlightBox {

    border:thin #334 solid;
    padding: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}


div.callout_container
{
	width:42%;
	height: 500px;
	float:left;
	margin:10px 4%;
	min-width:300px;

}

div.callout
{
	width:100%;
	height: 450px;
	
	background-color:#223;
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	border: thin grey solid;
	border-radius: 5px;
	position:relative; 
	
}
 
div.callout:hover
{
	border: thin #669 solid;
}

div.callout h4
{
	font-size: 1.6em;
	text-align:center;
	font-style: italic;
	position: absolute; 
	bottom: -5px;
	width:100%;
	background-color:#222;
	opacity:0.85;
	overflow:hidden;
}


div.callout button
{ 
	width:100%; 
	height:100%;
	background-color:transparent; 
	border:0;
	cursor: pointer;
}


div.callout a
{  
	display:inline-block;
	width:100%;
	height:100%;
}

div.callout_container p
{
	color:lightgold;
	font-style:italic;
	text-align:center;
}


div.advert
{
	width:94%;
	padding:3%; 
	margin:auto;
	background-color: #334;
	border-radius: 25px;
	overflow: auto;
	position:relative;
	
}


div.advert .img_left
{
	display:inline-block;
	width:45%;
	height:250px;
	overflow:hidden;
	margin:10px;
}
	
div.advert .img_left img
{
	height:100%;
}
	

div.advert .text
{
	display:inline-block;
	width:45%;
	min-height:250px;
	float:right;
	margin:10px;
}

div.advert .action
{
	height: 30px;
	width: 100%;
	margin-top:10px;
	background-color:#556;
	text-align:center;
	 
}
	
	
body.external {background-color:white; overflow:hidden;}

div.productbox
{
    width:100%; 
    min-height:450px; 
    max-height:450px; 
    margin-top:10px;
    float:left;
    overflow:hidden;
	padding-bottom:165px;
}

div.productbox img.size-large
{
    width:40%;
    float:right;
	position:relative;
	top:-100px;
}

div.clear
{
    float:left;
    width:100%;
    height:1px;
    clear:both;
}

body.frontPage
{
    background:none black;
}



#headerwrapper {
    border-bottom:2px solid #115;
    background-color:#002;
    width: 100%;
    margin-bottom: 3em;
	position:fixed;
	z-index:10000;
}

#header {
    margin: .5em auto 0 auto;
    overflow:hidden;
    width:96%;
}


#header #logo {
    text-align:center; float:left;
	width:10%; 
	height:75px;
}
 

#header #logo img { 
	float:left; 
	width:90%;
	margin:0 2% 0 0; 
	padding:0px;
}

#header #logo span {display:none;}


.frontPage .addtoany_share_save_container
{
    display:none;
}

div.downloadLogos
{

    min-width:70px;
    min-height:70px;

    -moz-border-radius:15px 15px 15px 15px;
    border-radius: 15px;

    overflow:hidden;

    float:left;
    margin-right:20px;

}


div.downloadLogos a
{
    min-width:85px;
    min-height:85px;

}


div.downloadLogos img
{
    display:none;
    margin:2px 0 0 2px;
    width:85px;
}


p.greyBox {
	
	background-color: #112;
	padding:20px;
	
	border-radius: 25px;
	border: 1px solid #333;
	
	color:#ffffaa;
	margin:12px;
}



.commentlist { list-style-type:none; }
.commentlist li { padding: 10px; margin:20px 0px;}

.comment_body {color:#dddddd;}



.twitter-follow-button
{
    position:relative;
    left: 30px;
}




ol {  padding-left: 30px; }
 
a {color:#aae;}

.clear {float:left; clear:both; width:100%;}

.topPost img {float:left; margin: 0 20px 10px 0 ;}

div.contactform {font-size: 1.1em; color:lightgrey; text-align:left; width:550px;}
div.contactleft {text-align:right; width:10%;}
div.contactright {width:80%;}

.facebook_share {
    float:left;
    position:relative; top:7px;
    margin: 0px 10px 0px 0;
    background-color:#003;
}

.entry
{
    padding:3px 3px 70px 3px;
}

.topPost {padding-top:0px;}
.post {display:block; width:100%; clear:both; padding-top:10px;}

strong {color:#ffffaa; }

.post img {clear:both;}


img.right {float:right; margin: 10px 0 10px 10px;}




div #press p
{
    width:100%;
    font-size: 1.1em;
    font-style: italic;
    text-align:center;
}

div #press a
{
    font-size:1.0em;
    width:100%;
    float:right;
    margin-bottom:50px;
    clear:both;
}


div #press strong
{
    width:100%;
    clear:both;
}



label {color:lightgrey; text-align:left;}

div.contactform input
{
    color: #000;
    background: white;
    width: 200px;
}

.wpcf7 {width: 100%;}
.wpcf7 input {width: 100%; height:27px; background-color:#333;  color:lightgrey; border:thin solid lightgrey;}
.wpcf7 textarea {width:100%; background-color:#333; color:lightgrey;}
 
.wpcf7-submit { height: 35px;}

#sidebar_full li {list-style-type:none; position:relative; left:0px; margin:0px; padding:0px;}
#sidebar_full ul {margin:0px; padding:0px;}

.float_left {float:left; margin:20px;}
.float_right {float:left; margin:20px;}

p {margin:0 0 20px 0;}
#content img {align:center; margin:5px 10px 5px 0;}
a {border:0px;}


#header h1 { 
	font-size:1.5em; font-weight:normal;
    letter-spacing: 43px;
    position: relative; top:2px;
    color:#669;
}
#header h1 a {color:#88a;}


#header h1 {
    padding: 0;
    margin: 0;
}
#header h1 a {
    text-decoration: none;
}
#header h1 a:hover {
    text-decoration: none;
}
#header span {
    padding: 0;
    font-size: 1.2em;
}




ul#nav {
	
	float:left; 
	margin:10px auto; 
    list-style : none;
    font-weight : bold;
    font-size:1.0em; 
    margin : 0; 
    padding-top:15px; 
	text-transform:uppercase;
   
}
 

#nav a {
    width:100%;
    height:100%;
    display : block;
    color : #ffffaa;
    text-decoration : none;
    border : none;
    letter-spacing:2px;
    font-size:.8em;
    padding:10px;
	text-align:center;
}

#nav ul a {
	
    width:100%;
    height:100%; 
}

#nav li {
    display:inline-block;
    text-align:center;
    overflow:hidden;
	padding: 0 15px;
}
 

#nav ul {

	list-style:none;
}

#nav a:hover
{
     color: lightgoldenrodyellow;
     background-color:#004;
}







h2 {font-size:1.2em; color:#aac; width:100%; margin-top:10px;}


.postmetadata {font-size:8pt; width:100%; float:left;}


#sidebars {
    position:absolute;
    right: 20px;
    top: 0px; 
    margin: 0px 0 0 0;
    width: 300px;
    font-size:8pt;
    color:#fff;
}

div .left_foot
{
    text-align:center;
    position:absolute;
    top:230px;
    right:-110px;
    font-size: 9pt;
    color: #666;
}


div .topPost {
    min-height: 750px;
    width: 60%;
    margin: 0px;
}


ul {
    margin-left: 20px;
    padding: 0px 0;
    color:#bbbaAA;
}


/* Defaults */

* {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 { 
    margin: 30px 0px 10px 0px;
    color:#aac;
	text-transform:uppercase;
}


#content h1, #content h2, #content h3, #content h4, #content p {
    width:100%;
    float:left;
}

hr {
    color: #333;
    border: 1px solid #121212;
}

pre {
    height: auto;
    overflow-x:scroll;
}

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

dd {
    padding-left: 15px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


blockquote {
    background: #070707;
    border: 1px solid #060606;
    padding: 5px 15px;
    margin: 10px 10px 5px 15px;
    font-style: italic;
}

code {
    font-style: italic;
}


body {
    margin: 0;
    background: #000;
}





/* Sidebars */
#sidebars .sidebarbox {
    background: url(images/bg-trans.png) repeat;
    padding: 8px 15px;
}

#sidebar_full {
    padding: 0;
    margin: 0;
}

#sidebar_left {
    float: left;
    width: 160px;
}

#sidebar_right {
    float: right;
    width: 160px;
}

#sidebars h2 {
    margin: 0;
    padding: 0 0 8px 0;
    font-weight: normal;
    font-size: 11pt;
}

#sidebars table {
    width: 130px;
}

#sidebars ul {
    margin: 0;
    padding: 0 0 5px 0;
}

#sidebars li {
    margin-bottom: 20px;
    list-style: none;
    font-size: 9pt;
}

#sidebars li ul {
    padding: 0;
}

#sidebars ul ul li {
    margin: 0;
    padding: 2px 2px 2px 16px;
    background: url(images/bullet.gif) left 8px no-repeat;
    line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}

#sidebars a {
    display: inline;
}
#sidebars a:hover {
    text-decoration: underline;
}

#sidebars p {
    padding: 2px 0;
    font-size: 9pt;
}

#tag_cloud a {
    display: inline;
}

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}

#footerwrapper {
    background-color:#002;
    border-top:2px #115 solid;
    width: 100%;
    float: left;
    margin-top: 3em;
}

#footer {
    width:96%;
    min-height:100px;
    clear:both;
    margin: 1.125em auto;
}



#landingWrapper {
    background-size:contain;
    background-repeat:repeat-y;
    border-left:2px #007 solid;
    border-right:2px #007 solid;
    max-width:1500px;
    min-width: 1000px;
    width:85%;
    text-align: left;
    margin: 0 auto;
}
#landingWrapper #main #contentwrapper {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 0;
    width:100%;
    margin:auto;
}
#landingContent {
    margin: 0;
    border-left: thin #999 solid;
    border-right: thin #999 solid;
    padding: 0;
}
#landingWrapper #main {
    top:0px;
    margin: 0 auto;
    padding: 0; 
}
#landingWrapper #header #logo {
    margin-bottom: 0;
    text-align: center;
    background-color:transparent;
}
.sliceshow-slideshow-container {
    padding: 0 20px;
}
#landingTitle {
    background-color: #000022;
    padding: 20px 5px 0;
}
#landingTitle h2 {
    margin:0;
    text-transform:uppercase;
    color: #ffffaa; 
	font-size: 1.5em;
}

div.landingSection {
    margin:0;
    padding:20px 0;
    width:100%;
    clear:both;
}
div.landingSection div {
    width:calc(50% - 40px);
    float:left;
    padding:20px;
}
div.landingSection p {
    padding-bottom:35px;
    height:200px;
}
div.landingSection img {
    float:left;
    width:170px;
    height:170px;
    margin-right:20px;
    border:thin darkblue solid;
}
div.landingSection iframe {
    margin-right:20px;
    border:thin darkblue solid;
}
div.landingSection h6 {
    color:#ffffaa;
    min-width:100%;
    border-bottom:thin #664 solid;
}

 
ul.submenu
{
	list-style:none;
	margin:25px 0px;
	padding:0px;
	float:left;
	width:100%;
	position:relative;
	top:-80px;
	z-index:1000;
	text-transform:uppercase;
	
}

.submenu li
{
	width: 22%;
	display:inline-block;
	float:left;
	max-height:60px;
	background-color:#334;
	margin:.5%;
	padding:1%;
	text-align:center;
	font-size:1em;
	overflow:hidden;
} 
.submenu li:hover
{
	background-color:#114;
	
}

.submenu li a
{
	font-size: 1em;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 10%; 
    position: relative; 
    z-index: 1000;
    letter-spacing: 2px;
    margin: 0; 
}

.submenu a li
{
	 color: #ff9;
}

.submenu li p
{
	font-size: .8em;
    margin: 0px;
    position: relative;
    color: #667;
    font-style: italic;
    z-index: 0;
    float: left;
    text-align: center;
    width: 100%;
}

.submenu li a:hover
{
	color:gold;
	text-decoration:none;
}
 


 
div #downloadProduct {
    width:45%; 
	max-width:45%;
	margin:0 auto 11vw auto;
	
}
    
div #purchaseProduct {
	width:50%;  
	margin:auto; 
}

div.productButtons a { 
	color: transparent;
	font-size:1.9em;  

	float:left;
	width:33%; 
	height:0px;
	padding-bottom:33%;
	opacity:75%; 
	margin:6%;
	border:.2vw #444 solid; 
	border-radius: 33%;
    -moz-border-radius: 33%;
	 
	background-size:200%; 
	background-position: center;
	 
}


div.productButtons #mac { 
	
	background: url("/wp-content/uploads/mac_link.png");
	background-repeat: no-repeat; 
	background-size:200%; 
	background-position: center; 
	background-color:#223; 
}
 
div.productButtons #mac:hover { 
	
	background-color:#666; 
	background: url("/wp-content/uploads/mac_link_normal.png");
    opacity:95%;
	border-color:#667; 
	
	background-size:200%; 
	background-position: center; 
	background-color:#445; 
}


div.productButtons #win { 
	
	background: url("/wp-content/uploads/windows_link.png");
	background-repeat: no-repeat; 
	
	background-size:200%; 
	background-position: center; 
	background-color:#223; 
}
 
div.productButtons #win:hover { 
	
	background: url("/wp-content/uploads/windows_link_normal.png");
	opacity:95%;
	border-color:#667; 
	
	background-size:200%; 
	background-position: center;
	background-color:#445;  
	
}

/* MOBILE ::::::::: */
@media only screen and (max-width: 800px) {
    @viewport {
        width: device-width;
    }
    html body {
        width: 100%;
    }

}


@media (min-width:320px)  { #wrapper {min-width:480px;} }
@media (min-width:480px)  { #wrapper {min-width:480px;} }
@media (min-width:600px)  { #wrapper {min-width:480px;} }
@media (min-width:801px)  { #wrapper {min-width:960px;} }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }