* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { 
  padding: 0; 
  background: #fff; 
  font: 1em/1.5 "Helvetica", "arial", sans-serif; 
  color: #616161; 
  text-align: center; 
}

#main p { padding-bottom: 15px; line-height: 1.65em; font-size: 1.05em; }


/* link colors --------------------------------------------------------------- */
a {color:#616161; padding-bottom: 2px; border-bottom: 1px solid #ef8f0e; text-decoration: none;}
a:link {color:#616161; padding-bottom: 2px; text-decoration: none;}
a:hover {color:#454545; padding-bottom: 2px; text-decoration: none; border-bottom: 1px solid #49bdf2;}

.featured_app a, .directory_app_title a, .directory_app a, #app_page_header_container a, #app_screenshots_container a, #credit a {color:#616161; padding-bottom: 2px; border:none; text-decoration: none;}
.featured_app a:hover, .directory_app_title a:hover, .directory_app a:hover, #app_page_header_container a:hover, #app_screenshots_container a:hover, #credit a:hover  {color:#454545; padding-bottom: 2px; border:none; text-decoration: none;}

#back_to_directory a { color: #6acb83; border: none; }
#back_to_directory a:hover { color: #ef8f0e; border: none; }

.content a { padding-bottom: 2px; border-bottom: 1px solid #fff;}
.content a:hover { padding-bottom: 2px; border-bottom: 1px solid #f18484; }

#footer #credit a {border:none; text-decoration: none;}
#footer #credit a:hover  {border:none; text-decoration: none;}   



/* forms ----------------------------------------------------------------------- */

label {
	width: 265px;
	float: left;
	text-align: left;
	margin-left: 45px;
	margin-right: 100px;
	margin-top: 3px;
	display: block;
	font-size: 1.2em;
}

input, textarea, select {
	width: 400px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 4px 2px 4px 2px;
	font-size: 1.2em;
	-moz-border-radius: 3px;
	
}

#radio {
	width: 40px; margin-right: 10px;
	
}


#checkbox {
	width: 1.2em;
	height: 1.2em;
	
}

.submit input {
	margin-left: 235px;
	font-size: 1.4em;
	font-weight: normal;
	color: #616161;
	border: 1px solid #aaa;
	
} 

#radio_feedback {
	width: 28px;
}

.regular_qa {
	padding-left: 45px;
	padding-right: 45px;
	margin-bottom: 45px;
}

.question { 
	font-size: 1.2em; 
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
}

.answer {
	font-size: 1.1em;
	padding-bottom: 5px;
}

.sub_qa {
	font-size: 1.0em; 
	margin-left: 105px;
	border-left: 1px solid #eee;
	padding-left: 15px;
	font-style: normal;
	margin-bottom: 45px;
}

.sub_question { 
	font-weight: bold;
	padding-bottom: 5px;
}
	
.sub_answer { 
	font-weight: normal;
	padding-bottom: 5px;
}

#feedback_textarea {
	width: 600px;
}

.spacer { padding-right: 12px; }
.tiny { font-size: 0.6em; font-weight: normal;}






/* headers --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 7px 0; font-weight: normal; }
h1 { font-size:190%; font-weight: bold; }
h2 { font-size:190%; border-bottom: 1px solid #ef8f0e; color: #ef8f0e; }
h3 { font-size:190%; border-bottom: 1px solid #f18484; color: #f18484; }
h4 { font-size:190%; border-bottom: 1px solid #6acb83; color: #6acb83; }
h5 { font-size:190%; border-bottom: 1px solid #49bdf2; color: #49bdf2; }

.big_blue {font-size: 1.5em; color:#49bdf2; }
.big_orange {font-size: 1.5em; color:#ef8f0e; }
.big_orange a {color:#ef8f0e; border: none; }

.big_red {font-size: 1.5em; color:#f18484; }
.big_green {font-size: 1.5em; color:#6acb83; }

.big {font-size: 1.4em;}


#back_to_directory { width: 860px; position: absolute; font-size: 0.9em; margin-top: 16px; text-align:right; }

#news_date { width: 860px; position: absolute; font-size: 0.9em; margin-top: 16px; text-align:right; color: #c0c0c0 }

#submit_app { width: 250px; padding: 5px; font-size: 1.4em; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; text-align:center; margin: 0 auto;}

#submit_app a { border:none; text-shadow: 2px 2px 2px #fff; }



.green { color: #6acb83; }
.orange { color: #ef8f0e; }
.blue { color: #49bdf2; }
.red { color: #f18484; }

.green a { border-bottom: 1px solid #6acb83; }
.orange a { border-bottom: 1px solid #ef8f0e; }
.blue a { border-bottom: 1px solid #49bdf2; }
.red a { border-bottom: 1px solid #f18484; }



/* layout ---------------------------------------------------------------------- */
#layout { 
  width:940px; 
  margin:0 auto; 
  text-align:left; 
}

  	/* header ------------------------------------------------------------------ */
  	#header { position:relative; background: #fff; margin-bottom: 25px; margin-top: 5px; }
  	
  	#head_container {
  		position: relative;
  	}
    
      #logo {
        position: relative; 
        float: left;
        overflow: hidden; 
        width: 230px; height: 230px;
        margin: 0;
        margin-left:14px;
        text-align: center;
      }
      
      #logo a{
        text-decoration: none;
        color: #fff;
        font-weight: normal;
        border: 0;
        padding: 0px 10px 7px 10px;  
      }
      
      #logo span {
        color: #676767;
      }
      
      #logo a:hover span {
        color: #fff;
        font-weight: bold;
      }
      
      #blurb {
      	float: left;
        position: relative;
        padding-left:12px;
        overflow: hidden; 
        width: 678px; height: 183px;
        margin: 0;
        text-align: center;
      }
      
      #navigation{
        position: absolute;
        left: 300px;
        line-height: 80px;
        display: block;
        height: 35px;
        width: 600px;
        top: 145px;
        text-align: right;
        font-size: 95%;
        font-weight: normal;
      }
      
      #navigation ul li{
        display: inline;
        background-color: #eee;
        border: 1px solid #ddd;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-left: 25px;
        padding: 5px 7px 4px 8px;
      }

      #navigation li a {
        color: #616161;
        text-decoration: none;
        text-shadow: 2px 2px 2px #fff;
        border: none;
      }
      
      #navigation a:hover {
        color: #303030;
        
      }
      
      
      /* The nice box with introducing text and news */
      
      /* set millions of background images */
      .displaybox { 
      background-color: #d02c2c; 	
      -webkit-border-radius: 10px; 
      -moz-border-radius: 10px;
      -webkit-box-shadow: 4px 4px 7px #eee;
      width: 96%; 
      margin: 1em auto; 
      color: #fff;
      margin-bottom: 30px;
      background-color: orange;      
      }

      /* height and width stuff. */
      .displaybox { background: #fff url('../img/displayboxbg.png') repeat-x; height: 180px; }
      
      .displaybox a { color: #fff;}
      .displaybox a:hover { }

      .content {
   	  	float: left; 
      	padding: 10px 0 10px 20px;
      	width:600px;
      	z-index: 10;
      }

      .content .title {
	  color: #fff;
	  font-size: 1.8em;
	  font-weight: normal;
	  text-shadow: 1px 1px 2px #4D4D4D;
      }
      
      .content p {
      font-size: 1.0em; 
      }
      
      .sub_title {
      font-size: 1.6em; 
      }
      
      #panel-right { float:right; width:230px; padding: 15px 10px; }
      #panel-right-inside { padding-left: 15px; font-size: 0.85em; }
      #panel-right span { color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #707070; }
      #panel-right p {margin: 0; padding-bottom:8px; }
      
      
      /* FEATURED APPS */
      #featured_apps_container {
	  padding-left: 10px;
      margin-top: 20px;
      margin-bottom: 30px;
      width: 900px;
      text-align: left;
      }
      
      .featured_app {
      width: 400px; 
      margin-right: 50px;
      float: left;
      }
      
      .featured_app_icon {
      width: 150px;
      margin-right:15px; 
      float: left;
      }
      
      .featured_app_description {
      width: 230px;
      float: left;
      }
      
      .featured_app_description .title {
      font-size: 1.4em;
      font-weight:bold;
      }
         
      
      /* DIRECTORY APPS */
      #directory_apps_container {
	  padding-left: 10px;
      margin-top: 20px;
      margin-bottom: 30px;
      width: 900px;
      }
      
      .directory_app {
      width: 100px; 
      margin-right: 50px;
      margin-bottom: 30px;
      float: left;
      height: 150px;
      } 
      
      .directory_app_icon {
      width: 100px;
      margin-right:15px; 
      float: left;
      }
      
      .directory_app_title {
      width: 100px;
      text-align:center;
      font-weight:bold;
      font-size:0.9em;
      margin-bottom: 3px;
      }
      
      .directory_app_title a {
	  padding-bottom: 2px;
	  border-bottom: 1px solid #6acb83;
      }
      
      .directory_app_title a:hover {
      padding-bottom: 2px;
	  border-bottom: 1px solid #f18484;
      }      

      .directory_app_platform {
      width: 100px;
      text-align:center;
      font-size: 0.7em;
      }
      
      
      /* APP PAGE */
      #app_page_container {
	  padding-left: 10px;
      margin-top: 20px;
      margin-bottom: 30px;
      width: 900px;
      }
      
      #app_page_header_container {
	  padding-left: 0px;
      margin-top: 0px;
      margin-bottom: 20px;
      width: 900px;
      }
      
      #app_page_icon {
      width: 150px; 
      margin-right: 25px;
      float: left;
      }
      
      #app_details_container {
      width: 300px; 
      margin-right: 25px;
      float: left;
      padding-top: 10px;
      }
      
      .app_page_appname {
      width: 300px;
      text-align:left;
      font-weight:normal;
      font-size:1.8em;
      }
            
      .app_page_platform {
      width: 200px;
      font-size:1.2em;
      }
      
      #app_page_buttons {
      margin-top:10px;
      width: 200px;
      float:right;
      margin-right:40px;
      text-align:center;
      font-size:1em;
      }

      #app_screenshots_container {
		margin: 10px;
		width:900px;
		text-align:center;
	  }
	  
	  .app_screenshot {
	  width:120px;
	  height:160px;
	  padding:20px;
	  float:left;
	  text-align:center;
	  }
	  
	  .app_screenshot_wide {
	  width:220px;
	  height:140px;
	  padding:25px;
	  float:left;
	  text-align:center;
	  }
      
      
      
      #main {
      padding: 0 37px
      }
      
      #footer {
      background: #fff;
      
      color: #303030;
      margin-top: 50px;
      font-size: 0.8em;
      }
      
      #footer a{
      color: #303030;
      border-bottom: 1px solid #f18484;
      }
      
      #footer a:hover {
      color: #303030;
      border-bottom: 1px solid #6acb83;
      }
      
      #footer-inside {
      border-top: 1px solid #eee;
      width:858px; 
      margin:0 auto; 
      text-align:left; 
      padding: 26px 0;
      }
      
      #footer-inside p {
      margin-top: 0;
      margin-bottom: 0;
      }
      
      #copyright {
      float: left; 
      width: 300px;
      }
      
      #credit {
      margin: 0 0 0 323px;
      text-align: right;
      font-size: 1.3em;
      font-weight:normal;
      }

/* paragraph -------------------------------------------------------------------- */
p { margin:15px 0; line-height: 24px; font-size: 95%}

.content p {color: #fff; margin-top: 10px;}

/* tables --------------------------------------------------------------------- */
table { margin:15px 0; border: 1px solid #cdcdcd; border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%;}
th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}
th, td { padding:4px 6px; border: 1px solid #cdcdcd;}
tr.table-top {background: #e5e5e5; font-weight: bold;}

/* lists --------------------------------------------------------------------- */
ul, ol { display:block; margin:15px 0 15px 40px; }
ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }
ol { list-style-type:decimal; }
ol ol { list-style-type:upper-alpha; }
ol ol ol {list-style-type:lower-alpha; }
li { display:list-item; }
ul li a { text-decoration:underline; }

/* definice -------------------------------------------------------------------- */
dl { margin:15px 0; }
dt { font-weight:bold; }
dd { margin-left:30px; }

/* other --------------------------------------------------------------------- */
fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }
legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }
abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }
blockquote { margin:15px 20px; font-style:italic; }
del, .del { text-decoration:line-through; }
strong, .strong { font-weight:bold; }
cite, em, q, var { font-style:italic; }
code, kbd, samp  {font-family:monospace; font-size:110%; }
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} 
.light {padding: 4px 5px; background: #ac0001; text-decoration: none;} .light:hover {color: #fff;}
.noscreen { display:none; }
.float { clear:both; }