* { 
 margin: 0; 
 padding: 0; 
} 
body { 
 font: 12px/18px "Lucida Grande", Verdana, sans-serif; 
 text-align: center; 
 color: #333; 
 background-color:#a6a6a6;
}
#wrap {  
 background: url(./images/doc/bkg.gif) repeat-x; 
 z-index:100000;
} 
#homeClicker{
 background-color:transparent;
 width:265px;
 height:110px;
 float:right;
 position:relative;
 right:30px;
 top:55px;
}
#page { 
 margin: 0 auto; 
 width: 960px; 
 text-align: left; 
}
A:link, A:visited {
 color: #cce306;
 padding: 2px;
 text-decoration:none;
} 
A:hover {
 color:#555;
 background-color:#cce306;
}
H2 {  
 font-weight: normal; 
 font-size: 1em; 
 line-height: 18px;
 padding: 10px 0; 
 font-size: 1.25em; 
 text-transform: lowercase; 
 color: #333; 
} 
#header { 
 height: 192px; 
 background: #4a4a4a url(./images/doc/header.gif) top;
} 
#bkgeffect {
 background: #666 url(./images/doc/headBkg.gif) top;
 height:500px;
 width:960px;
 position:relative;
 margin-top:-140px;
}
#leftShadow{
 top:-200px;
 left:-33px;
 position:relative;
 width:34px;
 z-index:1;
}
#rightShadow{
 top:-700px;
 right:-959px;
 position: relative;
 width:34px;
 z-index:1;
}
#header ul { 
 top: -832px; 
 left: 660px;
 text-align: left; 
 list-style: none; 
 position:relative;
 padding-bottom:35px;
 width:300px;
} 
#header li { 
 display: inline; 
 margin: 0 8px; 
 font-size: 1.3em; 
 line-height: 1em; 
 text-decoration: none; 
 font-weight:thin;
 color: #fff;
 opacity:.5;
} 
#header li a:hover { 
 color: #cce306; 
 font-weight:thin;
} 

#featured-image { 
 margin: 0px 10px 140px 34px; 
 width: 528px; 
 position:relative;
 z-index:1;
} 
#featured-image img { 
 float: left; 
 margin: 0px 0px 0px 15px; 
 padding: 0px; 
 border: 1px solid #666; 
} 
#featured-text {
 margin: 0px 0px 0px 25px;
 width: 264px;
 font-size: 12px;
 color: #c9c9c9;
 position: relative;
 left: 10px;
 float:left;
 padding-bottom: 50px;
 z-index:1;
} 
#featured-text a:hover {
 color:#555;
 background-color:#cce306;
 opacity:1;
}
#featured-text h1 { 
 padding: 0px 0 10px; 
 font-weight: normal; 
 letter-spacing: 0px; 
 color: #fff;
 font-size: 1.5em; 
}

.row{ 
 padding-left:39px;
 padding-bottom: 20px;
 height: 192px; 
 clear:both;
 z-index:2;
 position: relative;
}
.row img.showOff {
  height:50px;
  margin: 3px 1px 0px 1px;
  border: none !important;
}
.row h1 { 
 font-weight: normal;  
 letter-spacing: 0px; 
 color: #fff;
 font-weight: bold; 
 font-size: 2em; 
 display: inline;
}
.row  h2.showOff{  
 padding: 0 0 6px 3px; 
 font-weight: bold;  
 color: #ccc;
 font-size: .9em; 
 display: inline;
}
.row  h3.showOff{  
 padding: 0 0 6px 3px; 
 font-weight: normal;  
 color: #888;
 font-size: .7em; 
 display: inline;
}
.row IMG{
 border:1px solid #666;
 margin: 10px 20px 0px 9px;
}
.row IMG A {
 background-color:none;
 border:solid red 1px !important;
}
.row IMG A:hover {
 background-color:red !important;
 border: 1px solid :#cce306;
}



#footer { 
 height: 20px; 
 font-size: 10px; 
 color: #ccc;
 opacity: 1;
 margin-top:30px;
 padding: 0 66px 20px;
 float:right;
} 
#footer A, #footer {  
 opacity: 1 !important;
 margin:0;
 padding:0;
}
#footer a:hover {  
 background-color:transparent !important;
}
#footer img{
 margin: 0 4px;
 border:0px;
 position:relative;
 top:3px;
}
#article-bkgeffect {
 background: #666 url(./images/doc/headBkg.gif) top;
 height:500px;
 width:960px;
 position:relative;
}
.article-row-tagged { 
 padding-left:35px;
 height: 192px; 
 clear:both;
 z-index:2;
 position: relative;
}
.article-row-tagged img{
 margin: 3px 5px 0px 5px;
 border: 1px solid #666;
}
.article-row-tagged A {
 font-size:.8em;
 opacity:.7;
}
.article-row-tagged a:hover {
 color:#555;
 background-color:#cce306;
 font-size:.8em;
 opacity:1;
}
.article-row{ 
 padding-left:39px;
 height: 192px; 
 clear:both;
 z-index:2;
 position: relative;
}
.article-row img{
 margin: 3px 20px 0px 9px;
 border: 1px solid #666;
}
.article-row A {
 font-size:.8em;
 opacity:.7;
}
.article-row a:hover {
 color:#555;
 background-color:#cce306;
 font-size:.8em;
 opacity:1;
}
#article-text {
 position: relative;
 left:50px;
 width: 560px;
 font-size: 13px;
 color: #333;
 text-align:left;
 z-index:2;
} 
#article-text p {
 margin: 5px 0 10px 0;
}
#article-text a:hover {
 color:#555;
 background-color:#cce306;
 opacity:1;
}
#article-text h1 { 
 padding: 10px 0 10px 0; 
 font-weight: bold; 
 letter-spacing: 0px; 
 color: #fff;
 font-size: 3em; 
 line-height: 1.2em;
}
#article-text img{
 height:25px;
 width:25px;
 position:relative;
 top:5px;
 margin-right:1px;
}
.exempla-text {
 position: relative;
 left:50px;
 width: 264px;
 font-size: 12px;
 color: #333;
 text-align:left;
 float:left;
 line-height: 1.6em;
}
.exempla-text H2 { 
 padding: 5px 0 10px 0; 
 font-weight: bold; 
 color: #fff;
 font-size: 2em; 
 line-height: 1em;
}
.exempla-examples {
 position: relative;
 float:right;
 left:-44px;
 width: 567px;
 top:9px;
} 
.exempla-examples IMG { 
 margin: 0px 0px 15px 0px; 
 border: 1px solid #ccc;
}
.exempla-row{ 
 position: relative;
 height: 750px;
}

.line { 
 background: url(./images/doc/hr.png) no-repeat center bottom;
 margin: 50px 0 20px 0;
 height: 1px;
 z-index:4;
 position:relative;
 top:-250px;
}
.article-line { 
 background: url(./images/doc/hr.png) no-repeat center bottom;
 margin: 50px 0 20px 0;
 height: 1px;
 z-index:4;
 position:relative;
 top:-520px;
}
.buttonContainer{	
float:left;
margin:-30px 11px -5px;
}
.bCtag img{
 position:relative;
 height:35px;
 width:35px;
 left:-24px;
 top: 37px;
 z-index:3;	
 border:none;
}
.support-tagged {
 float:right;
 position:relative;
 top: 61px;
 right: 39px;
 color:#666;
 font-size:.8em;
}
.support-tagged  a:link img{
 opacity:.7;
 border: 1px solid #666;
}
.support-tagged  a:hover img{
 opacity:1;
 border: 1px solid #cce306;
}
.support-tagged a:hover {
 background-color:transparent; 
}
.support{
 float:right;
 position:relative;
 top: 31px;
 right: 39px;
 color:#666;
 font-size:.8em;
}
.support a:link img{
 opacity:.7;
 border: 1px solid #666;
}
.support a:hover img{
 opacity:1; 
 border: 1px solid #cce306;
}
.support a:hover {
 background-color:transparent; 
}
.support H2{
	color: #aaa;
	font-weight:normal;
	margin-bottom:5px;
}

.support-tagged H2{
	color: #ccc;
	font-weight:normal;
	margin-bottom:5px;
}
.support-tagged{
	color:#ccc;
}

#twitter_div{
	background-color:transparent;
	position:relative;
	height:200px;
	float:left;
	left:10px;
	font-size: 14px;
	top:5px;
}

#twitter_div A{
	font-size:1.4em;
	color: #eee !important;
}
#twitter_div A:hover{
 color:#a8b238 !important;
 background-color:transparent !important;
}

#bullets{
	position:relative;
	top:-200px;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1022px;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	overflow:hidden;
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 0px solid #333;
	background-color: none;
	z-index:1002;
}