/*
Theme Name: Ankoder Layout Styles
Theme URI: http://www.ankoder.com
Description: Layout styles for Ankoder.
Version: 1.0
Author: Jen Germann
Author URI: http://jengermann.com/
*/

/* --------------------------------------------------------------

   Coax standards compliance out of IE6 like this:
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

-------------------------------------------------------------- */

/* --------------------------------------------------------------

   Reset.css
   * Resets default browser CSS styles.

   Original by Erik Meyer:
   * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    text-decoration: none;
}


.footnote {
    font-size: 12px;
}
.style1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left:20px;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html, body { border:0; margin:0; padding:0; }
body { background: #f3f7df url(../images/backgrounds/bg_lineheight.gif) repeat 0 0; }
	body { background: #f3f7df url(../images/backgrounds/bg_body.gif) repeat-x 0 0; }
	body#home { background: #f3f7df url(../images/backgrounds/bg_body_home.gif) repeat-x 0 0; }
	body.app { background: #f3f7df url(../images/backgrounds/bg_body_app.gif) repeat-x 0 0; }


/***** Forms *****/

form 			{ margin:0; padding:0; }
input, select, textarea { margin: 0 0 9px; border: 1px solid #bbb; }
	input, textarea { padding: 3px 8px 5px; }
textarea 		{  }

fieldset { background: #e1ebae; margin: 0 0 18px; padding: 10px 17px 19px; border: 3px solid #d6e498; }

form.accountform label, form.accountform span { width: 123px; float: left; text-align: right; }
	form.accountform label { margin: 0 20px 0 0; padding: 7px 0 0; }
	form.accountform span { display: block; }
	form.accountform input { width: 362px; }

	form.accountform fieldset.fs_survey { padding: 14px 17px 16px; }
	form.accountform fieldset.fs_survey label, form.accountform fieldset.fs_survey span { width: 203px; }
	form.accountform fieldset.fs_survey label { padding: 4px 0 0; }
	form.accountform fieldset.fs_survey select { width: 220px; }

	form.accountform fieldset.fs_create { padding: 18px 17px 20px; }
	form.accountform fieldset.fs_create p { width: 384px; margin: 0 auto 14px; text-align: center; }
	form.accountform fieldset.fs_create input { width: auto; margin: 3px 0 0; float: left; vertical-align: middle; }
		@-moz-document url-prefix()
		{ form.accountform fieldset.fs_create { padding: 18px 17px 12px; } /* Firefox is 1px too long */ }

	input#submit { width: 302px; height: 38px; background: url(../images/btn_create_account.gif) no-repeat 0 0; margin: 0 0 0 42px; padding: 0; border: 0; font-size: 0; color: #87235f; cursor: pointer; }
/*------------------------------------------------------------------------
 *=CODE
 ------------------------------------------------------------------------*/

pre {
  background: #f7f7f7;
  padding: 10px;
  font-size: 11px;
  line-height: 130%;
  border:1px dotted #054F45;
  overflow:auto;  
  margin-bottom:10px;
}


pre code {
    font-family: Monaco, Consolas, "Lucida Console", monospace;
}
/***** Buttons *****/
/* Thank you to Particletree for this: http://particletree.com/features/rediscovering-the-button-element/ */
button, a.btn {
    width:auto;
    background-color: #87235f;
    margin:0;
    padding:0 22px 1px;

    border:1px solid #87235f; /* 4c96bd */
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;

    float:left;
    display:block;
    overflow:visible;
    cursor:pointer;

    color:#eef4d2;
    font-size: 11px;
    font-weight:bold;
    line-height:14px;
    text-decoration:none;
}
	table button { margin: 0 auto; float: none; }
		@-moz-document url-prefix()
		{ button, a.btn { padding:0 22px; } /* Firefox is 1px too long */ }

button:hover, a.btn:hover, button:active, a.btn:active {
    background-color:#009e8b;
    border:1px solid #009e8b;
}

.banner_message a { width: 142px; height: 38px; margin: 23px 0 0; float: left; display: block; text-indent: -9999px; }
	.banner_message a.signup { background: url(../images/buttons/btn_signup.gif) no-repeat 0 0; margin: 23px 18px 0 80px; }
	.banner_message a.tour { background: url(../images/buttons/btn_tour.gif) no-repeat 0 0; }

/***** Tables *****/
/* tables still need 'cellspacing="0"' in the markup */
table {
	background: #fff;
	border:1px dotted #000; margin:0px; padding:0;
	border-collapse: separate;
	border-spacing: 0;
}

th, td {
	width: 158px; border-right: 2px solid #d9d7d4; border-bottom: 1px solid #d9d7d4; text-align: left;
}
	th.last_cell, td.last_cell { border-right: 0; }
th {  }
	th.th_header { padding: 14px 0 0; }
td { vertical-align: top; }
	td.td_row_header { background-color: #eef4d2; padding: 12px 0 0; }
	td.td_data { background-color: #e1ebae; padding: 15px 0 14px; border-right-color: #c4c99b; }
	td.td_data_white { padding: 18px 0 17px; }
	table.pricing_table td.td_data_white { border-bottom: 0; }


/***** Global Classes *****/

hr 				{ width: 100%; background-color: #f3f7df; margin: 0 !important; border: 0; border-top: 1px solid #f3f7df; clear: both; color: #f3f7df; }
	fieldset hr, hr.sep { background-color: #c4c99b; margin: 8px 0 9px !important; border: 0; border-top: 1px solid #c4c99b; clear: both; color: #c4c99b; }
		@-moz-document url-prefix()
		{ fieldset hr { margin: 8px 0 8px !important; } /* Firefox is 1px too long */ }
		hr.sep { margin: 18px 0 !important; background-color: #b9b8a7; border-color: #b9b8a7; color: #b9b8a7; }

.clearer		{ clear:both; }

.float-left, .alignleft 	{ float:left; }
.float-right, .alignright 	{ float:right; }
	.alignleft { margin: 0 15px 10px 0; }
	.alignright { margin: 0 0 10px 15px; }

img 			{ border:0; }
img.article_img { background-color: #e5ddd2; margin: 0 12px 12px 0; padding: 6px; border: 1px solid #b2a089; float: left; }
	#feature.post img.article_img { background-color: #787578; border: 1px solid #181618; }

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

img.size-medium { width:233px; height:240px; }
img.size-thumbnail { width: 120px; height: 90px; }
img.size-full {  }

.nomargin		{ margin:0; }
.nopadding 		{ padding:0; }
.noborder		{ border: 0 !important; }
.noindent 		{ margin-left:0;padding-left:0; }
.nodisplay, .hide	{ display: none; }

.block { float: left; }

/* ----------------------------------------------------------
					Main Elements
---------------------------------------------------------- */
/* Global */
#main_body { width: 940px; margin: 0 auto; }
body#home #main_body { width: 960px; }

/* Header
---------------------------------------------------------- */
#header { width: 100%; clear: both; }
body.docs #header { height: 240px; background: url(../images/backgrounds/bg_header.gif) no-repeat center bottom; margin: 0 auto 1px; }
body.app #header { height: 163px; background: url(../images/backgrounds/bg_header_app.gif) no-repeat center bottom; margin: 0 auto 6px; }
body#home #header { height: 492px; background: url(../images/backgrounds/bg_header_home.gif) no-repeat center bottom; margin: 0 auto 11px; }


#headerwrap { width: 940px; height: 98px; margin: 0 auto; padding: 10px 0 0; }

#logotag { width: 240px; margin: 10px 0 0; float: left; }

/***** Nav *****/
#nav { margin: 39px 0 0; float: left; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0 4px 0 0; padding: 0; border: 0; float: left; }
#nav ul li a { padding: 7px 11px; display: block; }

body.app #nav { display: none; }

/****from common.css***/
table.data td, table.data th {
border-bottom:1px solid #EEEEEE;
font-size:90%;
padding:5px;
vertical-align:top;
width: 300px
}

table.data.param td, table.data.param th {width:auto;}
table.data th {font-weight:bold;}
table.param {width:100%;}
table.param th.description {width:auto;}
table.param th.name {width:70px;}
table.param th.required {width:60px;}

#abody {
font-family:"Helvetica Neue",Arial,sans-serif;
font-size:120%;
line-height:150%;
}
/***** Quick Links *****/
#quicklinks { margin: 38px 0 0; float: right; }
#quicklinkswrap {  }
#quicklinks ul { width: 140px; height: 27px; background-color: #b48491; margin: 0; padding: 0; border: 1px solid #b48491; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; list-style: none; }
	body#signup #quicklinks ul { background-color: #009e8b; border-color: #009e8b; }
#quicklinks ul li { height: 12px; margin: 4px 6px 0 0; padding: 0 0 5px; border: 0; float: left; }
	#quicklinks ul li.login { border-right: 1px solid #eef4d2; }
#quicklinks ul li a { margin: 0; display: block; }
	#quicklinks ul li.login a { padding: 3px 10px 5px 20px; }
	#quicklinks ul li.signup a { padding: 3px 12px 5px 6px; }

/***** Banner *****/

/* banner on home page */
body#home #banner { width: 940px; margin: 0 auto; padding: 0; }
#banner div.banner_message { float: left; }
#banner div.banner_diagram { float: right; }

/* banner with nav - on app pages */
body.app #banner { width: 960px; margin: 0 auto; }

#banner ul { margin: 0; padding: 0; list-style: none; }
#banner ul li { margin: 5px 4px 0 0; padding: 0; border: 0; float: left; }
#banner ul li a { padding: 2px 10px 4px; display: block; }
#banner ul li a:hover, #banner ul li a:active, #banner ul li a.current { background-color: #008276; padding: 1px 9px 3px;border: 1px solid #008276; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

#banner li.nav_documentation { float: right; }

/* banner on docs type pages that have banner with title */
body.docs #banner { width: 940px; height: 73px; margin: 0 auto; padding: 32px 0 0; }

/***** Home page content *****/
.row { overflow: auto; }

#main_body .block { width: 270px; margin: 0 20px 18px 0; padding: 16px 15px 15px; }
	#block_3.block, #block_6.block { margin-right: 0 !important; }
	#row1 .block { background: url(../images/backgrounds/bg_block_gradients.gif) repeat-x 0 0; border: 1px solid #f3f7df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

	#main_body #row2 .block { width: 277px; background: url(../images/backgrounds/bg_block.gif) no-repeat 100% 100%; margin: 0 10px 11px 0; padding: 16px 15px 14px; }
	p.block_image { width: 270px; height: 90px; background-color: #ecebea; text-align: center; }
		#block_4 p.block_image, #block_6 p.block_image { height: 80px; padding: 10px 0 0; }
		#block_5 p.block_image { height: 85px; padding: 5px 0 0; }

	#row3 { width: 780px; margin: 0 auto; }

#main_body .block ul { margin: 0; padding: 0; list-style: none; }
		#main_body .block ul li { background: url(../images/icons/icon_bullet.gif) no-repeat 0 6px; margin: 0; padding: 0 0 18px 12px; border: 0; }

.action_banner { background-color: #e2e2b2; margin: 0 0 18px; padding: 26px 0 25px; }
	@-moz-document url-prefix()
	{ .action_banner { padding: 27px 0 26px; } /* Firefox is 1px too long */ }

/* Sidebar
---------------------------------------------------------- */
#sidebar { width: 190px; background-color: #007F6E; padding: 20px 10px 15px; float: left; margin-left:-8px; }
img.icon_cc { margin: 6px 0 0; }

/*------------------------------------------------------------------------
 *=SIDEBAR
 ------------------------------------------------------------------------*/
#sidebar h3 {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, sans-serif;
  border-top: 3px solid #005F52;
  padding-top: 10px;
  padding-bottom: 5px;
  text-decoration: none;
}

.object a {
  padding-left: 15px;
  background: url(../images/class.png) 0 50% no-repeat;
}

.methods, .objects {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  font-weight: bold;
}

.methods li, .objects li {
  position: relative;
  text-decoration: none;
}

.methods a, .objects a {
  display: block;
  padding: 5px 5px 5px 18px;
  color: #000;
  background: url(../images/class.png) 3px 50% no-repeat;
}

.objects li a {
  background: url(../images/class.png) 3px 50% no-repeat;
    color: #fff;
}

.methods a:hover, .objects a:hover {
  color: #fff;
  background-color: #005F52;
}

.methods li.selected a, .objects li.selected a {
  color: #fff;
  background-color: #24b;
}

.sblock {
  margin-bottom: 10px;
  font-size: 90%;
  color: #fff;
}

/* Content
---------------------------------------------------------- */
#content.narrowcolumn { width: 620px; padding: 0; float: left; }
#largeparagraph {
    width: 700px;
    padding-left: 50px;
	padding-top:50px;
	padding-right:50px;
/*	border-bottom:dashed;*/
	/*background: url(../images/backgrounds/bg_header_features.gif) no-repeat 0 6px; margin: 0; padding: 0 0 18px 12px; border: 0;*/
    }
#paragraph {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom:25px;
  padding-left: 15px;
  padding-top: 28px;
	border-bottom:#00CC66;
	}

#top_header {
	background-color:#33CC99;
	width:700px;
    padding: 0 5 0 5;
    height: 20px;
}

#smallwords {
    Font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
	color: #666666;
    Float: right;
	padding-bottom:35px;
	}



/* Footer
---------------------------------------------------------- */
#footer { width: 100%; background: #054f45 url(../images/backgrounds/bg_footer.gif) repeat-x 0 0; clear: both; }
#footerwrap { width: 860px; background: url(../images/backgrounds/bg_footerwrap.gif) no-repeat right center; margin: 0 auto; padding: 23px 0 18px 80px; }

#footer ul.block { width: 140px; margin: 0 20px 0 0; }
#footer div.block { width: 380px; }