/********************************************
	AUTHOR:  			Marc de Ruijter
	WEBSITE:   			http://www.google4games.com
	TEMPLATE NAME: 		G4G
	DATE				March 2008 / Aug 2010
	VERSION:			0.9 [ crystaltech / coldfusion ]
*******************************************/ 
/* COLORS
BODY BCKGRND			#
WRAPPER BCKGRND			#FDFEE9 lichtgeel
LEFTMENU BCKGRND		#CE3705 donker rood
FOOTER BCKGRND			#FF6600
 */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0;padding: 0;border: 0;	}
h1 {font-family: 'Nobile', arial, serif; font-size:xx-large;	padding: 10px;}		/* Via Google Font API */
h2 {font-family: 'Nobile', arial, serif; font-size:x-large; padding: 10px; color:#ff8000;}/* Via Google Font API */
h3 {font-family: 'Nobile', arial, serif;font-size:large;padding: 5px;color:#ff8000;}/* Via Google Font API */
h4 { font-family: 'Cantarell', arial, serif; font-size: 24px; text-shadow: 4px 4px 4px #aaa;} /* Via Google Font API */
body { font-family: 'Nobile', arial, serif;font-size:20px; background-color: #333;text-align: center;}/* Via Google Font API */
#wrapper{background-color: #FDFEE9;margin-left: 10%;margin-right: 10%;text-align:left;max-width:1000px; }
#header {height: 84px;background-image: url(headerlogo.gif);background-repeat: no-repeat; }
#main {margin-left: 10px;margin-right: 10px;padding: 10px;line-height: 1.3em;}
#content {float: left;width: 100%;padding: 5px;margin-top: 10px;margin-bottom: 10px;border: thin solid #ff8000;}
#web20 {	float: right;	padding: 5px;	margin: 10px;}
#game {float: left;padding: 5px;margin: 10px;max-width:550px;}
#dev {float: left;padding: 5px;margin: 10px;max-width:550px;font-size: 0.5em;}
#nav span {margin:20px;clear:both;display:none;}
#leftsidebar {background:#CE3705;float:left;width:152px;height:400px; }
#rightsidebar {background:#CE3705;float:right;width:120px;padding:10px;margin-botton:0px }
#footer {background:#ff8000;font-variant: small-caps;clear:both;padding: 5px;margin-top: 600;font-size: x-small;text-align: center;}
/* Google API related */
#searchcontrol {background:#676767;float:left;}
/*floating images in the content, right or left*/
.leftimage{float: left;margin: 0 10px 20px 0;border: 0px;padding-left: 0px;}
.rightimage{float: right;margin: 0 0 20px 15px;border: 0px;width: 250px;}
.img-noborder {border: 	0px; padding:0px;}
.clearit{clear: both;}
/* Table */
table.examples{text-align:center;color:#fff;width:90%;border:0;border-collapse:collapse;border-spacing:0;}
table.td{padding:5px;}
/* Sidebar */
#side{width:180px;float:right;text-align:left;}
#side ul.sidemenu{list-style:none;margin:0;padding:0;}
#side ul.sidemenu li{padding:0;}
#side ul.sidemenu a{display:block;font-weight:400;color:#000;height:1.5em;line-height:1.5em;border-bottom:1px dashed #FF8000;text-decoration:none;}
#side ul.sidemenu a.top{border-top:1px dashed #FF8000;}
#side ul.sidemenu a:hover{border-left:5px solid #FF8000;color:#FF8000;}
/* Topmenu */
.topmenu{width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;font-style:normal;text-decoration:none;}
.topmenu ul{float:left;width:100%;background:#333;border-color:#FF8000;border-style:solid;border-width:2px;margin:0;padding:0;}
.topmenu ul li{display:inline;}
.topmenu ul li a{float:left;color:#FFF;text-decoration:none;border-right-width:1px;border-right-style:solid;border-right-color:#000;padding:5px 11px;}
.topmenu ul li a:visited{color:#FFF;}
.topmenu ul li a:hover,.topmenu ul li .selected{color:#3ee036!important;padding-top:5px;padding-bottom:5px;background:#FF8000;}
/* Google CSE design */
#search-area, #results .gsc-cursor-box{background-color:#fe9; border:1px solid #fc0; margin-bottom:16px; padding:8px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; color:#620}
#search-area{padding:8px 8px 8px 20px}
#search-area .help-text{margin-top:0.5em; font-size:12px; font-weight:bold; opacity:0.5; -moz-opacity:0.5}
#search-area input{font-size:18px; background-color:#FDFEE9; color:#333; padding:4px; margin:4px 0; border:0; font-family:arial,helvetica,sans-serif}
#results .gs-title{/* Sets style on a search result title link. */}
#results .gsc-results{/* Sets font for titles,snippets,and URLs. */ font-family:arial,helvetica,sans-serif; /* Sets the snippet text color. */}
#results .gsc-result{position:relative; border:1px solid #eee; border-left:10px solid #eee; padding:8px 8px 8px 20px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px}
#results .gsc-result:hover{border:1px solid #888; border-left:10px solid #888}
#results .gsc-result:hover .gs-result:before{color:#333}
#results .gs-snippet{color:#000}
#results .gsc-result:hover .gs-snippet{color:#333}
/*#results .gsc-result:hover .gs-snippet b{  background-color:#fe9;   color:#000}
*/
#results .gs-visibleUrl{color:#c60; font-size:10px; font-weight:bold}
#results .gs-result:before{color:#ccc; position:absolute; left:8px; top:8px}
#results .gsc-trailing-more-results{/* Sets style for more results link. */ color:#620}
/* Google style Buttons */
.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.big {
    font-size: 16px;
    padding: 10px 15px;
}
a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
a.save {
    background: url(sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.add {
    background: url(sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.delete {
    background: url(sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.flag {
    background: url(sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
a.up {
    background: url(sprite.png)  13px -133px no-repeat #f3f3f3;
    width: 18px;
}
a.down {
    background: url(sprite.png)  13px -168px no-repeat #f3f3f3;
    width: 18px;
}
a.save-big {
    background: url(sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.add-big {
    background: url(sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.delete-big {
    background: url(sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.flag-big {
    background: url(sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
a.up-big {
    background: url(sprite.png)  15px -128px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}
a.down-big {
    background: url(sprite.png)  15px -163px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}


/* EOF*/