/* 
Theme Name: Hello Games
Theme URL: http://www.joe-danger.com
Description: Hello Games Theme
Author: Hello Games
Author URI: http://www.joe-danger.com
Version: 1.0.1	

Tags: one-column, two-columns, three-columns, fixed-width, right-sidebar, left-sidebar, threaded-comments, custom-header, theme-options, sticky-post

TEMPLATE: onepress
*/


/*
 * Import default OnePress Markup
 */
@import url('../onepress/op-layout.css');
@import url('navigation.css');
@import url('widgets.css');

/*
 * Widgets 
 */

/* Space above each small component*/
#main     .widget,
#sidebar  .widget,
#sidebar2 .widget{
	margin-top: 10px;
}

#header h1 { display:none }



.widget .hd,
.widget .hd .hc,
.widget .ft,
.widget .ft .fc {
	background: #fff url(images/RoundTest.png) no-repeat top right;
	height:20px;
}

.widget .bd,
.widget .bd .bc {
	background: #fff url(images/SliceTest.png) repeat-y top right;
}

#sidebar .widget .hd,
#sidebar .widget .hd .hc,
#sidebar .widget .ft,
#sidebar .widget .ft .fc {
	background: #fff url(images/PinkRound.png) no-repeat top right;
	height:20px;
}


#sidebar .widget .bd,
#sidebar .widget .bd .bc {
	background: #fff url(images/PinkSlice.png) repeat-y top right;
}

.widget .hd,
#sidebar .widget .hd {
	width:100%;
	background-position:top right;
}

.widget .hd .hc,
#sidebar .widget .hd .hc { 
	margin-right:20px;
	background-position:top left;
}

.widget .ft,
#sidebar .widget .ft {
        width:100%;
	background-position:bottom right;
}

.widget .ft .fc,
#sidebar .widget .ft .fc {
	margin-right:20px;
	background-position:bottom left;
}

.widget .bd,
#sidebar .widget .bd {
	width:100%;
	background-position:top right;
}

.widget .bd .bc,
#sidebar .widget .bd .bc {
	margin-right:20px;
	background-position:top left;
	padding:10px 0 10px 0; 
}

.widget .s,
#sidebar .widget .s {
	padding: 10px 1em;
}



/*
 * Custom markup Below
 */

a,
a:link,
a:visited,
a:hover {
	text-decoration:none;
}

a:link, a:visited 
{
    color:#04b4e0;
    font-weight: bold;
}

#sidebar a:link, 
#sidebar a:visited 
{
    color:#ffffff;
    font-weight: bold;
    text-decoration: underline;
}

html {background:#04b4e0 url('./images/JoeBackground.jpg') no-repeat scroll center top;}


div#page{
	background: transparent url('./images/kubrickbg.png') repeat-y;
        /*bg-color: #ff0000;*/
	width: 980px;
	/*padding: 0px 0px;*/
}

#header, #op_navigation, #content, #footer{
	padding: 0 12px;
}
/*
 * Header
 */
#header { 
	position: relative;
	background: transparent url('./images/kubrickheader.png') no-repeat;
	padding-top: 10px;
        padding-left: 0px;
}

#header .bd .c {
        /*hspace: 10px;*/
        align: center;
	background: url('./images/headerTestNew.png') no-repeat;
	height: 216px;
	width: 980px;
}
/*
#headerimg { 
	padding: 50px 0 0 25px;
}*/
/*
#headerimg h1 a, #headerimg h1 a:visited, #headerimg h1 a:hover { 
	font-size:150%;
	letter-spacing: -2px;
	color: #FFF;
	text-decoration:none;
}*/

/* create a large clickable area in the header (optional) */
/*#headerlink a { 
	display: block; 
	position: absolute; 
	top:10px; 
	left:10px; 
	width:60%; 
	height:160px;
}

div#headerimg div.description {	
	padding:5px 0 0 5px;
	font-size:150%;
	color: #eee;
}

div#welcome{
	top: 15px;
	right: 20px;
	color: #eee;
	font-weight: bold;
}

div#welcome a{
	color: #fff;
	text-decoration: underline;
}*/

/*
 * Class for sidebars
 */



div#sidebar,div#sidebar2{
	height: 100%;
width: 276px;
        font-size: 100%;
        color: #ffffff;
}

/* 
 * Featured post carousel 
 */
/*div#feature{
	background: #ff0000;
color: #00ff00;
margin-top:100px;
}*/

/* featured post header color */
div#feature ul#features h2 a { 
	color:#fe3a3c
}

/*
 * Post Body Layout
 */
body.multiple div.post{
	padding: 10px;
	/*margin-bottom: 5px;*/
border-bottom: 3px solid #fe3a3c;
}

body.single div.post{
	padding: 10px;
        /*border-bottom: 1px dashed #fe3a3c;*/
}

div.widget_op_content_body h2{
	font-size: 150%;
	font-weight: bold;
	margin: 0;
}
body.multiple div.widget_op_content_body h2 a{
	color: #fe3a3c;
}

div.post_content{
        font-size: 100%;
}

div.post_tag span.label, div.post_category span.label { color: #333; font-weight: bold;}

div.widget_op_content_body div.post_date{
	font-size: 100%;
	padding-bottom: 10px;
	color: #666;
	text-align: right;
}

div.widget_op_content_body div.post_comments{
	padding: 5px 0;
}

div.widget_op_content_body div.post_edit{
	padding: 5px 0;
	float:right;
}

div.widget_op_content_body div.post_content a, div.widget_op_content_body div.post_tag a, div.widget_op_content_body div.post_category a{
	text-decoration: underline;
}
/*
body.single div.post_odd, body.multiple div.post_odd{ background: #f8f8f8; }
body.single div.post_even, body.multiple div.post_even{ background: #eff2f7; }
*/

/*
#sidebar .widget .s{
	padding: 5px .5em;
}*/

/** Widgets in main shouldn't have top margin **/
/*div#main > .bd > .bc > .s > div.widget{
	margin-top: 0;
}*/

/* Standard Widget Content Styles */
h2.widgettitle{
	border-bottom: 5px solid #ffffff;
	color:#ffffff;
	font-size: 150%;
        font-weight: bold; 
        margin: .2em .2em .5em;
}

h2.widgettitle a{
	text-decoration:none;
}
/*
.widget ul{
	margin-top: .5em;
	margin-bottom: .5em;
}

.widget li{
	margin: 3px 0;
}

.widget ul a{
	font-weight: bold;
	text-decoration: underline;
}

.widget ul a:hover{
	text-decoration: none;
}*/

/*
 *  Sidebar column shading
 */
/*#sidebar > .hd,
#sidebar > .hd > .hc,
#sidebar > .ft,
#sidebar > .ft > .fc {
        height:5px;
}

#sidebar > .bd,
#sidebar > .bd > .bc {	
       height: 100%;
}*/


/* top right corner */
/*#sidebar >.hd { 
	width:100%;
	background-position:top right;
}
*/
/* top left span */
/*#sidebar > .hd > .hc { 
	margin-right:5px;
	background-position:top left;
}

#sidebar > .ft {
	width:100%;
	background-position:bottom right;
}

#sidebar >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

#sidebar >.bd {
	width:100%;
	background-position:top right;
}

#sidebar >.bd > .bc {
	margin-left: 3px;
}*/
/* uncollapse .content margins */
/*#sidebar >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; 
}*/



/*
 *  Sidebar2 background styling
 */
/*#sidebar2 > .hd,
#sidebar2 > .hd > .hc,
#sidebar2 > .ft,
#sidebar2 > .ft > .fc {
	height:5px;
}

#sidebar2 > .bd,
#sidebar2 > .bd > .bc {
	height: 100%;
}

#sidebar2 >.hd { 
	width:100%;
	background-position:top right;
}

#sidebar2 > .hd > .hc { 
	margin-right:5px;
	background-position:top left;
}

#sidebar2 > .ft {
	width:100%;
	background-position:bottom right;
}

#sidebar2 >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

#sidebar2 > .bd {
	width:100%;
	background-position:top right;
}

#sidebar2 >.bd > .bc {
	margin-left: 3px;
	height:100%;
}

#sidebar2 >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; 
}*/

/*
 *  Footer background styling
 */
/*div.column > .widget > .hd,
div.column > .widget > .hd > .hc,
div.column > .widget > .ft,
div.column > .widget > .ft > .fc {
	background: #fff url(images/black-hd-5.png) no-repeat top right;
	height:5px;
}

div.column > div.widget > .bd,
div.column > div.widget > .bd > .bc {
	background: #000;
	height: 100%;
}

div.column > div.widget >.hd {
	width:100%;
	background-position:top right;
}

div.column > div.widget > .hd > .hc { 
	margin-right:5px;
	background-position:top left;
}

div.column > div.widget > .ft {
	width:100%;
	background-position:bottom right;
}

div.column > div.widget >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

div.column > div.widget > .bd {
	width:100%;
	background-position:top right;
}

div.column > div.widget >.bd > .bc {
	margin-left: 3px;
	height:100%;
}

div.column > div.widget >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; 
}*/

/*
 * Search
 */
/*#searchform input { 
	font-family: Verdana; 
	font-size: 77%; 
	color: #999; 
}

#searchform input.submit { 
	color: #000; 
}


#tag_cloud a {
	text-transform:uppercase;
}

div.wp-caption {
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   margin: 10px auto;
}*/


/*
 * Footer
 */
div#footer{
 background: transparent url('./images/kubrickfooter.png') bottom left no-repeat;
 width: 980px;
 padding-bottom: 10px;
 }

div#column_wrap div.order1{ padding-left: 0;}
div#column_wrap div.order3{ padding-right: 0;}

div.column{
	color: #eee;
}

/* 
 * Wordpress Required Image and Block Alignment CSS 
 */
/*.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   clear: both;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;

   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}*/