* { margin: 0px; padding: 0px; }
html, body { position: center; background: #ffcc00 url(../images/background.png) top center no-repeat; padding:0px 0px 100px; }
body { font: 11px 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif; }
a { color: #444; text-decoration: none; outline-style: none;}
a:hover { color: #111; background: #ffcc00; }
h1, h2, h3, h4, h5, h6 { color: #000; }
h1 { display: block; }
h2 { margin-bottom: 5px; font-size: 1.6em;}
h3 { margin-bottom: 3px; font-size: 1.5em;}
h4 { margin-bottom: 2px; font-size: 1.3em; color: #808080;}

.page strong a { color: #ff1e53; }
.page strong { color: #808080; }

p { clear: both; margin-bottom: 10px; display: block; }
.prototip p { margin-left: 0; }

.heading, .heading2 div { position: relative; width: 100%; height: 36px; float: left; }
.heading2 { padding-top: 6px; border-top: 1px solid #ebebeb; }
.heading2 div { height: 29px; }
.topheading { border: 0; }
#news .heading{ background: url(../images/news.gif) top left no-repeat; }
#about .heading{ background: url(../images/about.gif) top left no-repeat; }
#media .heading { background: url(../images/media.gif) top left no-repeat; }
#resources .heading { background: url(../images/resources.gif) top left no-repeat; }
#contact .heading { background: url(../images/contact.gif) top left no-repeat; }

/* Layout
======================================================================== */ 

.important_text {
	outline-style: inherit;
	outline-color: #fff;
	outline-width: 1px;
}

#page {
	list-style-type: none;
	width: 980px;
	display: block;
	margin: 0 auto;
	height: 100%;
	padding-top: 12px;
}
#page .chapter {
	width: 100%;
	clear: both;
	border-bottom: 2px solid #ebebeb;
	padding: 6px 0 12px 0;
}
#page .advertisements { border: 0; }

#navigation {
  width: 184px;
  position: fixed;
  left: 50%;
  top: 12px;
  margin: 0 0 0 -483px;
  padding: 0;
}

#navigation_2 {
  width: 184px;
  position: fixed;
  left: 46.6%;
  top: -1px;
  margin: 0 0 0 -50%;
  padding: 0;
}

* html #navigation { /* IE6 */
  position: absolute;
  top: 0;
  margin-top: expression(PT_menuMoveTop = (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
  margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

#page #left, #page #right { display: inline; float: left; position: relative; }
#left {
	margin-left: 6px;
	height: 12px;
	display: block;
	width: 184px;
}
#right { margin-left: 16px; width: 755px; float: right; }


a.logo,
a.logo:hover { border: 0; text-decoration: none; background: none;}
#logo { border: 0; text-decoration: none; margin-bottom: 6px; }
#quote { position: relative; width: 100%; height: 80px; float: right; background: url(../images/quote.png) top left no-repeat; }

.menu {
	margin: 12px 0 6px 0;
	clear: both;
	list-style-type: none;
	float: left;
	position: relative;
	width: 100%;
}
.menu li { list-style-type: none; float: left; width: 100%; display: block; clear: both;}
.menu li a { padding: 5px; line-height: 14px; height: 14px; background: #ffb103; color: #000; display: block; height: 100%; margin-bottom: 1px; border: 0;outline-style: none;}
.menu li a:hover { background: #ff8601; color: #000; }
.menu li .version { color: #ff1e53; font-weight: bold; font-size: 0.8em; vertical-align: top;}
.menu li a:hover .version { color: #fff; }
.menunews { float: left; clear: both; margin-top: 6px; font-size: 9px; width: 100%; color: #969c92;}
.lower { margin-top: 6px; padding-top: 6px; border-top: 1px solid #e1e1e1; }

.latestVersion { clear: both; position: relative; color: #969c92; padding-bottom: 6px; display: block; }
.latestVersion div { }
.latestVersion a { font-weight: bold; }
.latestVersion .date { color: #969c92; }

#wat {
	position: center;
	background-repeat: no-repeat;
	margin-right:auto;
	margin-left:auto;
}


#introduction .information {
	width: 400px;
	margin-right: 12px;
	float: left;
}
#introduction .image {
	float: left;
	height: 98px;
	width: 340px;
	background: url(../images/header_mini.png) top left no-repeat;
}
#introduction .plus { margin-left: 6px; }
#introduction .plus li {
	list-style-type: none;
	padding-left: 18px;
	background: url(../images/list_img.gif) 0% 50% no-repeat;
}

.news .title { margin-left: 10px; width: 100%; display: block; font-size: 1.3em;  }
.news .date { color: #969c92; font-size: 11px; clear: both; margin-bottom: 3px;}
.news strong { color: #333333; }


/* code */
div.code { position: relative; clear: both; margin: 0 0 10px 5px; border: 1px solid #f1f1f1; background: #f7f7f7; padding: 6px; font-size: 11px; color: #606060; font: "Courier New", Courier, monospace; }
span.js { font-family: "Courier New", Courier, monospace; background: #f7f7f7; color: #666666;}
p.tip { padding-top: 1em; margin-top: 1em; border-top: 1px solid #ebebeb; }

.hookingExamples { margin-left: 6px; }
.hookingExamples .visual { float: left; margin-right: 24px; }
.hookingExamples .real {
	float: left;
	width: 156px;
	padding-top: 30px;
	background: url(../images/hooking_realtop.gif) top left no-repeat;
}

.stemsExplained { width: 380px; margin-right: 12px; float: left; }
.stemPositions { float: left; }
#boxedtips { float: left; list-style-type: none; width: 160px; margin-top: 10px;}
#boxedtips li { height: 18px; width: 18px; display: block; float: left; margin: 0 6px 6px 0; background: #fff; border: 1px solid #cccccc; cursor: pointer; }


#style .information .text { float: left; width: 580px; margin-right: 12px; }
#style .information img { float: left; }

#documentation .functions { clear: both; list-style-type: none; color: #444444; position: relative; margin-left: 6px; margin-bottom: 6px; width: 735px;}
#documentation .functions li { width: 100%; float: left; background: #f7f7f7; clear: both; width: 100%; padding: 3px; margin-bottom: 1px; padding: 5px; }
#documentation .functions li .function { clear: both; float: left; font-weight: bold; width: 150px; }
#documentation .functions li .explained { float: left; width: 580px; height: auto;}

#documentation .code { height: auto; width: auto;}
#documentation .functions .code { width: 550px; background: #fafafa;}

#documentation .heading2 { margin-top: 12px; }
#documentation .topheading { margin-top: 0; }

#documentation ul { position: relative; clear: both; }
#documentation p.api { clear: both; color: #444444; }

#documentation .explained p { position: relative; margin-bottom: 6px;}
#documentation .explained pre { float: none; clear: both; }

#download .links { float: left; clear: both; list-style-type: none; margin: 0 0 6px 6px; width: 100%; line-height: 32px;}
#download .links .link { float: left; padding: 5px; font-size: 17px; height: 32px; line-height: 32px; }
#download .link a { float: left; padding-left: 32px; height: 32px;}
#download .link a:hover { color: #63c2f4; height: 32px;}
#download .link a,
#download .link a:hover { background: url(../images/download.gif) top left no-repeat; }
#download .notes { clear: both; color: #a0a0a0; margin-top: 12px;}
#download .old {  margin-top:12px; clear: both; }
#page #download div.code { font-family: "Courier New", Courier, monospace; }

.updatesfeed,
.updatesfeed:hover {
	position: relative;
    height: 16px;
	width: 16px;
	display: block;
	overflow: hidden;
	float: right;
	line-height: 16px;
	background: url(../../images/feed.png) top left no-repeat;
	*background: none;
	filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/feed.png', sizingMethod='crop');
	cursor: pointer;
}

#troubleshooting .problem { margin-bottom: 3px; color: #444444; font-weight: bold; margin-top: 3px;}
#troubleshooting .problem, #troubleshooting .solution { display: block; clear: both; }
#troubleshooting .solution { color: #808080; }

p.tags { margin-left: 10px; font-size: 0.9em; color: #808080;}
.keys { display: none; font-size: 1px; color: #efefef; line-height: 1px; overflow: hidden; height: 1px; margin: 0; padding: 0;}


#page #contact { border: 0; margin-bottom: 10px;}


/* Helpers */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display:inline-block; }
/* IE Mac Hide \*/
.clearfix { display:block; }

.projectPrototip #page #right #resources ul li table {
	font-family: Courier New, Courier, monospace;
}
ul li table {
	font-family: Courier New, Courier, monospace;
}
.projectPrototip #page #right #resources ul li table tr td ul li a {
	font-family: Courier New, Courier, monospace;
}