/* Theme Name: Avatar Theme URI: http://avatarlabs.com/ Description: theme by Avatar Version: 0.2 Designer: Paul Berry Developer: Thorsten Kober */ body {margin:0; background-color:#000000; font: normal 11px Arial, Geneva, Verdana, Helvetica, sans-serif; color: #999999; background-image:url(images/main_bg.jpg); background-repeat:repeat-y; background-position: center top;} a img {border: 0;} a {color: #33ccff;} h1, input#maps {display: none;} h2 {} input, textarea { color: #000; padding-bottom: 2px; font-size: 1em; width:580px;} textarea {font-size: 10pt; font-family: arial;} hr {display: none;} #main {padding: 0; margin: 0 auto; width: 100%; clear: both; } /* PAGE *********************************************/ #page { margin-left: -600px; position: relative; left: 50%; padding: 0; width: 1200px; margin-top:10px;} .pagetitle { width:649px; height: 37px; position:relative; margin:0 auto; padding-top: 5px; margin-top:14px; font-weight:lighter; margin-left:30px;} /** extra divs **/ /*#page #gamesite_link #gameLink {background:url(images/gamesite_link.png); background-repeat:no-repeat; height:60px; width:120px; position:absolute; text-decoration:none; top:50px; left:970px; display:block;}*/ #page #atg_gamebox #orderLink {position:absolute; height:257px; width:180px; display:block; background:url(images/gamebox_img.png); background-repeat:no-repeat; background-position: top left; top:200px; left:860px;} /* HEADER *********************************************/ #header {width:100%; margin:auto; float:left;} #header a {display: block; width:1200px; height:300px; margin: auto; position: relative; /*top:155px;*/} #header a strong {display: none;} #headerimg {background-image: url(images/header_img.jpg); background-position: center center; background-repeat: no-repeat; height:230px; width: 1200px;} #header #homeLink {display:block; height:230px; width:547px; margin-left:0px; left:325px; top:0px; position:relative; float:left;} /* MAIN CONTENT AREA *********************************************/ #content {width:590px; margin:0; padding:0; position:relative; float:left; left:190px; min-height:850px; } #content h1, #respond {display: block; font: 14px Arial, Geneva, Verdana, Helvetica, sans-serif; margin-left:8px; padding:0;} #content h1 a {color: #9DDBF4; text-decoration: none;} #content h2 {padding-left: 10px; padding-top: 38px; 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: 10px; margin-top:30px; height:10px;} .archiveContent{background-image:url(images/contentBG2.jpg); background-repeat:no-repeat;padding-top:20px;} .pageContent{background-image:url(images/contentBG2.jpg); background-repeat:no-repeat;padding-top:20px;} .indexContent{background-image:url(images/contentBG.jpg); background-repeat:no-repeat;} #content #subNav{width:585px; height:80px; background-image:url(images/subBG.jpg); background-repeat:no-repeat;margin-top:2px; position:relative;} #content #rss {width:102px; height:25px; position:relative; display:inline;float:left;margin-top:30px;margin-left:50px;} #content #share {width:102px; height:30px; position:relative; display:inline;float:left;margin-top:34px;margin-left:50px;} #content #subNav #share #customshare a img{margin-top:-4px;} #content #register {width:130px; height:25px; position:relative; display:block;float:left;margin-top:32px;margin-left:30px;} #content #gallery{width:585px; height: 500px; position:relative; padding-top:40px; padding-left:30px; background-image: url(images/contentBG2.jpg); background-repeat:no-repeat;} #content #newsTitle{width:610px; height:26px; position:relative; padding-top:40px; padding-left:35px; padding-bottom:40px;} #content #searchform {padding-left: 10px;} #content .post h2{padding-left:0px; height:10px; text-transform:uppercase;} .alignright a {text-decoration:none; font-size:small; } .alignleft a {text-decoration:none; font-size:small; } .alignright {float: right;} .alignleft {float: left;} #content .post small{padding-left:10px; font-size:12px;} #content .post img { border: 1px solid #042032;} /* POSTS *********************************************/ .post { /*margin-left:30px;*/ width:590px; position:relative; margin-bottom:5px;} .post h2 {font: 15pt Arial, Helvetica, sans-serif;} .post h3 {font: 15pt Arial, Helvetica, sans-serif; padding: 10px; color:#63bff4;} .post a {color: #33ccff; text-decoration: none; margin-left:10px;} .post #date {color: #FFFFFF; font: 13px Helvetica, Arial, sans-serif; text-decoration: none; float: left; margin: -10px 0 0 0;} .post .entry{padding-top:5px; width:590px;} .post p {font: lighter 12px/14px Arial, Geneva, Verdana, Helvetica, sans-serif; padding: 0 10px;} .post li {font: normal 12px/14px Arial, Geneva, Verdana, Helvetica, sans-serif;} .post p.postmetadata {text-align: right; color: #33ccff; font-size: 13px; padding:5px; width:570px; background-color:#021420; margin-left:9px;} .post p.postmetadata a {color: #33ccff; text-decoration: none; font-size: 13px;} .post p.postmetadata a:hover {color:#95bcbc; text-decoration: underline;} .post table {font: normal 12px/14px Arial, Geneva, Verdana, Helvetica, sans-serif;} .post table.screenshots td {vertical-align: top;} /* SIDEBARS *********************************************/ #sidebar {position:relative; width:210px; height:100%; margin: 0; float: left; left:270px; top:240px;/*position:absolute; top:332; left: 880px; width:300; */ } #sidebar h2 {font-family: Arial, Helvetica, sans-serif; width:200px; margin-right: 20px; font-size:0px; color:#000; } #sidebar ul {width:210px; position:relative; list-style:none; padding:0; margin:0; } #sidebar ul li { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; list-style-type: none; list-stylefont-family:Arial, Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; margin-left:0px; line-height:12px; } #sidebar ul li a { color: #666666; text-decoration:underline;} #sidebar ul li a:hover, .post a:hover {text-decoration: underline;} #sidebar ul li ul { display:block; float:left; width:300px; padding:0; margin:0; margin-top:0px; } #sidebar ul li ul li {list-style-type: none; color: #a8c0c6; margin-left:5px; margin-top:5px;} /*#sidebar ul li.pagenav {background-image: url(images/pagesTitle.jpg); background-repeat: no-repeat; width: 210px; height:30px; display:block; float:left; position:relative; margin:20px 0;} #sidebar ul li.categories {background-image: url(images/categoriesTitle.jpg); background-repeat: no-repeat; width: 210px;eight:30px;display:block; float:left; position:relative;margin:20px 0; } #sidebar ul lI h2 .archives_title {background-image: url(images/archiveTitle.jpg); background-repeat: no-repeat; width: 210px;eight:30px;display:block; float:left; position:relative;margin:20px 0;} #sidebar ul lI #recent-posts {width: 210px;eight:30px;display:block; float:left; position:relative; margin:20px 0;}*/ /** for widgets **/ #sidebar #recent-posts .widgettitle {font-size:0px; width:120px; height:30px; background:url(images/recentTitle.jpg); background-repeat:no-repeat;} #sidebar #recent-posts {margin:40px 0;} #sidebar #archives .widgettitle {font-size:0px; width:120px; height:30px; background:url(images/archiveTitle.jpg); background-repeat:no-repeat;} #sidebar #archives {margin-top:30px;} /** extra divs **/ #sidebar #rss_div #rssLink {padding: 3px 0 0 30px; margin-left: 7px; height:20px; width:120px; display:block; background:url(images/rss_icon.jpg); background-repeat:no-repeat; background-position: top left; font-size:11.8px;} #sidebar #sharethis_div { margin-bottom:10px; height:25px; width:120px; display:block; /*background:url(images/share_btn.jpg); background-repeat:no-repeat; background-position: top left; */} #sidebar #sharethis_div #sharethis_0 { float:left; margin: 10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #sidebar #reg_div #regLink {height:20px; width:180px; display:block; /*background:url(images/register_updates.jpg); background-repeat:no-repeat; background-position: top left;*/ font-size:11.8px; margin-left:10px;} #sidebar #twitter_div #twitterLink {position:relative; margin: 30px 0 5px 0; height:45px; width:121px; display:block; background:url(images/twitter_img.jpg); background-repeat:no-repeat; background-position:center left; float:left;} #sidebar #facebook_div #facebookLink {position:relative; margin: 0; height:45px; width:121px; display:block; background:url(images/fb_img.jpg); background-repeat:no-repeat; background-position:center left; float:left;} #sidebar #myspace_div #myspaceLink {position:relative; margin: 5px 0; height:45px; width:121px; display:block; background:url(images/myspace_img.jpg); background-repeat:no-repeat; background-position:center left; float:left;} /* SEARCHFORM *********************************************/ #searchform { width: 170px; height: 84px; margin:10px 0px; } #searchform #s{width: 160px; height:15px; margin-left:5px;} #searchTitle {margin-top:0px;} #searchform #searchsubmit {width:90px; height: 25px; position:relative; margin-top: 8px; display:block; float:right;} #searchform #searchsubmit img{top:30px;} /* 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-color:#000000;} #commentform #submit{background-image: url(images/arrowBG.png); background-repeat:no-repeat; width: 174px; height: 24px; background-color: #25485C; border: none; color: #FFFFFF; font-size:small} /* Footer *********************************************/ #footer {padding: 0; margin: 0 auto; width: 1024px; clear: both; color: #999; } #footer p {margin: 0; padding: 10px 0; text-align: center;} #footer a {text-decoration: none; color: #666;} #footerlegal { width:850px; color:#333; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; }