/****************************************************************************************
Theme Name: Incubator Games Theme
Description: The default Incubator Games Wordpress theme.
Author: Radek & Derek Koncewicz
****************************************************************************************/



/****************************************************************************************
* general markup.
****************************************************************************************/
*
{
	margin: 0px;
	padding: 0px;
   color: #5a8796;
   border-width: 0px;
   border-color: #5a8796;
   border-style: solid;
   border-spacing: 0px;
}

body 
{
	background-color: #ffffff;
   background-image: url("images/mainbg.png");
   background-repeat: repeat-x;
   font-family: "Verdana", Verdana;
   font-size: 12px;
   word-spacing: 1px;
   letter-spacing: 1px;
   line-height: 150%;
}

table, tr, td, th
{
   margin: 0px;
   padding: 0px;
   border-spacing: 0px;
   text-align: left;
   vertical-align: top;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: bold;
}

h1
{
   font-size: 30px;
   line-height: 37px;
   padding: 10px 0px 10px 0px;
}

h2
{
   font-size: 23px;
   line-height: 30px;
   padding: 7px 0px 7px 0px;
}

h3
{
   font-size: 18px;
   line-height: 22px;
   padding: 3px 0px 3px 0px;
}

h4
{
   font-size: 12px;
   line-height: 15px;
   padding: 3px 0px 3px 0px;
}

h5
{
   font-size: 10px;
   line-height: 12px;
   padding: 1px 0px 1px 0px;
}

h6
{
   font-size: 8px;
   line-height: 10px;
   padding: 1px 0px 1px 0px;
}

ol, ul
{
   margin-left: -7px;
   padding-left: 30px;
}

li
{
   padding: 5px 0px 0px 0px;
}

a
{
   color: #29687d;
   border-bottom: 1px dotted #29687d;
   text-decoration: none;
}

a:hover
{
   border-style: solid;
}

form
{
   color: #5a8796;
   font-size: 12px;
   font-style: normal;
}

input
{
   font-weight: bold;
   background-color: transparent;
}


textarea
{
   background-color: transparent;
}

style
{
   width: 0px;
   height: 0px;
   font-size: 0px;
   line-height: 0px;
}

img#wpstats
{
   display:none
}



/****************************************************************************************
* overall site markup.
****************************************************************************************/
.clear 
{
	clear: both;
	height: 0px;
   font-size: 0px;
   line-height: 0px;
	overflow: hidden;
   visibility: hidden;
   background-color: red;
}

.div-separator
{
   border-top: 1px solid #5a8796;
   height: 0px;
   font-size: 0px;
   line-height: 0px;
   margin: 7px 0px 7px 0px;
}

.big-separator
{
   border-top: 1px solid #5a8796;
   height: 0px;
   font-size: 0px;
   line-height: 0px;
   margin: 18px 0px 24px 0px;
}

.standard-form 
{
   padding: 0px;
}

.standard-form p
{

   margin: 5px 0px 5px 0px;
   padding: 0px !important;
}

.standard-form   input
{
   width: 290px;
   margin: 4px 10px 0px 5px;
   display: block;
   float: left;
}

.standard-form   input#submit
{
   width: 590px;
   margin: 5px 10px 0px 5px;
}

.standard-form  label
{
   margin: 3px 0px 0px 0px;
   display: block;
   float: left;
}

.standard-form  textarea
{
   width: 580px;
   height: 160px;
   margin: 10px 0px 5px 5px;
   padding-right: 5px;
}

.form-input
{
   width: 600px;
   height: 25px;
   margin: 5px 0px 5px 0px;
   background-image: url("images/input.png");
   background-repeat: no-repeat;
}

.form-textarea
{
   width: 600px;
   height: 180px;
   padding: 5px 0px 0px 0px;
   margin: 5px 0px 5px 0px;
   background-image: url("images/textarea.png");
   background-repeat: no-repeat;
}

.form-submit
{
   width: 600px;
   height: 25px;
   margin: 5px 0px 5px 0px;
   background-image: url("images/button.png");
   background-repeat: no-repeat;
}

.insivible-anchor
{
   width: 0px;
   height: 0px;
   font-size: 0px;
   line-height: 0px;
   visibility: hidden;
}

.no-link-border, .no-link-border:hover
{
   border-width: 0px;
}

.wp-caption 
{
   text-align: center;
   padding: 0px;
   margin: 0px;
   background-color: #e8eef0;
   border: 1px solid #cccccc;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
}

.wp-caption  a, .wp-caption  a:hover
{
   margin: 0px;
   border-width: 0px;
}

.wp-caption img
{
   margin: 9px 0px 0px 0px;
}

.wp-caption p.wp-caption-text 
{
   font-size: 11px;
   font-weight: bold;
   line-height: 15px;
   text-align: center;
   padding: 0px 10px 0px 10px;
   margin: 2px 9px 2px 9px;
}

.alignright
{
   float: right; 
   margin: 10px 0px 10px 10px;
}

.alignleft
{
   float: left; 
   margin: 10px 10px 10px 0px;
}

.aligncenter
{
   display: block; 
   margin: 10px auto 10px auto;
}

img.alignleft, img.alignright, img.aligncenter
{
   background-color: #e8eef0;
   border: 1px solid #cccccc;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   padding: 9px;
}

.bordered-image
{
   background-color: #e8eef0;
   border: 1px solid #cccccc;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   margin: 0px;
   padding: 9px;
}



/****************************************************************************************
* content markup.
****************************************************************************************/
#incubator 
{
	margin: 0px auto 0px auto;
	width: 990px;
}

#outer-box
{
	width: 944px;
   padding: 0px 23px 0px 23px;
   background-image: url("images/incbgborders.png");
   background-repeat: repeat-y;
}

#inner-box
{
   width: 944px;
   min-height: 417px;
   min-height: 410px;
   background-color: #789fac;
   background-image: url("images/incbg.png");
   background-repeat: repeat-x;
}

#wrapper
{
   width: 100%;
}

#content
{
   padding: 30px 30px 0px 30px;
}

#content .panel
{
   width: 100%;
   margin: 0px;
   margin: 0px 0px 30px 0px;
}

#content .navigation-left
{
   float: left;
}

#content .navigation-right
{
   float: right;
}

	

/****************************************************************************************
* panels markup.
****************************************************************************************/
.panel
{
   background-color: transparent;
}

.top-left
{
   width: 15px;
   height: 15px;
   background-image: url("images/top-left.png");
}

.top-center
{
   height: 15px;
   background-image: url("images/top-center.png");
   background-repeat: repeat-x;
}

.top-right
{
   width: 19px;
   height: 15px;
   background-image: url("images/top-right.png");
}

.middle-left
{
   width: 15px;
   background-image: url("images/middle-left.png");
   background-repeat: repeat-y;
}

.middle-center
{
   background-color: #ffffff;
}

.middle-right
{
   width: 19px;
   background-image: url("images/middle-right.png");
   background-repeat: repeat-y;
}

.bottom-left
{
   width: 15px;
   height: 20px;
   background-image: url("images/bottom-left.png");
}

.bottom-center
{
   height: 20px;
   background-image: url("images/bottom-center.png");
   background-repeat: repeat-x;
}

.bottom-right
{
   width: 19px;
   height: 20px;
   background-image: url("images/bottom-right.png");
}



/****************************************************************************************
* icons markup.
****************************************************************************************/
.icons
{
   font-size: 0px; 
   line-height: 0px;
   border: 0px;
}

.icons div
{
   width: 40px;
   height: 40px;
}

#rssicon
{
   background-image: url("images/rss_idle.png");
}

#rssicon-preload
{
   background-image: url("images/rss_over.png");
}

#rssicon:hover
{
   background-image: url("images/rss_over.png");
}

#newslettericon
{
   background-image: url("images/newsletter_idle.png");
}

#newslettericon-preload
{
   background-image: url("images/newsletter_over.png");
}

#newslettericon:hover
{
   background-image: url("images/newsletter_over.png");
}

#youtubeicon
{
   background-image: url("images/youtube_idle.png");
}

#youtubeicon-preload
{
   background-image: url("images/youtube_over.png");
}

#youtubeicon:hover
{
   background-image: url("images/youtube_over.png");
}

#facebookicon
{
   background-image: url("images/facebook_idle.png");
}

#facebookicon-preload
{
   background-image: url("images/facebook_over.png");
}

#facebookicon:hover
{
   background-image: url("images/facebook_over.png");
}

#moddbicon
{
   background-image: url("images/moddb_idle.png");
}

#moddbicon-preload
{
   background-image: url("images/moddb_over.png");
}
  
#moddbicon:hover
{
   background-image: url("images/moddb_over.png");
}

#twittericon
{
   background-image: url("images/twitter_idle.png");
}

#twittericon-preload
{
   background-image: url("images/twitter_over.png");
}

#twittericon:hover
{
   background-image: url("images/twitter_over.png");
}

#steamicon
{
   background-image: url("images/steam_idle.png");
}

#steamicon-preload
{
   background-image: url("images/steam_over.png");
} 

#steamicon:hover
{
   background-image: url("images/steam_over.png");
} 



/****************************************************************************************
* post markup.
****************************************************************************************/
.post
{
   padding: 10px;
   background-color: transparent;
   max-width: 620px;
   max-width: 100%;
   overflow: hidden;
}

.post .header
{
   width: 100%;
   line-height: 0px;
}

.post .content
{
   width: 100%;
}

.post .content p
{
   padding: 5px 0px 5px 0px;
}

.post .footer
{
   width: 100%;
   margin-top: 5px;
}

.post .index-footer
{
   width: 100%;
   text-align: right;
}

.post .header .left
{
   width: 100%;
}

.post .header .right
{
   padding-left: 10px;
}

.post  .header .right img
{
   border: 1px solid #5a8796;
}

.post .div-separator
{
   margin: 10px 0px 10px 0px;
}



/****************************************************************************************
*comments markup.
****************************************************************************************/
.comments 
{
   width: 100%;
   font-size: 12px;
   word-spacing: 0px;
   letter-spacing: 1px;
   line-height: 140%;
}

.comments  p
{
   padding: 5px 0px 5px 0px;
}

.comments h5
{
   font-size: 10px;
   line-height: 14px;
   padding: 10px 0px 10px 0px;
}

.comments .gravatar
{
   width: 80px;
   margin: 10px 5px 10px 0px;
}

.comments .gravatar img
{
   width: 70px;
   height: 70px;
   border: 1px solid #5a8796;
}

.comments .bubble
{
   margin: 10px 0px 10px 5px;
}

.comment
{
   width: 100%;
}

.comment-top-left
{
   width: 22px;
   height: 32px;
   background-image: url("images/comment-top-left.png");
}

.comment-top-center
{
   height: 32px;
   background-image: url("images/comment-top-center.png");
   background-repeat: repeat-x;
   background-color: #f1f1f1;
   overflow: hidden;
}

.comment-top-right
{
   width: 16px;
   height: 32px;
   background-image: url("images/comment-top-right.png");
}

.comment-middle-left
{
   width: 22px;
   background-image: url("images/comment-middle-left.png");
   background-repeat: repeat-y;
}

.comment-middle-center
{
   background-color: #f1f1f1;
}

.comment-middle-right
{
   width: 16px;
   background-image: url("images/comment-middle-right.png");
   background-repeat: repeat-y;
}

.comment-bottom-left
{
   width: 22px;
   height: 20px;
   background-image: url("images/comment-bottom-left.png");
}

.comment-bottom-center
{
   height: 20px;
   background-image: url("images/comment-bottom-center.png");
   background-repeat: repeat-x;
}

.comment-bottom-right
{
   width: 16px;
   height: 20px;
   background-image: url("images/comment-bottom-right.png");
}

.admin-comment-top-left
{
   width: 22px;
   height: 32px;
   background-image: url("images/admin-comment-top-left.png");
}

.admin-comment-top-center
{
   height: 32px;
   background-image: url("images/admin-comment-top-center.png");
   background-repeat: repeat-x;
   background-color: #d3e5eb;
   overflow: hidden;
}

.admin-comment-top-right
{
   width: 16px;
   height: 32px;
   background-image: url("images/admin-comment-top-right.png");
}

.admin-comment-middle-left
{
   width: 22px;
   background-image: url("images/admin-comment-middle-left.png");
   background-repeat: repeat-y;
}

.admin-comment-middle-center
{
   background-color: #d3e5eb;
}

.admin-comment-middle-right
{
   width: 16px;
   background-image: url("images/admin-comment-middle-right.png");
   background-repeat: repeat-y;
}

.admin-comment-bottom-left
{
   width: 22px;
   height: 20px;
   background-image: url("images/admin-comment-bottom-left.png");
}

.admin-comment-bottom-center
{
   height: 20px;
   background-image: url("images/admin-comment-bottom-center.png");
   background-repeat: repeat-x;
}

.admin-comment-bottom-right
{
   width: 16px;
   height: 20px;
   background-image: url("images/admin-comment-bottom-right.png");
}



/****************************************************************************************
* header markup.
****************************************************************************************/
#header 
{
	width: 990px;
	height: 215px;
   background-image: url("images/incheader.png");
}

#header a
{
   border-width: 0px;
}

#header #home
{
   width: 254px;
   height: 106px;
   float: left;
   margin: 65px 40px 0px 90px;
   background-image: url("images/incubator_logo.png");
}

#header #news
{
   width: 88px;
   height: 25px;
   float: left;
   margin: 130px 15px 0px 0px;
   background-image: url("images/news_idle.png");
}

#header #news-preload
{
   background-image: url("images/news_over.png");
}

#header #news:hover
{
   background-image: url("images/news_over.png");
}

#header #games
{
   width: 88px;
   height: 25px;
   float: left;
   margin: 130px 15px 0px 0px;
   background-image: url("images/games_idle.png");
}
   
#header #games-preload
{
   background-image: url("images/games_over.png");
}

#header #games:hover
{
   background-image: url("images/games_over.png");
}

#header #about
{
   width: 88px;
   height: 25px;
   float: left;
   margin: 130px 15px 0px 0px;
   background-image: url("images/about_idle.png");
}
   
#header #about-preload
{
   background-image: url("images/about_over.png");
}

#header #about:hover
{
   background-image: url("images/about_over.png");
}

#header #search-bar
{
   width: 210px;
   height: 25px;
   float: right;
   margin: 130px 47px 0px 0px;
   background-image: url("images/search_bar.png");
   background-repeat: no-repeat;
}

#header #search-box
{
   width: 175px;
   float: left;
   margin: 5px 0px 5px 5px;
}

#header #search-icon
{
   width: 25px;
   height: 25px;
   float: right;
}



/****************************************************************************************
* splash markup.
****************************************************************************************/
#splash
{
   padding-top: 30px;
}

#triplet
{
   background-color: transparent;
}

#triplet-left 
{
   float: left;
   margin: 30px 14px 28px 31px;
}

#triplet-center 
{
   float: left;
   margin: 30px 14px 28px 15px;
}

#triplet-right 
{
   float: left;
   margin: 30px 30px 28px 15px;
}

#triplet .panel
{
   width: 275px;
   height: 187px;
}

#triplet .panel h3
{
   text-align: center;
}

#triplet .panel p
{
   padding: 5px 0px 5px 0px;
}

#triplet .icons
{
   margin-top: 35px;
   margin-top: 11px;
}

#triplet .icons td div
{
   margin: 1px 10px 1px 10px;
   margin: 5px;
}



/****************************************************************************************
* games markup.
****************************************************************************************/

.original-game
{
   margin-top: 20px;
}

#contract-games
{
   margin-top: 15px;
}

.contract-game
{
   float: left;
   width: 320px;
}

.contract-game-description
{
   float: left;
   width: 265px;
   margin: 0px 0px 0px 15px;
}



/****************************************************************************************
* about markup.
****************************************************************************************/
#bios
{
   margin: 24px 0px 0px 0px;
}

#platform-logos
{
   padding: 0px 0px 0px 0px;
}

.platform-logo
{
   float: left;
   background-color: #e8eef0;
   border: 1px solid #cccccc;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   margin: 10px 5px 0px 5px;
   padding: 9px;
}

.bio-photo
{
   float: left;
   margin: 0px 0px 0px 0px;
   width: 220px;
   height: 320px;
}

.bio-description
{
   width: 365px;
   float: left;
   margin: 0px 0px 0px 15px;
}

#partners
{
   margin: 10px 0px 0px 0px;
}

#partners img
{
   width: 70px;
   height: 70px;
   margin: 0px 10px 10px 0px;
}

#links .icons
{

}

#links .icons td div
{
   margin: 0px 5px 0px 5px;
}




/****************************************************************************************
* sidebar markup.
****************************************************************************************/
.sidebar
{
   width: 230px;
   margin: 0px;
   padding: 0px;
}

.sidebar .panel
{
   width: 200px;
   margin: 30px 30px 30px 0px;
}

.sidebar .wrapper
{

}

.sidebar ul
{
   list-style: none;
   margin: 0px;
   padding-left: 1em;
	text-indent: -1em;
}

.sidebar ul li
{
   padding: 8px 0px 0px 0px;
}

.sidebar ul li:before 
{
   padding: 8px 0px 0px 0px;
   content: "\00BB \0020";
}

.sidebar h3 
{
   text-align: center;
}

.sidebar p 
{
   padding: 5px 0px 5px 0px;
}



/****************************************************************************************
* footer markup.
****************************************************************************************/
#footer 
{
	width: 990px;
	height: 189px;
   padding-top: 50px;
   background-image: url("images/incfooter.png");
	font: normal 10px/15px "Trebuchet MS", Verdana;
	text-align: center;
}