/*

Theme Name: Unmechanical DARK

Theme URI: http://www.unmechanical.net

*/

@import url("css/comments.css");

@import url("css/reset.css");

@import url("css/slide.css");

@import url("css/gallery.css");

@import url("css/mygallery.css");

* {

  margin: 0;

  padding: 0;

}

/***************Stuff*************************/

div#slider{

	margin-bottom: 100px;

}

.smallBreak{

	display: block;

	width: 100%;

	height: 5px;

	float: left;

}

.mediumBreak{

	display: block;

	width: 100%;

	height: 40px;

	float: left;

}

.bigBreak{

	display: block;

	width: 100%;

	height: 100px;

	float: left;

}

.left{

	display: block;

	float: left;

}

.right{

	display: block;

	float: right;

}

div#thisguy{

  background: url(images/unmechBG.png) no-repeat;

  width: 800px;

  height:333px;

  float: left;

  margin-top: 110px;

  margin-bottom: 100px;

}

#thisguy em{

	font-size: 14px;

}

div#thisguy h2{

  color: #e2e2e2;

}

iframe{

	border: 0px !important;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-image: none;

	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);

	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.65);

}

div#thisguy div{

  width: 286px;

  margin-right: 40px;

  float: left;

}

div.shareinpost{

  margin-top: 20px;

  float: left;

  width: 600px;

}

div.entry dl.gallery-item dt.gallery-icon a img, .attachment img{

	border: 0px !important;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-image: none;

	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.65);

}

div.entry dl.gallery-item dt.gallery-icon a img:hover{

	border: 0px !important;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-image: none;

	box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.45);

}

/***************LINKS*************************/



a:link, a:visited {

  color: #999;

}

.entry p a:link, a:visited {

  color: #e1e1e1;

}

div#news a:link, div#news a:visited {

  color: #727272;

  //text-decoration: none;

  text-decoration: underline;

}

a:hover {

  color: #fff;

}

/***************END LINKS*************************/



html body {

  background: #0d0d0d no-repeat top center;

  background-image:url('images/unmechBG2.jpg');

  font-size: 15px;

  font-family: 'Ubuntu', Georgia, 'Brawler', Times New Roman;

  font-weight: 200;

  line-height: 1.5em;

  color: #bfbfbf;

  -webkit-text-shadow: 2px 2px 2px #000, -2px 2px 2px #000;

  -moz-text-shadow: 2px 2px 2px #000, -2px 2px 2px #000;

  text-shadow: 2px 2px 2px #000, -2px 2px 2px #000;

}

.unmechlogo{

	margin: 0 auto;

	background: url(images/logo2.png)no-repeat;

	width: 427px;

	height: 121px;

	display: block;

}

#mainwrap {

  margin: 0 auto;

  width: 800px;

}

#header {

  width: 800px;

  //height: 151px;

  margin-bottom: 62px;

  padding-top: 175px;

	font-family: Georgia, 'Brawler', Times New Roman;

	float: left;

}

#buymenu{

  width: 620px;

  //height: 100px;

  float: left;

  margin-left: 190px;

  float: left;

}

#buymenu div.PC, #buymenu div.ios{

	float: left;

	width: 440px;

}

/*#buymenu div a div{

	width: 98px;

	height: 38px;

	float: left;

	margin-left: 5px;

}*/

#buymenu div a div.steam{

	width: 98px; height: 38px; float: left; margin-left: 5px;

	background: url(images/steamico.png) no-repeat;

	margin-left: 0px;

}

#buymenu div a div.gog{

	width: 98px; height: 38px; float: left; margin-left: 5px;

	background: url(images/gogico.png) no-repeat;

}

#buymenu div a div.gamersgate{

	width: 98px; height: 38px; float: left; margin-left: 5px;

	background: url(images/gamersgateico.png) no-repeat;

}
#buymenu div a div.googleplay{
  width: 122px; height: 38px; float: left; margin-left: 5px;  
  background: url(images/googleplayico1.png) no-repeat;
}
#buymenu div a div.onlive{

	width: 98px; height: 38px; float: left; margin-left: 5px;

	background: url(images/onliveico.png) no-repeat;

}

#buymenu div a div.demo{

	width: 77px; height: 38px; float: left;

	background: url(images/demoico.png) no-repeat;

	margin-top: 10px;

	margin-left: 10px;

}

#buymenu div a div.rain{

	width: 98px; height: 38px; float: left;

	background: url(images/rainico.png) no-repeat;

	margin-top: 10px;

	margin-left: 10px;

}

#buymenu div a div.amazon{
  width: 122px; height: 38px; float: left; margin-top: 10px; margin-left: 10px;  
  background: url(images/amazonico1.png) no-repeat;
}

#buymenu div a div.desura{

	width: 98px; height: 38px; float: left;

	background: url(images/desuraico.png) no-repeat;

	margin-top: 10px;

	margin-left: 5px;

}



#buymenu div.steam:hover{

	background: url(images/steamico2.png) no-repeat;

}

#buymenu div.gog:hover{

	background: url(images/gogico2.png) no-repeat;

}

#buymenu div.gamersgate:hover{

	background: url(images/gamersgateico2.png) no-repeat;

}

#buymenu div.onlive:hover{

	background: url(images/onliveico2.png) no-repeat;

}

#buymenu div.demo:hover{

	background: url(images/demoico2.png) no-repeat;

}

#buymenu div.rain:hover{

	background: url(images/rainico2.png) no-repeat;

}

#buymenu div a div.desura:hover{

	background: url(images/desuraico2.png) no-repeat;

}
#buymenu div a div.amazon:hover{

  background: url(images/amazonico2.png) no-repeat;

}
#buymenu div a div.googleplay:hover{

  background: url(images/googleplayico2.png) no-repeat;

}

#buymenu div.appstore{

	background: url(images/appstoreico4.png) no-repeat;

	//margin-right: 15px; width: 128px; margin-top: 10px; float: right;

	width: 128px; 

	margin-left: 0px; 

	height: 38px; float: left;

}

#buymenu div.appstore:hover{

	background: url(images/appstoreico5.png) no-repeat;

}

#heading {

  color: #fff;

}

h1, h2, h3, h4, h5, h6{

	font-family: 'Ubuntu', Georgia, 'Brawler', Times New Roman;

	color: #d7d7d7;

	font-weight: 200;

}

.description {

  text-transform: lowercase;

  color: #f63636;

  font-size: 17px;

  margin-left: 3px;

  margin-top: -8px;

}



/* -------- START PAGE MENU -------- */

.noMargin, .noMargin *{

padding: 0 !important;

margin: 0 !important;

}

.nodec{

	text-decoration: none;

}

#top {

  margin:20px auto 0px 56px;

  height: 40px;

  float: left;

  //position: relative;

}

#top ul{

	clear:left;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   //position:relative;

   //left:50%;

   text-align:center;

}



#top li {

  line-height: 50px;

   display:block;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   //position:relative;

   //right:50%;

}



#top li a {

  float: left;

  display: block;

  text-decoration: none;

  padding: 0 0 0 0;

  margin-right: 28px;

  color: #d7d7d7;

  font-size: 20px;

  font-family: 'Ubuntu', sans-serif;

}

#top li.current_page_item a {

  //color: #fffcff;

  background: url(images/navheli.png) no-repeat center;



}

#top a:hover{

  background: url(images/navheli.png) no-repeat center;

  color: #e1e1e1;

}

/*----------Start Page--------*/

.quoteslist{

	float: left;

	margin: 0px 50px 50px 40px;

}

.theQuote{

float: left;

color: #fff;

clear: both;

}

.source{

clear: both;

float: right;

font-style:italic;

font-size: 14px;

margin-bottom: 20px;

}

#aboutmenu {

  margin:-60px auto 50px auto;

  padding-left: 44px;

  height: 40px;

  position: relative;

  float: left;

  clear: both;

  width: inherit;

}

#aboutmenu ul{

   float:left;

   list-style:none;

   margin:0;

   padding:0;

   position:relative;

   text-align:center;

}

#aboutmenu li {

  line-height: 50px;

   display:block;

   float:left;

   list-style:none;

   margin:0;

   padding:0;

}



#aboutmenu li a {

  float: left;

  display: block;

  padding: 0 32px 0 0;

  margin-right: 4px;

  color: #a7a7a7;

  font-size: 19px;

  font-family: 'Ubuntu', sans-serif;

}

#aboutmenu li a:hover, #aboutmenu li a:active {

	text-decoration: underline;

}

div.aboutteam {

	width: 800px;

	float: left;

}

.aboutteam div.columns{

	width: 740px;

	height: 100px;

	margin: 20px auto 40px auto;

}

.aboutteam div.columns div.left{

	width: 140px;

	float: left;

	margin-left:30px;

}

.aboutteam div.columns div.middle{

	width: 140px;

	float: left;

	margin-left:125px;

}

.aboutteam div.columns div.right{

	width: 140px;

	float: right;

	margin-right: 50px;

}

/* -------- END PAGE MENU -------- */

.slidespacer{

  float:left;

  display: block;

  width: 800px;

  height: 50px;

}

/* -------- START CATEGORY MENU -------- */





#nav-wrap {

  clear: both;

  height: 51px;

  background: url(images/bottom.png) repeat-x;

  width: 100%;

}

#nav2 {

  margin: 0 auto;

  width: 800px;

}

ul.bot-menu li {

  float: left;

  line-height: 51px;

  background: url(images/sep.gif) no-repeat scroll right center;

}

ul.bot-menu li a {

  float: left;

  display: block;

  color: #afaeae;

  text-decoration: none;

  padding: 0px 10px;

}

ul.bot-menu a:hover {

  text-decoration: underline;

}

ul.bot-menu li li {

  display: none;

}





/* -------- END CATEGORY MENU -------- */

/*------------- ABOUT PAGE ------------*/

div.entry div.spacer{

	margin-top:30px;

}

div.quotes{

	margin: 0 auto;

	width: 550px;

	text-align: right;

	font-size: 14px;

	font-style: italic;

}

div.about{

clear: both;

width: 800px;

float: left;

margin-bottom: 20px;

}

div.about div.columns a h2{

	text-decoration: none;

}

div.about div.columns{

	margin-left: auto;

	margin-right: auto;

	//width: 710px;

}

div.about  div.columns div{

	width: 650px;

	padding: 10px;

	float: left;

}

div.about  div.columns div p{

	margin-bottom: 20px;

}

div.aboutPress div{

	float: left;

	margin-top: 100px;

}

div.aboutPress div.wallpapers div {

	margin-top: 0px;

}

div.aboutPress div.wallpapers div img {

  margin: 5px 5px 100px 5px;

  float: left;

}

div.aboutPress div.wallpapers ul{

  width: auto;

  float: left;

  clear: none;

}

div.mediabundle{

  float: left;

  clear: both;

}

div.aboutPress a{

	color: #fff;

}

ul.features{

	clear: both;

	display: block;

	float: left;

	width: 785px;

	margin-top: 10px;

	margin-left: 14px;

	margin-bottom: 50px;

}

div.columns a, ul.features a{

	//text-decoration: underline;

	color: #fff;

}

ul.features li{

	padding: 5px 0px 5px 30px;

	background: url(images/bullet.png) no-repeat top left;

}



#s {

  width: 100px;

  padding-left: 5px;

  height: 26px;

  height: 21px\0/;

  padding-top: 5px\0/;

  border: 0;

  margin: 0 0 5px 5px;

  background: url(images/input.jpg) no-repeat scroll top left;

}

*+html #s {

  height: 21px;

  padding-top: 5px;

}

#search {

  padding:0 !important;

}

#contentwrap {

  clear: both;

  margin: 0 auto;

  width: 800px;

}

#contentwrapNews{

  clear: both;

  margin: 0 auto;

  width: 700px;

}

#contentwrapfullsize {

  clear: both;

  float: left;

  width: 800px;

}

#right-column {

  float: right;

  width: 350px;

}

.sidebar {

  float: left;

  width: 175px;

  color: #766862;

}

.custom_images {

  float: right;

}

.custom_images img {

  margin: 18px 2px 2px 4px;

  padding: 0;

  opacity: 0.7;

  filter: alpha(opacity=70);

}

.custom_images img:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

#footer {

  width: 800px;

  clear: both;

  margin: 70px auto 0 auto;

  padding: 10px 0 35px;

  overflow: hiddden;

  background: url(images/post-sep.gif) repeat-x scroll top;

}

/*-------------------------BUY PAGE-------------------------*/

ul.sales{

	display: block;

	margin: 20px;

}

/*-----------------------END BUY PAGE-----------------------*/

*+html #footer {

  padding-bottom: 10px;

}

#footer a, #footer a:visited {

  color: #e1e1e1;

}

#footer a:hover {

  text-decoration: underline;

}

#footer a.footerTwitter{

	background: url(images/twitter.png) no-repeat;

	width: 32px;

	height: 32px;

	display: inline-block;

	margin-left: 10px;

}

#footer a.footerFb{

	background: url(images/facebook.png) no-repeat;

	width: 32px;

	height: 32px;

	display: inline-block;

	margin-left: 10px;

}

#footer a.footerTalawa{

	background: url(images/talawa.png) no-repeat;

	width: 65px;

	height: 32px;

	display: inline-block;

	margin-left: 10px;

}

#footer a.footerTeotl{

	background: url(images/teotl.png) no-repeat;

	width: 116px;

	height: 32px;

	display: inline-block;

	margin-left: 10px;

}

#footer a.footerFg{

	background: url(images/futuregames.png) no-repeat;

	width: 91px;

	height: 32px;

	display: inline-block;

	margin-left: 10px;

}

/* -------- END WP LAYOUT -------- */



/* -------- START WP STYLES -------- */



.sidebar h3 {

  padding: 22px 5px 5px 6px;

  font-size: 24px;

  color: #060403;

}

.widget-top {

  width: 174px;

  height: 10px;

  background: url(images/widget-top.png) no-repeat;

}

.widget {

  clear: both;

  width: 154px;

  padding: 0 10px 14px;

  background: url(images/widget-bg.png) repeat-y;

}

.widget-bot {

  width: 174px;

  height: 10px;

  background: url(images/widget-bot.png) no-repeat;

  margin-bottom: 17px;

}

.sidebar ul {

  width: 162px;

  margin-left: -4px;

}

.sidebar ul.children {

  margin: 5px 0 -5px -10px;

}

.sidebar ul li {

  padding: 5px 5px 5px 10px;

  margin-left: 0;

  border-bottom: 1px solid #e8e7e7;

}

li.last {

  border: 0 !important;

}

.sidebar li li {

  border-top: 1px solid #e8e7e7;

}

.widget a, .widget a:visited {

  color: #727272;

}

.widget a:hover {

  text-decoration: underline;

}

.textwidget {

  padding: 5px;

}

.widget div {

  padding: 5px;

}

/***************POST STYLES*************************/

h2.title {

  margin-bottom: 13px;

  font-size: 18px;

}

h2.title a, h2.title a:visited {

  color: #d7d7d7;

  text-decoration: none;

}

h2.title a:hover {

  color: #eee;

  text-decoration: underline;

}

.date {

  width: 159px;

  height: 59px;

  padding-top: 5px;

  font-family: Georgia, 'Brawler', Times New Roman;

  overflow: hidden;

  background: url(images/date.png) no-repeat;

  text-align: center;

  float: left;

  position: absolute;

  left: -1px;

  top: 50px;

  z-index: 999999999999999;

  display: block;

  color: #fff;

  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000;

  font-size: 13px;

  margin-bottom: -50px;

}

*+html .date {

  top: 17px;

}

.date2 .date {

  float: right;

  left: 0px;

  background: url(images/date2.png) no-repeat;

}

.centriraj{

  margin: 0 auto 0 -3px;

}

a.more-link {

  font-size: 16px;

  font-weight: bold;

  color: #fff;

  padding: 5px 0px;

}

.postmetadata {

  margin-bottom: 15px;

}

.post, .page {

  margin-bottom: 0px;

  padding-bottom: 0px;

	clear: both;

	/*float: left;*/

}

.clear {

  clear: both;

  height: 2px;

  margin-bottom: 100px;

  background: url(images/post-sep.gif) repeat-x scroll bottom;

}

.postwrap {

  float: left;

  width: 710px;

  margin-bottom: 100px;

  margin-right: 30px;

  padding: 0 15px;

  position: relative;

}

.postwrap .entry p{

	display: inline;

	vertical-align: top;

}

.postwrap img{

	float: left;

	margin-right: 20px !important;

}

.attachment-post-thumb, .attachment-post-thumbnail{

	display: inline-block;

	float: left;

	margin-right: 20px !important;

}

div.noPic img{

	display: none;

	float: left;

}

*+html a.more-link {

  padding: 6px 16px 6px;

}

*+html .postwrap {

  padding-bottom: 7px;

}

.date2 {

  margin-right: 0px !important;

}

.entry {

  margin-top: 10px;

  line-height: 20px;

  margin-bottom: 45px;

}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {

  margin-top: 15px;

}

.entry h2 {

  margin-bottom: 0.4em;

}

.entry p {

  margin-top: 10px;

}

.entry img {

  margin: 5px 20px 5px 5px;

}

.imgbg {

  

  margin: 8px !important;

	border: 0px !important;

	-moz-border-top-colors: none;

	-moz-border-right-colors: none;

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-image: none;

	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.9);

	box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.65);

}

.entry th {

  padding: 0;

  margin-right: 2px;

}

.entry li {

  margin-right: 5px;

  list-style: none;

  float: left;

}

.entry ol li {

  list-style: decimal;

}

blockquote {

  border-left: 10px solid #666666;

  margin-left: 20px;

}

blockquote p {

  padding: 10px;

}

.alignleft {

  float: left;

  margin: 2px 5px 0px 0px;

  line-height: 18px;

}

.alignright {

  float: right;

  margin: 5px 0px 0px 5px;

}

img.aligncenter {

  display: block;

  margin: 0 auto 5px;

}

/***************END POST STYLES*************************/

#calendar_wrap {

  text-align: center;

}

caption {

  background: #EEEEEC;

  width: 100%;

}

#wp-calendar th {

  padding: 6px;

}

#wp-calendar td a:link, td#prev a, td#next a {

  background: #EEEEEC;

  padding: 2px;

  line-height: 29px;

}

li.pagenav, li.categories, li.linkcat {

  list-style:none;

}

h2.pagetitle {

  margin: 0 0 20px;

  text-align: center;

  font-size: 30px;

  color: #3D2E27;

}

p.center {

  margin: 10px 0;

}

/* -------- END WP STYLES -------- */







/* -------- TABLES -------- */

#contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;}

#contentwrap table td{padding:8px;border: 1px solid #ccc;}

/* -------- END TABLES -------- */





/* -------- PAGE NAVIGATION -------- */



.wp-pagenavi{

  clear:both;

  margin:20px 0 20px;

  text-align:center;

}

.wp-pagenavi span.pages,.wp-pagenavi span.extend{

  color:#727272;

  margin:2px;

  padding:3px 7px;

}

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{

  color:#525252;

  margin:2px;

  padding:5px 11px 10px 11px;

  text-decoration:none;

  }

.wp-pagenavi span.current,.wp-pagenavi a:hover{

  background:#111;

  border: 0;

  color:#d1d1d1;

  text-decoration: underline;

  margin:2px;

  padding:5px 11px 10px 11px;

-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);

box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.65);



}

/* -------- END PAGE NAVIGATION -------- */



/* -------- SUBSCRIPTION -------- */