/*
Theme Name: Avatarlabs
Theme URI: http://avatarlabs.com/
Description: theme by Avatar
Version: 0.2
Designer: Eko Widodo
Developer: Thorsten Kober
*/

body {margin:0; background-repeat:repeat-x; background-color:#000000; font: normal 62.5% Verdana, Geneva, Arial, Helvetica, sans-serif; color: #999999; }
a img {border: 0;} 
a {color: #a8c0c6;}
h1, input#maps {display: none;}
h2 {color: #9ddbf4}
input, textarea { color: #000; padding-bottom: 2px; font-size: 1em;}
textarea {font-size: 10pt;	font-family: arial;}
hr {display: none;}

#main {padding: 0; margin: 0 auto; width: 100%; clear: both; }


/*
PAGE
*********************************************/
#page { margin-left: -450px; position: relative; left: 50%; padding: 0; width: 900px; background-image: url(images/02-btm.png); background-position:bottom;background-repeat: no-repeat;}
/*#page { margin: 0px auto; padding: 0; width: 1280px; background-image: url(images/02-btm.png); background-position:bottom;background-repeat: no-repeat;}
*/
.pagetitle { height: 37px;  padding-top: 5px; margin-top:14px; background-image: url(images/pageTitle.png); background-repeat:repeat-x; font-weight:lighter;}


/*
DEVICE SELECT POPUP (added by MA Grepo)
*********************************************/
#Popup { position:absolute; left: 7px; top: 153px; width: 171px; height: 53px; }
#Popup2 { position:absolute; left: 665px; top: 65px; width: 207px; height: 77px; }

#flashContainer { overflow:hidden; width:5px; height:5px;}

img { padding:0; margin:0; border: none; }

#NavUL { width: 171px; padding: 0; margin: 0; list-style: none; }
#NavUL li { width: 171px; margin: 0; padding: 0; }

.Menu { padding: 0; margin-top: -18px; margin-left: 0px; width: 544px; height: 345px; list-style: none; display: none; }
.Menu li { width: 544px; height: 345px;	}

#NavUL2 { width: 207px; padding: 0; margin: 0; list-style: none; }
#NavUL2 li { width: 207px; margin: 0; padding: 0; }

.Menu2 { padding: 0; margin-top: -18px; margin-left: -340px; width: 544px; height: 345px; list-style: none; display: none; }
.Menu2 li { width: 544px; height: 345px;	}

/*
HEADER
*********************************************/
#header {width:100%;  margin:auto;}
#header a {display: block; width:350px; height: 150px; margin: auto; position: relative; top:0px;}
#header a strong {display: none;}
#headerimg 	{background-image: url(images/header.jpg); background-position: center;  background-repeat: no-repeat;  height:1000px; width: 900px;}
#header #homeLink {display:block; height:348px; width:900px; margin-left:0px; top:0px; position:relative; float:left;}


/*
MAIN CONTENT AREA
*********************************************/
#content {float: left; margin-left: 0px; width: 900px;  }
#content h1, #respond {display: block; font: 1.9em Helvetica, Arial, sans-serif; margin:0; padding:0; color: #9a99a9;}
#content h1 a {color: #9ddbf4; text-decoration: none;}
#content h2 {height: 37px; padding-left: 10px; padding-top: 3px; margin-top:14px; }
#content p.navigation {text-align: center; padding:1em; font-size: 120%;}
#content p.navigation a {margin: 0 2em;}

#content .navigation{padding-left: 15px;}



#content #searchform {padding-left: 10px;}


#videos {font-size: 12px;}
#videos h2{ font-size: 16px; font-family: DIN, Arial, Helvetica, sans-serif; font-weight:400; color:#CCC; padding:0; margin:0;}

.alignright a {text-decoration:none; font-size:small; }
.alignleft a {text-decoration:none; font-size:small; }

.alignright {float: right;}
.alignleft {float: left;}

/*
POSTS
*********************************************/
.post { padding-left: 10px; width:900px; margin-bottom:25px;}
.post h2 {font: 1.7em Helvetica, Arial, sans-serif;  padding-top: 10px; height: 50px; background-image: url(images/postHeader.jpg); background-repeat:repeat-x; }
.post h3 {font: 1.5em Helvetica, Arial, sans-serif; padding: 10px; background-image: url(images/h2bg.png); background-repeat: repeat-x;}
.post a {color: #ffffff; text-decoration: none;}
.post #date {display:none;}
.post .small {color: #ebddc2; font: normal 1.1em/2em Helvetica, Arial, sans-serif; text-decoration: none; padding-left: 10px;}
.post p {font: lighter 1.2em/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 10px;}
.post li {font: normal 1.2em/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;}
.post p.postmetadata {display:none; }

.post table {font: normal 1.2em/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;}
.post table.screenshots td {vertical-align: top;}


/*
SIDEBARS
*********************************************/
#sidebar { visibility:hidden; padding-left: 10px ; margin-left: 0px; margin-top:-400px; width: 310px;  }
#sidebar h2 { margin-top: 0; font: normal 1.4em Helvetica, Arial, sans-serif; padding: 10px 0 0 17px; height: 47px; width: 323px;}
#sidebar ul { margin:-3em 0 0 1em;	padding:0;}
#sidebar ul li { font: normal 1.1em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; list-style-type: none; }
#sidebar ul li a { color: #a8c0c6; text-decoration: none;}
#sidebar ul li a:hover, .post a:hover {text-decoration: underline;}
#sidebar ul li ul { padding-bottom: 35px; margin-left: 0px; width: 310px;}
#sidebar ul li ul li {list-style-type: disc; color: #a8c0c6;}

#sidebar ul li.pagenav { padding-left: 40px; background-repeat: no-repeat; width: 323px; margin-bottom: 35px;}
#sidebar ul li.categories { padding-left: 40px; background-repeat: no-repeat; width: 323px; margin-bottom: 35px;}
#sidebar #rss { background-repeat: no-repeat; width: 325px; height: 40px; padding-bottom: 35px;}
#sidebar #rss #rssLink{display:block; height:23px; width:144px; margin-left:150px; top:10px; position:relative; float:left;}
#sidebar #archives { background-repeat: no-repeat; width: 323px; margin-bottom: 35px; padding-left:40px;}


/*
SEARCHFORM
*********************************************/
#searchform { visibility:hidden; width: 310px; margin-top: 49px;  padding-top: 4px; padding-left: 6px; height: 34px; background-repeat:no-repeat;}
#searchform #s{width: 204px;}
#searchform #searchsubmit {color: #000000; background-repeat:no-repeat; background-color: transparent; border:none; width:68px; height: 19px; margin-left: 4px;}


/*
Comments
*********************************************/
div#comments {background: #0a1319 url(images/bg-content.jpg) no-repeat; padding: 1em 0; width:555px;}

div.comment { width: 487px; padding:1.5em; margin: auto; font: normal 1.2em Helvetica, Arial, sans-serif; border: 1px solid #222f39; margin-top: 2em; margin-bottom: 2em; background: #101b22; }
div.comment p {font: normal 1em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;}
div.comment cite a {font-style: normal; color: #c0d8ea; text-decoration: none;}
div.comment cite a:hover {text-decoration: underline;}

#postComment {width:95%; margin: auto;}

.comment small a:hover {text-decoration: underline;}
.comment small a {color: #0dd1ee; font: normal 1.1em/2em Helvetica, Arial, sans-serif; text-decoration: none;}

#commentspopup{padding: 0; margin: 0 auto; width: 100%; clear: both; background-image: url(images/bottom.png); background-repeat: repeat-x; background-position:bottom;}

#commentform #submit{background-image: url(images/arrowBG.png); background-repeat:no-repeat; width: 174px; height: 24px; background-color: transparent; border: none; color: #FFFFFF; font-size:small}

/*
Footer
*********************************************/

#footer {padding: 0; margin: 0; width: 878px; clear:both; color: #FFFFFF}
#footer p {margin: 0; padding: 10px 0; text-align: center;}
#footer a {text-decoration: none; color: #FFFFFF;}