/*   
Theme Name: Denki
Theme URI: www.denki.co.uk
Description: The first Denki theme.
Author: David Thomson
Author URI: www.denki.co.uk
Version: 1.00
*/

* { margin: 0; }

html, body { height: 100%; font: 92% Verdana, Geneva, Helvetica, Arial, sans-serif; }

body { background-color: #91d9ff; background: #91d9ff url(images/background-01.png) no-repeat center top; }

blockquote { padding-left: 30px; padding-right: 30px; font-style: italic; }

#content a, #gamecontent a { color: #fff; }

#content a:link, #gamecontent a:link { color: #fff; }

#content a:visited, #gamecontent a:visited { color: #fff; }

/* note that A:HOVER isn't supported by all browsers */
#content a:hover, #gamecontent a:hover { color: #222; background: #fff; }

#content table.no-back-images a:hover { background: none !important;}

a img, a:link img, a:visited img { border: 0; }

/* unique IDs */
#content { clear: both; width: 644px; margin: 8px; float: left; }

#wrapper { width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -309px; //fix
}



/*
 * POSTS
 */

div.alignleft { float: left; }

div.alignright { float: right; }

.post { margin: 48px 0 0 48px; padding: 0; xpadding-right: 16px; color: #fff; }

.post h2 { padding-top: 8px; }

.post h2 a:link, .post h2 a:visited { text-decoration: none; color: #000; }

.post h2 a:hover { border-bottom: 1px dotted #000; }

.post h3 { margin-top: 16px; }

.postmetadata { width: 80px; position: absolute; left: 10px; text-align: center;  color: #fff; }

.postmetadata div#metatop { margin: 0; padding: 0; }

.postmetadata div#metaisland { clear: both; background-color: #006691; margin-top: -3px; }

#metaisland { padding-top: 20px; }

.post ul { margin: 20px 0; }

.post p { font-size: 0.9em; line-height: 1.25em; margin: 20px 0; xpadding-right: 16px; }

.post object { margin: 20px auto 0 auto; xmargin: 20px 0; display: block; }

.post li { margin-top: 0; font-size: 0.9em; line-height: 1.25em; padding-right: 16px; }

.alignleft { margin-right: auto; }

.aligncenter { margin-left: auto; margin-right: auto; }

.alignright { margin-left: auto; }

.post p img { display: block; }

.post p img.wp-smiley { display: inline; }

/*
 * COMMENTS
 */
h3#comments { margin-left: 20px; margin-right: 20px; color: #fff; }

.commentlist { margin-left: 20px; margin-right: 20px; xpadding-right: 16px; }

div#respond { margin-top: 36px; margin-left: 20px; margin-right: 20px; xpadding-right: 16px; font-size: 0.9em; color: #fff; }

div#respond textarea#comment { width: 480px; //456px;
}

div.comment, div.pingback { margin: 12px 16px 16px 0; padding: 8px; border: 1px solid #ccc; font-size: 0.9em; color: #fff; overflow: hidden; }

div.comment p, div.pingback p { margin-top: 12px; }

div.commentlist img.avatar { float: right; }

.fn { font-weight: bold; font-style: italic; }

div.comment-meta { font-size: 85%; }

/*
 * HEADER
 */
#header { margin: 40px auto 0 auto; }

ul#mainnav li { display: inline; padding: 0 30px 0; float: right; }

#header .home { float: left; }

#header a:link { border: 0; }

#header #tag { position: absolute; top: 0; right: 0; width: 100px; height: 100px; }

#mainnav #about { display: block; width: 200px; height: 146px; background: url(images/about-denki.png) no-repeat 0 0; }

#mainnav #quarrel { display: block; width: 200px; height: 146px; background: url(images/about-quarrel.png) no-repeat 0 0; }

#mainnav #about:hover, #mainnav #quarrel:hover { background-position: -200px 0; }

#mainnav #about span, #mainnav #quarrel span { display: none; }

#header h1.logo { margin-left: auto; margin-right: auto; width: 480px; }

#header h1.doclogo { margin-left: auto; margin-right: 70px; width: 149px; }

/*
 * FOOTER
 */
#footer { clear: both; height: 180px; margin-top: 180px; width: 100%; background: url(images/footer.png) no-repeat center bottom; }

#footer p { width: 100%; padding: 0; color: #39d; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; text-align: center; }

#footer p.info { padding-top: 124px; }

#footer a, #footer a:link, #footer a:visited { color: #39d; text-decoration: none; border-bottom: 1px dotted #6699ff; }

#footer a:link { }

#footer a:visited { }

#footer a:hover { background-color: #39d; color: #2547ad; }

.push { clear: both; height: 180px; }

/*
 * SIDEBAR
 */
 
#sidebar { float: right; width: 260px; font-size: 78%; margin-top: 48px; }

#sidebar iframe, #ad-banner iframe { display: none !important;}

.logos a {text-decoration: none !important; background: none !important; border: none !important;}

#sidebar a, #sidebar a:link, #sidebar a:visited { text-decoration: none; color: blue; border-bottom: 1px dotted blue; }

#sidebar a:hover { color: #fff; background-color: blue; border-color: blue; }

#sidebar a.nohover, #sidebar a.nohover:link, #sidebar a.nohover:visited { border: 0; background-color: transparent; }

#sidebar ul { padding: 0; }

#sidebar li { list-style: none; }

#sidebar p { width: 230px; }

#sidebar p.twitter-message { padding: 8px 0 4px 0; }

#sidebar h3 { padding: 14px 0 7px 0; }

.quilt { width: 240px; margin-top: 32px; margin-left: auto; margin-right: auto; }

.quilt ul { padding: 4px; margin: 0; }

.quilt li { display: inline; }

.quilt li img { padding-right: 8px; padding-bottom: 8px; }

div.cloud { margin-bottom: 40px; width: 260px; }

div.cloud_top { background: url(images/clouds/cloud_top.png) no-repeat top left; }

div.cloud_bottom { background: url(images/clouds/cloud_bottom.png) no-repeat top left; }

div.cloud_left { background: url(images/clouds/cloud_bg.png) repeat-y top left; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 220px; margin: 0 0 10px 0; }

#game-logos {text-align: center;}

#game-logos h3 {text-align: left;}

#game-logos img {  padding: 0 0 10px 0;}

div.no-margin-bottom {margin: 0 ;}

div.cloud_top, div.cloud_top div { width: 100%; height: 40px; font-size: 1px; }

div.cloud_bottom, div.cloud_bottom div { width: 100%; height: 20px; font-size: 1px; }

div.cloud .quilt { margin: 0; }

div.island_top { background: url(images/BigIslandTop580-trans.png) no-repeat top right; }

div.island_top object { display: none; }

div.island_bottom { background: url(images/islands/big_island_bottom_wide.png) no-repeat top right; }

div.island_top, div.island_top div { width: 100%; height: 39px; font-size: 1px; }

div.island_bottom, div.island_bottom div { width: 100%; height: 69px; font-size: 1px; }

div.island_left { background: #006691; padding-bottom: 20px; width: 100%; }

div.island .post { margin-top: 0; margin-bottom: 0; margin-left: 20px; margin-right: 20px; }

div.island .post p { margin-bottom: 0; }

div.island { margin-top: 48px; margin-bottom: 48px; width: 580px; margin-left: 76px; }

div.byline { width: 480px; margin-left: 600px; }

.js { overflow:hidden; zoom:1; }

.carousel,  .carousel .carousel-wrap { margin:0; border:0; zoom:1; }

.carousel { padding: 0; margin: 0; width: 508px; }

.js .carousel-wrap { display:block; vertical-align:middle; width:400px; margin:0; border:1px solid #4f4f4f; background:#1a1a1a; margin-left: auto; margin-right: auto; }

.IE .js .carousel-wrap { display:inline; }

.carousel ul { margin:0; padding:0; zoom:1; }

.js ul li { overflow:hidden; display:inline; float:left; width:400px; height:228px; text-align:center; margin-left: auto; margin-right: auto; }

.carousel .carousel-control { overflow:hidden; display:inline-block; vertical-align:middle; width:48px; height:30px; cursor:pointer; line-height:999px; zoom:1; margin-left: 140px; }

.carousel .carousel-next { background:url(images/arrow-right-48.png) 0 0 no-repeat; }

.carousel .carousel-next:hover { background-position: -48px 0; }

.carousel .carousel-previous { background:url(images/arrow-left-48.png) 0 0 no-repeat; }

.carousel .carousel-previous:hover { background-position: -48px 0; }

.carousel .carousel-control:hover { -xmoz-opacity:.7; xopacity:0.70; fixlter:alpha(opacity=70); }

.carousel .disabled, #container .carousel .disabled:hover { -moz-opacity:.1; opacity:0.10; filter:alpha(opacity=10); cursor:default; }

.carousel div { margin:0; padding:0; border:0; }

.carousel ul { padding:0; list-style:none; }

.carousel ul li { position:relative; width:400px; margin:0; }

#gamecontent { width: 800px; margin: 0 auto 0 auto; }

#screenshots { margin-left: auto; margin-right: auto; }

#quarrel_tabs { margin: 20px 0 20px 0; }

#quarrel_tabs > ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; padding-top: 12px; padding-bottom: 12px; list-style-image: none; max-width: 600px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

#quarrel_tabs > ul li { display: inline; background: #F9E511; }

#quarrel_tabs > ul li a { text-align: center; background: #F9E511; padding: 12px 12px 12px 12px; font-weight: bold; }

#quarrel_tabs > ul li a.selected { background: #EF6438; font-weight: bold; }

#quarrel_tabs > ul li a:hover { background: #EF6438; }

.qscreens { padding-top: 30px; margin-left: auto; margin-right: auto; }

.postdate { display: none; }

img, div, table, td, a, body { behavior: url(/iepngfix.htc); }

p#feed { margin-top: 24px; }

#mc_signup_container { width:220px; }

.mc_input { width: 200px; }

li.page_item { font-size: 109%; font-weight: bold; display: block; xwidth: 180px; }

li.page_item > ul li { font-size: 93%; padding-left: 4px; }


 #ad-banner { position: absolute; left: 130px}
	#wrapper {position: relative;}
	#content {padding: 0 0 0 28px;}