/*
Theme Name: Vividnoise           
Description: The default theme for vividnoise.com.
Version: 1.0
Author: Neil Cowburn                

*/
@import url(reset.css);

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 87.5%; /* 14px reset */
	line-height: 1.5em;      
	overflow-y: scroll;
}       

a { text-decoration: none; color: #195A9A; }
a:hover { color: #ab1010; }                
#page {         
	font-size: 1.0em;
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	margin: 0 auto; 
	width: 920px;
	padding: 0 20px;  
/*	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;*/
}      

#header {
	height: 90px;
}

#header img {
	position: relative; 
	left: -12px;
	top: 20px;
}  

#footer {            
	clear: both;   
	width: 100%;
	margin-top: 20px;
	padding: 10px 0;     
} 

#content {
	 float: left;  
	 width: 700px;
	 margin-top: 25px;   
/*	border-top: 1px solid #f00;*/
}   

#sidebar{ 
	float:right;  
	padding:2px 0 18px 0;  
	width:200px;  
	font-size:1.0em;  
	color:#666;  
	text-align:left; 
	margin: 25px 0 20px 0;
/*	border-top: 1px dashed #f00; */
}      

.widget h3, li.widget h2 {
	font-weight: bold;
}     

#sidebar li {
	margin-left: 20px; 
	list-style: disc;
}	
#sidebar li.widget, #sidebar li.widgettitle {
	font-weight: bold;
	margin-left: 0px; 
	list-style: none;   
}   
#sidebar li.widget, div.widget {
	font-weight: normal;  
	margin-bottom: 10px;
}

#nav { 
	background: transparent; 
	font-size: 1.0em;  
	float: right; 
	position: absolute; 
	top: 25px; right: 20px;
	height: 30px;   
	/* rounded border */ 
	-moz-border-radius: 8px; /* FF1+ */
  	-webkit-border-radius: 8px; /* Saf3+, Chrome */
    border-radius: 8px; /* Opera 10.5, IE 9 */
	border: 1px solid #999;                   
	/* ---------- */
	
	padding: 5px; 
	 
	/* Background gradient */
  	background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bbbbbb),color-stop(1, #ffffff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb')"; /* IE8 */
}
.menu {                      	
	list-style: none;
}   

.menu li, .menu li.pagenav {float:left; padding: 6px 8px; margin-right: 2px; }
.menu a { 
	font-weight: bold;
	color: #333;  
	text-shadow: #fff 0px 1px 0px; /* FF, Chrome, Saf, Opera */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90); 	 /* IE6,IE7 */
	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90); /* IE8 */
	
} 

.menu a:hover, a:active {
	color: #ab1010;
}  

.marketing {
/*	 rounded border */ 
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
    border-radius: 8px;      
    border: 1px solid #999;                  
	/* ----------   */     
	background: #dde2e6;
	height: 50px; 
	width: 100%;
	padding: 5px 5px 5px -5px;     
	font-size: 1.0em;     
	color: #555;
	font-weight: bold;      
	
	text-shadow: #fff 0px 1px 0px; /* FF, Chrome, Saf, Opera */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90); 	 /* IE6,IE7 */
	-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90); /* IE8 */   
	
	/* Background gradient */
  	background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bbbbbb),color-stop(1, #ffffff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb')"; /* IE8 */
}        
    
.text {
	background: transparent url('/images/ml_input.gif') no-repeat;
	height: 30px;
	width: 300px;                 
	float: left;
	position: relative; left: 130px; 
	margin-top: 10px;     
}                     

.text input {
	border: none;  
	margin-top: 8px; 
	margin-left: 8px;
	height: 12px;    
	width: 258px;    
} 
   
.button {  	                     
	/* rounded border */ 
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius: 4px; /* Opera 10.5, IE 9 */
	border: 1px solid #666;                   
	/* ---------- */    
	padding: 5px 5px;
	height: 27px;   
	width: 60px; 
	margin-top: 11px;
	margin-right: 12px;  
	background: #ab1010;
	color: #fff;  
	float: right;
} 
         
.hentry {  
	font-size: 1.0em;  
	line-height: 1.5em;                       
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #000;
}

.hentry p {
	padding-top: 1.0em; 
}  

.hentry h2, .hentry h3 { font-size: 2.0em; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.hentry h2 a, .hentry h3 a {
	color: #333;
}  

.hentry h2 a:hover, .hentry h3 a:hover  { color: #ab1010;}   
.postmetadata { 
	font-weight: bold;  
	color: #555;
}
.pagetitle { color: #c00; font-size: 1.143em; margin-bottom: 5px;}
.cc { color: #195A9A;}    

.post small {
	font-size: 0.851em;
	line-height: 1.277em;
	color: #666; 
	position: relative;
	top: -45px;
	float: right;   
	font-weight: bold;
}    
.post small b {
	color: #195A9A;
}    

.entry ul {
	margin-bottom: 1.0em;
}
.entry li {
	list-style: disc;
	margin-left: 20px;
} 

.entry h3, .entry h2 {
	font-size: 1.143em;
	line-height: 1.714em;
	border: none; 
	margin-top: 1.0em;
	margin-bottom: 0;
}        

.entry h2 {
	font-size: 1.714em; 
	line-height: 1.929em; 
	color: #333;
	margin: 0;
}

/* Comments */
.commentlist { border-bottom: 1px solid #ccc; }          

.comment { border-top: 1px solid #ccc; padding-top: 20px; padding-bottom: 20px; }   
#respond, h3#comments { margin-top: 10px; } 
#respond h3, h3#comments { font-size: 1.5em; line-height: 2.25em; color: #666;}
/*.odd { background: #FAFAFA; }*/

.comment-author {
	float: left;         
	border: 1px dotted #000;
} 

.comment-head  {
	display:block;
	float:left;
	overflow:hidden;
	width:200px;
	margin-top: 10px;
	margin-right: 10px; 
}   
 
.comment-head .avatar-block  {
	display:block;
	float:left;
	height:40px;
	margin-left:10px; 
	position:relative;
	width: 40px; 
} 

.comment-head .avatar-block img {
	background:none repeat scroll 0 0 #DDDDDD;
	display:block;  
	margin-left: 10px;
} 

.comment-head .avatar-block a {
	/*background:url("/img/blog/avatar_frame.png") no-repeat scroll 0 0 transparent;*/
	border:0 none;
	display:block;
	height:40px;
	left:0;
	position:absolute;
	text-indent:-9000px;
	top:0;
	width:40px;
	z-index:1;  
}

.comment-head ul {
	margin: 0 0 0 70px;
	padding: 0;
}

.comment-head ul li.author {	 
	margin-top: -2px;
	font-size: 1.0em;   
	font-weight:bold;  
}        

.comment-head ul li cite {
	color:#000000;
	font-weight:bold; 
}

.comment-body  {
	display:table;   
	margin-top: 8px;
	margin-left:180px;
	margin-right:20px;
/*	overflow:hidden; */
	width:460px; 
}    

.comment-body p {     
	font-size: 1.0em;
	margin-bottom: 1.5em;  
	line-height: 1.5em;
}        

#commentform input, #commentform textarea {
	border: 1px solid #ccc; 
	font-family: 'Helvetica Neue';
	font-size: 1.0em;   
	margin-bottom: 5px;
	padding: 2px;
}         

#content .post-navigation {
	margin-bottom: 60px;
}

.alignleft {
	float: left;
}

.alignright { float: right; }    


.footer-info {
	/* rounded border */ 
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
    border-radius: 8px;      
    border: 1px solid #999;                  
	/* ----------   */
	
	/* Background gradient */
  	background-image: -moz-linear-gradient(top, #ffffff, #def7ff); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #def7ff),color-stop(1, #ffffff)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#def7ff'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#def7ff')"; /* IE8 */
}          
 
#support-content, #product-content {
	width: 100%;      
}

#product-header {                  
	-moz-border-radius: 4px; 
  	-webkit-border-radius: 4px; 
    border-radius: 4px;      
    border: 1px solid #000; 
	background: #000;
    height: 150px;  
	color: #fff;
	font-size: 3.0em;  
	margin-top: 25px;

}       

#product-header .apptitle {
	position: relative;
	left: 130px; top: -20px;
	font-weight: bold;
}   

#product-header #icon {
   position: relative;
   left: 50px; top:40px;
}

#product-header .tagline { 
	font-size: 0.333em;    
	line-height: 1.25em;
	position: relative;
	left: 130px; top: -10px;
	font-weight: normal;
	color: #aaa;
}

#product-main { 
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 500px;          
}                     

#product-features { 
	display: block;
	float: left;
	width: 428px;
	height: 100%;
/*	border: 1px solid #0f0;*/
}

#support-content h2 { font-weight: bold; }               
#support-content p, #product-features p {
	margin-top: 10px;  
	font-weight: normal;
	font-size: 1.0em;
} 

#product-features p.lead { 
	margin-top: 20px;
	font-size: 1.0em; 
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

#product-features h4 {
	margin-top: 20px;  
	font-weight: bold;
}

#product-art {
	display: block;
	float: right;
	width: 448px;     
	height: 100%;
/*	border: 1px solid #00f; */ 
}   

#product-art #iPhone {  
/*	border: 1px solid #f00; */
	display: block;         
	position: relative; 
	top: -125px;
	left: 94px;    
	width: 260px;
	height: 520px; 
}        

#product-art #iPhone #screenshot { 
	display: block;
   	width: 214px;
   	height: 320px;          
	position: relative;
	top: -440px; right: -24px;
	background: #fff;
}  

#product-art #appstore { 
/*border: 1px solid #f00; */
	display: table; 
	margin: 0;             
	position: relative;
	top: -150px; left: 125px; 
}                            

#product-art #appstore .price { 
	background: transparent url('images/price.png') no-repeat;
	height: 100px;
	width: 100px;
	position: relative; 
	top: -180px;    
	left: -70px;
}      
.price .value {     
	color: #444; 
	text-shadow:0 1px 0 #FFFFFF;
	font-size: 2.0em; 
	font-weight: bold;
	padding: 0; 
	position: relative; 
	top: 25px;    
	left: 14px;
}
   
.price .value small {
	font-size: 0.5em; 
	margin-left: 20px;  
}
#product-art .screenshots {  
/*border: 1px solid #f00;*/     
	display: table;
	margin: 0 auto;
	position: relative;
	top: -240px;
}               
#product-art .screenshots div { float: left;}
#product-art .screenshots h3 {
	margin-top: 0;
	padding-bottom: 5px; 
	font-weight: bold;
}
#product-art .screenshots img { 
	border: 1px solid #999;
	margin: 0 2px;  
	cursor: hand;
	cursor: pointer;
}         

.page  { width: 100%; margin-right: 8px; }   

.twbutton {          
	float: left;
	/* rounded border */ 
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
    border-radius: 8px;      
    border: 1px solid #ab1010; 
	background: #ab1010;                 
	/* ----------   */
	height: 28px;
	text-align: center;
	padding: 0 13px; 
	padding-top: 5px;
	margin-top: 10px; 
	display: table; 
}        

.twitter a {
	color: #fff;
}            

.hr {
	clear: both;
	border-bottom: 1px solid #ccc;  
	margin: 10px 0;    
	padding: 10px  0;
}                 

.wpcf7 input { border: 1px solid #999; height: 28px; font-size: 1.0em;}
.wpcf7 textarea { font-family: 'Helvetica Neue'; width: 100%; }        

/* pages */                                  
.release { border-bottom: 1px solid #ccc; padding-bottom: 10px; } 
.last { border: none; }
.title { font-size: 1.5em; font-weight: bold; } 
.subtitle { font-weight: bold; color: #999; font-size: 1.0em;}
strong { font-weight: bold; }