
html {overflow-y:scroll;}
body {font-size:13px;color:#404040;
background-image:url(roughcloth.png);margin:0px;}

p,td,ul {
	line-height:130%;
}



body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input {
	font-family:verdana,arial,helvetica, sans-serif;
}

iframe 	{margin:0px;}
img		{border:0;}

table,th,td,input,textarea {
	font-size:100%;
}

h1 {font-size:28px;margin-top:0px;font-weight:normal; text-align:center;}
h2 {font-size:22px;margin-top:10px;margin-bottom:10px;font-weight:normal;}
h3 {font-size:17px;font-weight:normal;}
h4 {font-size:12px;}
h5 {font-size:11px;}
h6 {font-size:10px;}
h2.heading{
font-weight:normal;
font-size:18px;
color:#666;
}

h1,h2,h3,h4,h5,h6 {
	background-color:transparent;color:#000000;
}

#top {width:1240px;margin:auto;height:70px;border-radius:2px; box-shadow:5px 5px 5px #eee;}

#topLogo {text-align:left;float:left;margin-top:5px;margin-left:10px;}

#GS{height:60px;margin-right:0px;margin-top:5px;float:right; width:200px;}

#GStext {color:#333;font-size:12px;font-weight:bold;padding-top:5px;}

#translateSection {height:30px;}

#mainnavigation{height:40px;background-color:#FA8B7C; -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 2px #999;}

#mainnavigationLink {height:30px;width:1200px;
margin:auto;word-spacing:14px;font-size:14px; 
padding-left:10px;padding-right:10px;
padding-top:10px;background-color:#FA8B7C;}

a.mainnavigation:link,a.mainnavigation:visited {color:#fff;text-decoration:none;}
a.mainnavigation:hover,a.mainnavigation:active {color:#2c2c2c;text-decoration:none; transition-delay:100ms;}

#topnavSpace {margin-left:290px;}

#postMnav {width:1240px;margin:auto;}

#content {width:1040px;float:left;margin-left:8px;margin-top:15px;padding-top:8px;padding-bottom:8px;
box-shadow: 0px 0px 10px 2px #999;border-radius:7px;background-color:#ffffff; border:5px solid #eee;}

#mainLeaderboard {width:728px;height:90px;float:none;margin-top:0px;margin-left:0px;overflow:hidden;margin-bottom:15px;}

#pageads {height:100px;margin-bottom:10px;}

#Lnav {width:170px;float:left;margin-right:4px;margin-left:10px;font-family:Verdana, arial, helvetica, sans-serif;}

#Lnav h2 {font-size:16px;font-weight:normal;color:#fff;}

#Lnav hr {color:#e5eecc;background-color:#e5eecc;margin-right:20px;}

#Lnav a:link,#Lnav a:visited,#Lnav a:hover,#Lnav a:active {
	display:block;font-size:14px;padding-bottom:4px;background-color:#ffffff;color:#555555;color:#404040;text-decoration:none;
}
#Lnav a:hover,#Lnav a:active {
	background-color:#fff;color:#2ee555;text-decoration:underline;
}
.verge{
background-color:#F6f6f6; border-radius:2px; color:#fa4b2a; font-size:15px; padding:0px 3px;
font-family:Monospace, Trebuchet MS,Verdana,monospace; -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); 
}
b{
 font-family:helvetica, arial, verdana, sans-serif;
font-size:13px;
color: #000;

}
 .demo_boxy { 
             font-family:Verdana;
                   width: 790px; 
				   font-size:1.2em;
				  background-image: url(leather.png);
				 color:#000;
                   margin: 8px;
margin-left:0px;				   
                   padding:8px; 
                   border: 5px solid #eee; 
                
                   box-shadow:5px 5px 5px #ccc;
                   border-radius:5px;
              } 
.css3button{ background: #44c767;
  background-image: -webkit-linear-gradient(top, #44c767, #2acbd1);
  background-image: -moz-linear-gradient(top, #44c767, #2acbd1);
  background-image: -ms-linear-gradient(top, #44c767, #2acbd1);
  background-image: -o-linear-gradient(top, #44c767, #2acbd1);
  background-image: linear-gradient(to bottom, #44c767, #2acbd1);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #eeeeee;
  -moz-box-shadow: 0px 1px 3px #eeeeee;
  box-shadow: 0px 1px 3px #eeeeee;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 7px 7px 7px;
  text-decoration: none;} 
  
  .css3button:hover{
  background: #fa8b7c;
  background-image: -webkit-linear-gradient(top, #fa8b7c, #a234d9);
  background-image: -moz-linear-gradient(top, #fa8b7c, #a234d9);
  background-image: -ms-linear-gradient(top, #fa8b7c, #a234d9);
  background-image: -o-linear-gradient(top, #fa8b7c, #a234d9);
  background-image: linear-gradient(to bottom, #fa8b7c, #a234d9);
  text-decoration: none;}
.splitscreen {
float:right;
font-family:  Verdana,Papyrus,Geneva,Arial, serif;
font-weight:normal;
background-color:#44c767;
color:#fff;
padding:5px;
border-radius:3px;
font-size:14px;
box-shadow: 0px 0px 5px 2px #999;
padding:2px 24px;
}
.splitscreen:hover {
	background-color:#FA8B7C;
	transition:150ms linear;
}
a.splitscreen{
color:#ffffff; text-decoration:none;
}
div.mainp{width:auto;}
div.mainp img {float:left;margin:0px 20px;}
div.mainp p{font-size:16px;}
#main {width:822px;float:left;padding:7px;padding-top:0px;overflow:hidden;}

#rightcolumn h2{font-size:13px;font-weight:normal;color:#8AC007;margin-top:3px;margin-bottom:2px;}

#rightcolumn {width:160px;float:left;font-size:11px;padding-left:5px;margin-left:5px;}

#rightcolumn .rightad a:link,#rightcolumn .rightad a:visited,#rightcolumn .rightad a:hover,#rightcolumn .rightad a:active{
	text-decoration:none;display:block;color:#555555;margin-bottom:3px;padding-top:3px;
}

#rightcolumn .rightad a:hover,#rightcolumn .rightad a:active{
	text-decoration:underline;
}

#rightcolumn .rightad, #rightshare{
	width:150px;border:1px solid #d4d4d4;border-radius:4px;margin-bottom:8px;padding:5px;padding-bottom:10px;text-align:center;background-color:#ffffff;
}


.footer {width:1060px;margin:auto;color:#333333;font-size:14px;text-align:center;padding-left:70px;padding-right:100px;}


#footerAbout {word-spacing:6px;font-size:10px;padding-right:62px;padding-top:19px;float:right;text-align:right;}



textarea:before, textarea:after{content: ""; width:90px; height:10px;
box-shadow: rgba(0,0,0,0.8) 0px 0px 15px 8px; position: absolute; bottom: 7px;
left: 22px; transform-origin: 0 left; transform: rotate(-4deg);
 right: 11px; transform-origin: 0 right; transform: rotate(4deg);} 
.CodeMirror {
	font-size: 0.95em;
	border: 2px dashed #fc3;
	border-left: 2px solid #9C9898;
	border-bottom: 2px solid #9C9898;
	cursor: text;
	margin-top: 3px;
	margin-bottom: 10px;
	
border-top : 1px solid black;
border-bottom : 1px solid black;
}
.demo {
    border: 5px solid #eee;
    width: 800px;
	border-radius:2px;
    -webkit-box-shadow: 5px 5px 5px #A4A4A4;
  -moz-box-shadow: 5px 5px 5px #A4A4A4;
  box-shadow: 5px 5px 5px #A4A4A4;
  margin-bottom:5px;
}
.code {
padding:4px;
border:2px solid #d1d1d1;

}
.CodeMirror-scroll {
  height: 800px;
  overflow-y: hidden;
  overflow-x: auto;
}
.entry .CodeMirror {
	font-size: 0.95em;
	border: 2px dashed #0066cc;
	border-left: 2px solid #0066cc;
	border-bottom: 2px solid #0066cc;
	cursor: text;
	margin-top: 3px;
	margin-bottom: 10px;
	
}

.entry .CodeMirror-scroll {
	height: auto;
	overflow-x: auto;
	overflow-y: hidden;
}

.entry .CodeMirror-scroll > div {
	height: auto;
}

.entry .CodeMirror-gutter {
	background-color: transparent;
}

.entry .CodeMirror-gutter-text {
	color: gray;
}

h2.example,h2.example_head
{
color:#444444;
/*color:#617f10;*/
background-color:transparent;
margin-top:0px;
}

h2.example {font-weight:normal;font-size:16px;}
h2.example_head {font-size:16px;}

h2.home
{
margin-top:0px;
margin-bottom:5px;
font-size:14px;
padding-top:1px;
padding-bottom:1px;
padding-left:1px;
color:#900B09;
background-color:#ffffff;
}

h2.lvn
{
font-family:verdana,arial,helvetica, sans-serif;
font-size:15px;

font-weight:normal;
position: relative;
  padding: 4px 4px ;
  color: #fff;
  text-align: center;
  z-index:1;
  left:-37px;
  border-radius:1px;
  margin:1px;
   background:#44c767;

	
-webkit-box-shadow: 0px 0px 3px 2px #999;

box-shadow: 0px 0px 3px 2px #999;
}
h2.lvn:before{
 content: '';
  position: absolute;
  height: 0;
  width: 0;
  top: 100%;
  left: 0;
  border-top: 10px solid #144d0b;
  border-left: 20px solid transparent;
}


table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.table_main{
    border: solid #ccc 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

 
   

   
.table_main td, .table_main th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 7px;
    text-align: left;
	font-size:1em;
    font-family: Verdana,"Lucida Sans Unicode", Arial;
	color:#303030;
}

.table_main th {
   background:#44c767;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.6) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.6) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.6); 
	font-family: "Lucida Sans Unicode",Arial,Verdana, Arial;
	color:#ffffff;
	font-weight:normal;
}

.table_main td:first-child, .table_main th:first-child {
    border-left: none;
}

.table_main th:first-child {
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.table_main th:last-child {
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.table_main th:only-child{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.table_main tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.table_main tr:last-child td:last-child {
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}
.table_main tr:nth-child(odd) {
    background-color: #FFf;
}
.table_main tr:nth-child(even) {
    background-color: #eee;
}
.table_main tr:hover {
    background: #FCC5BE;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;     
}    

.bootimg{
border:3px solid #eee;
border-radius:3px;
box-shadow: 0px 0px 10px 2px #999;
}

hr
{
background-color:#d4d4d4;
color:#d4d4d4;
height:1px;
border:0px;
clear:both;
}

div.page
{
font-size:16px;margin:0px;padding:0px;width:100%;height:50px;color:#ffffff;
font-family:Verdana;
}

div.page div.last {
font-family:  Verdana,Papyrus,Geneva,Arial, serif;
float:left;
font-weight:normal;
background:#44c767;
color:#fff;
padding:5px;
border-radius:3px;
font-size:14px;
box-shadow: 0px 0px 5px 2px #999;
}
div.page div.last:hover{	
	background-color:#FA8B7C;
	transition:150ms linear;
	}


div.page div.next {
	font-family: Verdana,Papyrus,Geneva,Arial, serif;
float:right;
font-weight:normal;
background:#44c767;
color:#fff;
padding:5px;
border-radius:3px;
font-size:14px;
box-shadow: 0px 0px 5px 2px #999;
}
div.page div.next:hover{
background-color:#FA8B7C;
	transition:150ms linear;}

a.page{text-decoration:none; color:#fff;}
span.color_h1 {color:#8AC007;}



table#bottomlinks
{
border:none;
width:100%;
}

#bottomlinks td
{
text-align:left;
padding:10px;
vertical-align:top;
}

.bottomlinksraquo
{
font-weight:bold;
color:#ff4800;
}

#bottomlinks h3
{
font-size:14px;
font-weight:bold;
color:#555555;
}

#bottomlinks a
{
font-size:11px;
color:#555555;
text-decoration:none;
}







div.cse .gsc-control-cse, div.gsc-control-cse {
background-color: transparent;
border: none;
padding:0px;
margin:0px;
}

td.gsc-search-button input.gsc-search-button {
border-color: #555555;
background-color: #555555;
}

div.goog-te-gadget-simple {
font-size: 11pt;width:160px;
}

img.goog-te-gadget-icon {
margin-top: 3px;
}

td.gsc-search-button input.gsc-search-button-v2 {
width: 13px;
height: 13px;
margin-top: 4px;
padding: 6px 8px;
}

form.gsc-search-box-tools table.gsc-search-box td.gsc-input {
padding-right: 0px;
}


#footer {
min-width:1300px;
	
	margin-right: auto;
	margin-left: auto;
}

table#footlinks
{
border:2px solid #eee;

min-width:1300px;
}

#footlinks td
{
text-align:left;
padding:5px;
}


span.footlinksbull
{
font-size:1.3em;
font-weight:bold;
color:#FA8B7C;
}

#footlinks h4
{
font-family: Verdana,Papyrus,Geneva,Arial, serif;
text-align:center;
font-weight:normal;
background:#44c767;
color:#fff;
padding:5px;
border-radius:3px;
font-size:14px;
box-shadow: 0px 0px 10px 2px #999;

}

#footlinks a
{
font-family:verdana,Arial, sans-serif;
font-size:14px;
color:#555555;
text-decoration:none;
padding:0px 10px 0px 10px;

}
#footlinks a.voilet:hover{

background-color:#FA8B7C; border-radius:5px; color:#fff;
}


