/*
Theme Name: Sega Nerds Blue
Theme URI: http://www.seganerds.com/
Description: A custom theme for Sega Nerds, making use of lots of rounded rectangles and solid colours.
Version: 1.0
Author: SuitCase (suitcase@soaringrabbit.com)

*/

/* Main page setup. Make fonts pretty, set the whole blue-coloured scene, do the huge big header. */

body {
	font-family: Verdana;
	font-size: .8em;
	width: 760px;
	background-color: #2853b3;
	margin: 10px auto;
}
div#content {
	float: left;
	margin-top: -10px;
}
a {
	font-weight: bold;
}
a:link {
	color: #004190;
}
a:visited {
	color: #3278a9;
}
a:active {
	color: #0060d5;
}
h1,h2,h3 {
	font-family: Helvetica;
}
h1 a {
	display: block;
	width: 760px;
	height: 170px;
	background-image: url(img/NewConcept.png);
	background-repeat: no-repeat;
}

/* Top block section. This is for the navigation bit at the top. */

#topblock {
	height: 75px;
	background-color: #6f9fe0;
	background-image: url(img/topblock.png);
	background-repeat: no-repeat;
	margin: 10px 0;
}
#topblock a:visited {
	color: #004190!important;
}
#topblock h2,#search h2 {
	display: none;
}
#topblock ul {
	list-style: none;
	width: 570px;
	height: 75px;
	padding-left: 0;
	margin: 0;
}
#topblock ul li {
	float: left;
}
#topblock ul li a {
	font-size: 1.2em;
	text-align: center;
	display: block;
	width: 95px;
	height: 27px;
	padding: 48px 0 0 0;
	margin: 0;
}
#search {
	color: white;
	text-align: right;
	position: absolute;
	top: 206px;
	float: right;
	width: 185px;
	padding-right: 5px;
}
#search p {
	margin: 0;
}
#search input {
	font-size: 1.5em;
	border: 2px solid #CCCCCC;
	margin: 6px 0 0;
}


/* Side blocks. For the side bar. */

div.sideblocks {
	width: 200px;
	float: right;
	margin-left: 10px;
}
div.sideblock { 
	background-color: #dbe25a; /* ATTENTION: This is the green colour: #dbe25a. Change it if you like. */
	margin-bottom: 10px;
}
div.sideblock h2 {
	font-size: 2.2em;
	color: #005700;
	text-align: center;
	background-image: url(img/rounded_sideblock_top.png);
	background-repeat: no-repeat;
	padding: 5px 0 0;
	margin: 0;
}
div.sideblock p.footer {
	text-align: right;
	background-image: url(img/rounded_sideblock_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 10px 10px;
}
div.sideblock div.blockend {
	height: 25px;
	background-image: url(img/rounded_sideblock_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.sideblock p {
	padding: 0 10px;
}
div.sideblock ul {
	margin-bottom: 0;
}
div.featured a {
	display: block;
	width: 200px;
	height: 220px;
	background-image: url(img/feature.jpg);
}

/* Content blocks. These are the white boxes the site content goes into. */

div.contentblock {
	background-color: white;
	position: relative;
	margin: 10px 0;
}
div.contentblock h2 a {
	text-decoration: none;
}
div.contentblock h2 a:visited {
	color: #004190;
}
div.contentblock p,div.contentblock ul,div.contentblock ol,div.contentblock blockquote,div.contentblock img,div.contentblock table {
	padding: 0 10px;
}
div.contentblock li, div.contentblock ol {
	list-style-position: inside;
}
div.footer {
	background-repeat: no-repeat;
	background-position: bottom;
}
div.contentblock p.postingdetails {
	border-top: 3px solid #568ada;
	padding: 5px 0 10px!important;
	margin: 15px 10px 0;
}
p.continue {
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
}
p.continue a {
	font-size: 1.2em;
	background-repeat: no-repeat;
	background-image: url(img/continuearrow.gif);
	padding-left: 34px;
}
p.comments {
	font-size: 1.2em;
	text-align: right;
	float: right;
	width: 250px;
	margin: 0 10px 0 0;
}

/* Blog posting styles. These build off the content blocks, but are for the types of box used on the index and single-post pages. */

div.contentblock.posting {
	width: 550px;
}
div.contentblock.posting div.footer {
	height: 45px;
	background-image: url(img/rounded_posting_bottom.gif);
}
div.contentblock.posting div.singlefooter {
	font-style: italic;
}
div.contentblock.posting h2 {
	font-size: 3em;
	color: #1d3e8d;
	line-height: 42px;
	background-repeat: no-repeat;
	background-image: url(img/rounded_posting_top.gif);
	padding: 10px 10px 0;
	margin-top: 0px;
	margin-bottom: -.3em;
}

/* Blog posting content stuff. These are the styles used within blog posts. */

div.contentblock.posting blockquote {
	color: #545454;
	border-left: 5px solid #7FAFFF;
	margin-left: 30px;
}
div.contentblock.posting ul,div.contentblock.posting ol {
	padding-left: 30px;
}

/* Page styles. These build off the content blocks, and are used for content that takes up the full width of the site - pages, and search results, mainly. */

div.contentblock.page {
	width: 760px;
}
div.contentblock.page h2 {
	font-size: 3em;
	color: #1d3e8d;
	background-repeat: no-repeat;
	background-image: url(img/rounded_page_top.gif);
	padding: 10px 64px 0 10px;
	margin: 0 0 -.3em;
}
div.contentblock.page h3 {
	font-size: 1.8em;
	color: #1d3e8d;
	padding-left: 1em;
}
div.contentblock.page p.footer {
	text-align: right;
	background-repeat: no-repeat;
	background-image: url(img/rounded_page_bottom.gif);
	background-position: bottom;
	padding-bottom: 10px;
}

/* Totally cool calendar-style timestamp. */

div.timestamp {
	position: absolute;
	top: 10px;
	right: 10px;
}
div.timestamp_placeholder {
	width: 90px;
	height: 95px;
	float: right;
}
div.timestamp h3 {
	font-family: Helvetica!important;
	width: 66px!important;
	height: 80px!important;
	position: relative!important;
	color: black!important;
	background-image: url(img/cal.gif)!important;
	background-repeat: no-repeat;
	padding: 0 !important;
	margin: 0;
}
div.timestamp h3 span {
	text-align: center;
	position: absolute;
}
div.timestamp h3 span.time {
	font-size: 10px;
	font-weight: normal;
	color: grey;
	width: 66px;
	bottom: 0px;
}
div.timestamp h3 span.date {
	font-size: 43px;
	width: 64px;
	bottom: 13px;
	padding: 0;
	margin: 0;
}
div.timestamp h3 span.monthyear {
	font-size: 11px;
	color: white;
	width: 64px;
	top: 5px;
}

/* Previous and next page links */

ul#prevnext {
	font-size: 1.2em;
	list-style-type: none;
	height: 50px;
	position: relative;
	background-color: #d3e0f6;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 0 10px;
}
div.narrow ul#prevnext {
	width: 550px;
	background-image: url(img/prevnextbg.png);
}
div.narrow ul.firstpage {
	width: 550px;
	background-image: url(img/prevonlybg.png)!important;
}
div.fullwidth ul#prevnext {
	width: 760px;
	background-image: url(img/prevnextbg_wide.png);
}
div.fullwidth ul.firstpage {
	width: 760px;
	background-image: url(img/prevonlybg_wide.png)!important;
}
li.prevlink a,li.nextlink a {
	line-height: 50px;
	width: 137px;
	position: absolute;
}
li.prevlink a {
	left: 0;
	padding-left: 28px;
}
li.nextlink a {
	text-align: right;
	right: 0;
	padding-right: 28px;
}

/* Comments. This is where the little speech bubble magic happens. */

div.comments {
	clear: left;
}
div.comments p.footer {
	height: 50px;
	background-image: url(img/rounded_posting_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.comments div.blockend {
	height: 25px;
	background-image: url(img/rounded_posting_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
p.commentauthor,p.commentdetails {
	font-family: Helvetica;
	font-weight: bold;
	margin: 5px 0 0;
	text-align: right;
}
p.commentauthor {
	font-size: 2.1em;
	letter-spacing: 120%;
	color: #2153b5;
}
p.commentdetails {
	font-size: .85em;
	color: #666666;
	margin-bottom: 20px;
}
p.taghelp {
	color: #666666;
	font-size: .8em;
}
div.comments textarea {
	width: 520px;
}
img.comvatar {
	position: absolute;
	bottom: 0;
	right: -90px;
}
.bubbletop {
	background-image: url(img/commentbubble_top.png);
	background-repeat: no-repeat;
	height: 34px;
}
.bubble {
	background-image: url(img/commentbubble_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width:450px;
	padding-bottom: 38px;
	margin-left: 10px;
	position: relative;
}
div.bubbletextwrap {
	background-color: #ccebeb;
	width:430px;
}
div.bubbletextwrap p {
	margin: 0;
	padding: 0 20px;
}

/* Hot Games box. Currently unused. */

ul.hotgames {
	border-top: 1px solid #aaa947;
	padding-left: 0;
	margin: 0;
}
ul.hotgames li {
	text-align: center;
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid #aaa947;
}

/* Tables (Mainly for the reviews and releases pages) */

table {
	margin: 10px auto 15px;
	width: 720px;
}
caption {
	display: none;
}
tr.headings {
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	text-align: center;
	background-color: #e2493d !important;
}
tr {
	background-color: #f3fbff;
}
td {
	padding: 5px;
}

/* Footer. */

div.smallprint {
	clear: both;
	background-image: url(img/rounded_smallprint_top.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}
div.smallprint p {
	text-align: center;
	background-color: #d2e0f5;
	background-image: url(img/rounded_smallprint_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 10px 10px;
	margin: 0;
}
small {
	font-size: 100%;
}
div.footercrab {
	float: right;
	background-image: url(img/footercrab.gif);
	background-repeat: no-repeat;
	width: 54px;
	height: 39px;
	padding: 0 5px 5px;
}

/* Custom styles to fix random things. */

.hidden {
	display: none;
}
iframe.diggbutton {
	float: right;
	padding: 0 0 10px 10px;
}
a img {
	padding-bottom: 5px !important;
	border-bottom: 3px solid #004190;
}
.errorpage {
	background-color: black!important;
	color: white;
	margin-left: auto!important;
	margin-right: auto!important;
	width: 320px!important;
}