/**
 * Copyright 2009 Robin Komiwes, Bruno Verachten, Christophe Cordenier
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * 	http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*
Theme inspired from kuler scheme : http://kuler.adobe.com/#themeID/617195
	2F2F32	6E6D65 	C9BB9B	FFD8A1	FF7351
*/
@import url("reset.css");

/*****
 * GLOBAL 
 */

/* common tags */
body { background: white url('../img/top_bg.png') repeat-x ; font-family: Georgia, serif; font-size: 16px; text-align: center}
#faq { background: white url('../img/top_small_bg.png') repeat-x ; }

.wrapper { clear: both; margin: 0 auto; width: 760px; padding: 0px; text-align:left;}

/* lists */
ol, ul { list-style-position:outside; padding: 10px 5px; margin:0px 20px; }
ol { list-style-type:decimal; }
ul { list-style-type:disc; }

/* links */
a { color: #FF7351;}

/* forms */
input { border: 1px solid #6E6D65; font-family: Helvetica, Arial, sans-serif; font-size:14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px; border-bottom: 1px solid rgba(0,0,0,0.25); color: #6E6D65;}
input:focus { border: 1px solid #FF7351;box-shadow: 0px 0px 5px #FF7351; -webkit-box-shadow: 0px 0px 5px #FF7351; -moz-box-shadow: 0px 0px 5px #FF7351;  }
input[type="checkbox"] { width:auto !important; }

/* heading */
h1, h2, h3, h4, h5, h6 { padding: 5px 0px; font-family: Helvetica, Arial, sans-serif;  }

h1 { font-family: Georgia, serif; }
h2 { font-family: Helvetica, Arial, sans-serif; font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #2F2F32}

h1 { font-size: 36px; text-align:center; padding:20px; }
h2 { font-size: 30px;  padding-bottom:0px;}
h3 { font-size: 20px; }

/* others */
p, blockquote, pre { margin: 5px 0px; padding:5px 0px; }
quote, blockquote {	font-family: Georgia; font-style: italic;  }
blockquote, pre { margin-left:30px; padding-left:10px; border-left:1px solid #C9BB9B; }
pre { font-size:12px; white-space:normal; }

small { font-size: 12px; font-style:italic;}

/*****
 * UTILITY CLASSES
 */
.radied, .box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.shadowed, .box { box-shadow: 0px 0px 10px rgba(47,47,50,0.4); -webkit-box-shadow: 0px 0px 10px rgba(47,47,50,0.4); -moz-box-shadow: 0px 0px 10px rgba(47,47,50,0.4);}

.btn-active, .btn-normal { text-decoration: none; padding:5px;  text-align: center; font-family: Helvetica, Arial, sans-serif; }
.btn-active { border: 1px solid #FF7351; background:#FF7351; color:#FFD8A1; text-shadow:0px -1px 1px rgba(0,0,0,0.25);  border-top: 1px solid rgba(255,255,255, 0.25); border-left: 1px solid rgba(255,255,255, 0.25); border-bottom: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25);}
.btn-normal { border: 1px solid #6E6D65; background:#6E6D65; color:#FFD8A1; text-shadow:0px -1px 1px rgba(0,0,0,0.25);  border-top: 1px solid rgba(255,255,255, 0.25); border-bottom: 1px solid rgba(0,0,0,0.25);}

.section { background: white; padding:10px; margin-bottom:10px;}
.section h2 { font-family: Helvetica, Arial, sans-serif; padding:0px; padding-bottom:5px;}

.left-col { float:left; margin-right:5px; clear:left;}
.right-col { float:right; margin-left:5px; clear:right;}

.clearer {clear:both;}

.x160 { width: 135px; }
.x260 { width: 235px; }
.x300 { width: 275px; }
.x360 { width: 335px; }
.x400 { width: 375px; }
.x460 { width: 435px; }
.x500 { width: 475px; }

.x385f { width:380px;}
.x375f { width:370px;}

.center { text-align:center;}

.highlight { background-color:#FFD8A1;}
/*****
 * HEADER
 */
#header { height:280px; margin-bottom:10px;}
#faq #header { height:130px;}

#header-content { clear:both }
#wooki {   padding:30px 0px; text-align:center;}
#faq #wooki { padding:10px 0px; } 

#top-nav { line-height:30px; padding:0px; height:30px; color:white; font-weight: bold;  font-family: Helvetica, Arial, sans-serif; }
#top-nav li { padding-right:40px;}
#top-nav a { color:white; }

#download { margin: 0 auto; padding:5px; font-size: 18px; width:220px; display:block;  }
#download small { font-size: 14px;}

#announce  { font-size: 24px; color: #6E6D65; padding:10px 0px;}
#announce h2 { color:#2F2F32 }
#announce-p1 {padding-top:0px;}

dl { font-size:16px; font-style:italic;padding:10px 0px; text-align:right;}

.nav, dl { list-style: none; }
.nav li, dt, dd { display:inline; }
.nav a { text-decoration: none; }
.nav img { vertical-align: text-bottom; }

/*****
 * FOOTER
 */
#footer { clear:both; color:white ; padding:10px; background-color:#2F2F32; text-shadow:0px -1px 1px rgba(0,0,0,0.25);}
#footer a { color:#6E6D65; }

/*****
 * INDEX
 */
#screenshots { list-style: none; padding:0px; margin:0px; font-family: Helvetica, Arial, sans-serif; font-size:12px; text-align:center; color:#6E6D65;}
#screenshots li { width:180px; padding: 5px ; float:left; margin:0px; }
#screenshots a { text-decoration:none; color:#6E6D65;}

#content h3 { padding:5px 0px 0px 0px;clear:both;}

#demo-link-box { margin: 0px;  clear:both; padding:20px;}
#demo-link { padding:10px; font-size:18px; }