/* CSS Document */

/*---- reset ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*---- defaults  ----*/
html, body { text-align: center; min-height: 100%; margin-bottom: 1px; }
body { background: #333333; }
hr { visibility: hidden; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
.pointer { cursor: pointer; } 

/*---- typography  ----*/
body { color: #191919; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
a:link, a:active { color: #471e60; text-decoration: underline; }
a:visited { color: #772da5; text-decoration: underline; }
	a:hover img { background: none; } 
a:hover { color: #772da5; text-decoration: none; }
a.external { padding-right: 17px; margin-right: 5px; background: url('../images/external-link.png') 100% 50% no-repeat; }

small { font-size: 1em; }
strong { font-weight: 700; }
abbr, acronym, span.abbr { color: #333; border-bottom: 1px dotted #888; text-transform: uppercase; cursor: help; }
.light-grey { color: #888; }
.dark-grey { color: #333; }
.even, .even td { background: #f6f1de; } 

.replace { display: block; text-indent: -3000px; overflow: hidden; }
.clear { clear: both; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, Verdana, sans-serif }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 12px; text-transform: uppercase; }

#header { width: 100%; margin: 0; background: #fff; height: 70px;}
	#logo { width: 160px; height: 45px; display: block; text-indent: -3000px; background: transparent url(../images/finetuna_logo.gif) no-repeat 0 0;  overflow: hidden; }
	#navigation { float: right; width: 500px; padding: 10px 50px 10px 0;  }
		#navigation li { float: right; }
			#navigation a { font-size: 1.1em; color: #333; border-bottom: 1px dotted #333; text-decoration: none; padding-bottom: 1px; }
			#navigation a:hover { font-size: 1.1em; color: #333; border-bottom: 1px solid #222; text-decoration: none; }

#content { width: 100%; margin: 0; background: #ffefbe url('../images/bg.png') 0 0 repeat-x;}

	h1 { width: auto; height: 27px; background: transparent url('../images/add-comments-share.png') 145px 0 no-repeat; }
	
	#content p { font-size: 1.2em; }
	
	
	
	#branding {
	background: transparent url('../images/finetuna_logo.gif') 0 10px no-repeat; height: 70px;
	}
	#branding, #content h1, #content fieldset, #how-it-works, #firefox-extension, #footer p { display: block; width: 780px; clear: both; margin: 0 auto;  }
	#how-it-works, #firefox-extension { padding: 15px 0;  }
	.w {  background: transparent url('../images/dash.png') 0 0 repeat-x; padding: 2px 0; width: 100%;}
	
	#how-it-works h2 { width: 350px; height: 30px;  background: transparent url('../images/how-it-works.png') 0 0 no-repeat; }
	
	#how-it-works ul { height: 190px; }
	#how-it-works li { display: block; width: 200px; height: 20px; padding: 150px 50px 0 20px; float: left; text-align: center; font-size: 1.1em; }
	#how-it-works li#how01 { background: url('../images/how01.png') no-repeat 0 0; }
	#how-it-works li#how02 { background: url('../images/how02.png') no-repeat 0 0; }
	#how-it-works li#how03 { background: url('../images/how03.png') no-repeat 0 0;  padding-right: 20px; }	
	
	#firefox-extension { background: transparent url('../images/firefox-extension-elements_2.gif') 50% 20px no-repeat;  }
	#firefox-extension h2 { margin-left: 240px; width: 350px; height: 30px;  background: transparent url('../images/get-the-extension.png') 0 0 no-repeat; }
	#firefox-extension a { margin-left: -5px; width: 155px; height: 45px;  background: transparent url('../images/install-now.png') 0 0 no-repeat; }
	#firefox-extension p { margin-left: 240px; width: 200px; line-height: 150%; padding: 0.3em 0 0.7em;}


#footer { width: 100%; clear: both; margin: 0; border-top: 1px solid #999178;  }
#footer p { color: #fff; font-size: 1.1em; line-height: 150%; padding: 1em 0 2em; text-align: center; }
#footer a {color: #ffefbe;}

/* forms */

#content fieldset { padding: 20px 0; display: block; }
	#content fieldset p { text-align: center; }
	
	#from-computer { padding: 18px 0 18px 175px; height: 59px;  background: transparent url('../images/from-computer-bg.png') 145px 0 no-repeat; }
		#from-computer p  { margin-bottom: 2px; width: 400px; height: 20px;  background: transparent url('../images/from-computer.png') 0 0 no-repeat; }
	#from-web { padding: 18px 0 18px 175px; height: 59px;  background: transparent url('../images/from-web-bg.png') 145px 0 no-repeat; }
		#from-web label  { margin-bottom: 2px; width: 400px; height: 20px;  background: transparent url('../images/from-web.png') 0 0 no-repeat; }
	#or { width: 27px; height: 28px;  background: transparent url('../images/or.png') 0 0 no-repeat; margin: 0 auto; }
	#from-web input { width: 420px; background: #fff; border: none; font-size: 14px; color: #000; padding: 4px 5px; -webkit-border-radius:5px; }
	input#go { border: none; text-indent: -3000px; padding: 0; overflow: hidden; background: transparent url('../images/upload-button.png') 0 0 no-repeat; width: 221px; height: 60px; cursor: pointer; margin: 10px auto 0; }


/input file

.input-file { width: 420px; position:relative; font:x-small/160% Verdana; margin:0 0 20px 0; zoom:1; overflow:hidden; border: 1px solid #000; background: #000; }
.input-file label:hover { background: transparent url('../images/browse-button.png') 0 -40px no-repeat; }
.input-file label span { display:none; }
.input-file label input { display:block; width:100%; }
html.js .input-file label { float:right; white-space:nowrap; position:relative; z-index:1; left:10px; top: -7px; overflow:hidden; border: none; background: transparent url('../images/browse-button.png') 0 -1px no-repeat; padding: 0; display:block; text-indent: -3000px; overflow: hidden; width: 120px; height: 41px; cursor:pointer; }
html.js .input-file label:hover { background: transparent url('../images/browse-button.png') 0 -40px no-repeat; }
html.js .input-file-no-path label { float:left; }
html.js .input-file label span { display:inline; }
html.js .input-file label input { width:auto; position:absolute; right:0; top:0; border:none; font-size: 14px; line-height:12px; opacity:0; zoom:1; filter:alpha(opacity=0); cursor:pointer; }
.input-file var { display:none; background:#fff; position:relative; overflow:hidden; padding: 4px 7px 4px 5px; border: none; zoom:1; _right:-3px; /*eliminate gap for IE*/ -webkit-border-radius:5px; height: 20px; }
html.js .input-file var { display:block; }
.input-file-no-path label{ -webkit-border-radius:5px; }
.input-file var input { display:block; width:100%; position:absolute; border:none; background:transparent; font-size:14px; color:#000; font-style:italic; top: 0; left:0;  padding: 4px 5px; -webkit-border-radius:5px; }
.input-file var input:focus { outline:none; }



#generalcontent {
margin-top: 30px;
padding-top: 30px;
width:550px;
height: 400px;
margin:0 auto;
padding:0;
font-size: 130%;
line-height:normal;
}

#generalcontent li{
list-style:disc; 
margin-left: 30px;
margin-bottom: 5px;
}

#generalcontent h2{
margin-bottom: 20px;
color: #7D8F01;
margin-top: 20px;
}

#generalcontent h3{
margin-bottom: 20px;
}

#upload_section {
	margin:0 auto;
	width:1010px;
	height:350px;
}

#toddle_link {
	width: 230px;
	float: right;
	margin-top: 50px;
}

#social_icons {
margin-left: 25px;
margin-top: 20px;
}



.clearall {
	clear: both;
}

#presscontent {
margin-top: 30px;
padding-top: 30px;
width:550px;
margin:0 auto;
padding:0;
font-size: 130%;
line-height:normal;
}

#presscontent ul {
	margin-top: 10px;
}

#presscontent li{
list-style:disc; 
margin-left: 30px;
margin-bottom: 5px;
}

#presscontent h2{
margin-bottom: 20px;
color: #7D8F01;
margin-top: 20px;
}

#presscontent h3{
margin-bottom: 20px;
font-weight: bold;
padding-top: 20px;
border-top: 1px dotted #666666;
}

#presscontent .pressimages li {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
 list-style-position: inside;
list-style: none;
padding:10px;
border: 1px dotted #666666;
}

#message {
	margin:0 auto;
	width:550px;
	border: 1px dotted #66ce00;
	background-color: #dbffb9;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	display: none;
}

#message.error {
	background-color: #f2bdbd;
	border: 1px dotted #b22222;

}