/*
 * Theme Name: MonsterFarming
 * Theme URI: http://www.monsterfarming.com
 * Author: Monster Farm
 * Author URI: http://www.monsterfarming.com
 * Version: 1.0
 * */

@charset "UTF-8";
/* Monster Farm CSS */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html, body {height:100%;}
a { outline: none; }

body {background:#283131;color:#fff; margin:0; font-size:14px; padding:0; font-weight:normal; font-family:Corbel, Helvetica, Arial, Sans-Serif;}
.clear {height: 1%;}
div, li, ul {zoom: 1;}
.clearfloat {clear:both;}
.right {float:right;}
.left {float:left;}
.middle {margin:0 auto;}
img {padding:0; margin:0; border:0;}
h1 {color:#FFF; font-weight:normal; font-family:Rockwell,Helvetica,Arial,sans-serif; letter-spacing:-0.06em; font-size:3.5em; margin-bottom:20px; line-height:0.8em;}
h2 { font-size:20px; font-weight:normal; letter-spacing:-1px; font-family:Rockwell,Helvetica,Arial,sans-serif; }
h3 { color:#FFF; letter-spacing:-1px; font-weight:normal; font-family:Rockwell,Helvetica,Arial,sans-serif; margin:10px 0 0 0;}
p {margin:10px 0; font-size:14px; font-color:#5d5d5d; line-height:20px;}
a {color:#00cbc7; text-decoration:none; text-shadow:#000 1px 1px 2px;}
a:hover {color:#fff;}


#container {width:1000px; margin:0 auto; clear:both !important;}
.thickBorder {border-top:4px solid #245959;}

::selection {background: #FFD200; color:#000;}
::-moz-selection {background: #FFD200; color:#000;}



/*------------------ header -----------------*/

.wrapper {padding:0 !important; height:auto !important; display:block;}

.header {width: 1000px; margin:0 auto 0 auto;}
.header a.logo {width:238px; height:136px; background:url(images/monsterfarm_logo.png) no-repeat 0 0; display:block; float:left; text-indent:-9999px; overflow:hidden; margin:30px 0 0 0;}


ul.menu {display:block; float:right; margin:50px 0 0 0;}
ul.menu li {display:block; float:right; margin:0px 10px;}
ul.menu li a {display:block; padding:3px 2px 1px 2px; color:#FFF; font-size:16px; font-weight:bold; letter-spacing:-1px; text-decoration:none; text-shadow:#000 1px 1px 2px;}
ul.menu li a:hover {border-bottom:3px solid #009390;}

h1.homeImg {width:1000px; height:338px;  margin:-30px 0 0 0 0; padding:0; text-indent:-9999px; background:url(images/monsters_home.png) no-repeat 0 0; display:block;}
h1.portfolio {width:1000px; height:172px; margin:-30px 0 0 0 0; padding:0; text-indent:-9999px; background:url(images/monsters_portfolio.png) no-repeat 0 0; display:block;}
h1.services {width:1000px; height:172px; margin:-30px 0 0 0 0; padding:0; text-indent:-9999px; background:url(images/monsters_services.png) no-repeat 0 0; display:block;}
h1.about {width:1000px; height:172px; margin:-30px 0 0 0 0; padding:0; text-indent:-9999px; background:url(images/monsters_about.png) no-repeat 0 0; z-index:9999; display:block;}
h1.contact {width:1000px; height:172px; margin:-30px 0 0 0 0; padding:0; text-indent:-9999px; background:url(images/monsters_contact.png) no-repeat 0 0; z-index:9999; display:block;}

body.home .header {	
	width:1000px; height:470px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_home.png) no-repeat 0 100px; 
   display:block;
}

body.page-template-services-php .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_services.png) no-repeat 0 60px; 
   display:block;
}

body.page-template-about-php .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_about.png) no-repeat 0 80px; 
   display:block;
}

body.category-web .header, body.category-print .header, body.category-branding .header, body.category-photography .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_portfolio.png) no-repeat 0 80px; 
   display:block;
}

body.category-branding .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_branding.png) no-repeat 0 80px; 
   display:block;
}

body.category-print .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_print.png) no-repeat 0 80px; 
   display:block;
}

body.category-photography .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_photography.png) no-repeat 0 80px; 
   display:block;
}


body.page-template-contact-php .header {	
	width:1000px; height:258px;  
 	margin:-30px 0 0 0 0; padding:0; 
  	background:url(images/monsters_contact.png) no-repeat 0 80px; 
   display:block;
}

/*-------------- home content blocks -------------------*/

.homeBox {float:left; display:block; width:500px; padding-bottom:30px;}
.homeBox h2, .homeNewsBox h2  {width:170px; text-align:right; display:block; float:left; margin:19px 0 0 0; text-shadow:#000 1px 1px 2px;}
.homeBox div, .homeNewsBox div {width:280px; margin:10px 0 0 20px; float:left;}
.homeBox p {}
.homeNewsBox {float:left; display:block; width:550px; padding-bottom:30px;}
.homeBox .homeShowcase a {border:0; margin:10px 0 0 0; padding:0; color:#000; display:block;}
.homeBox .homeShowcase a img {border:0; }



/*--------- latest news --------*/
.latestPost {
	display:block; float:left;
 	width:300px !important;
  	margin:20px 0 20px 20px !important;
}
.latestPost h3 {
 	display:inline; 
  	margin:10px 0 0 0; padding:0; 
   	font-size:16px;
	
}
.latestPost h3 span {
	color:#FFF; font-weight:bold; text-shadow:#000 1px 1px 2px;
 	padding:0 5px 0 0;  font-weight:normal;
}

.latestPost h3 a {color:#FFD200;}
.latestPost h3 a:hover {color:#FFF;}
 
.latestPost p { 
	margin:0; padding:0;
}

.latestPost a.readBtn {
	margin:20px; float:right;
}

.homeClients {float:left; display:block; width:400px; height:300px; padding:20px 0 0 50px; background:url(images/client_logos.jpg) no-repeat 160px 10px;}

/*----------- news -------------*/
ul.news {list-style:none; width:350px; margin:20px 0 0 10px; display:block; float:left;}
ul.news li {display:block;  }
ul.news li a {display:block; font-size:16px; padding:5px;}
ul.news li a span {color:#FFF; font-weight:normal; margin-right:5px;}
ul.news li a h3 {display:inline; margin:0; padding:0; font-size:16px; color:#FFD200; font-weight:normal;}
ul.news li a:hover h3 {color:#FFF;}
ul.news li a p {margin:0; padding:0; color:#FFF; text-shadow:none;}



/*-------------- services  -------------------*/
.servicesBox {float:left; display:block; width:1000px; padding-bottom:30px;}
.servicesBox h2 {width:185px;  float:left; margin:25px 0 0 0; text-indent:-9999px; height:70px; overflow:hidden; display:block;}
.servicesBox h2.branding {background:url(images/services_branding.png) no-repeat 0 0; }
.servicesBox h2.print {background:url(images/services_print.png) no-repeat 0 0; }
.servicesBox h2.web {background:url(images/services_web.png) no-repeat 0 0; }
.servicesBox h2.seo {background:url(images/services_seo.png) no-repeat 0 0; height:120px;}
.servicesBox h2.photo {background:url(images/services_photography.png) no-repeat 0 0; }
.servicesBox .quote {font:italic 18px Georgia, "Times New Roman", Times, serif;  text-shadow:#000 1px 1px 2px; letter-spacing:-1px; line-height:24px; color:#ffd200; width:200px; padding:0 25px; margin:10px 0 0 20px; float:left; background:url(images/dots_services.png) repeat-y 0 0; height:170px;}
.quote p {font-size:18px; line-height:24px;}
.quote span {display:block; margin:0; float:right; clear:both;  font:12px Arial, Helvetica, sans-serif; }

.servicesBox .text { width:250px; margin:10px 0 0 20px; float:left;}


.servicesBox p {}
.servicesBox p span {color:#009390;}
.servicesBox p span.grey {color:#999;}

/*--------- portfolio --------*/
.portfolioItem {width:1000px; margin:0 auto; display:block; clear:both; padding:3px 0; background:url(images/dots_horizontal.gif) repeat-x 0 0;}
.portfolioLeft {width:250px; float:left; display:block; padding:20px 0 0 0;}
.portfolioLeft h2 {padding:0; margin:0; font-size:16px; color:#ffd200;}
.portfolioLeft p {padding:0 20px 0 0; margin:5px 0 0 0;}
.portfolioRight {width:750px; float:left; display:block; padding:20px 0 20px 0;}
.portfolioRight img {border:10px solid #384242;}




/*------- mini portfolio -------*/
.miniportContainer {width:1000px; margin:20px auto 20px auto; clear:both !important; }
.miniportBox {width:250px; height:200px; display:block; float:left;}
.miniportBox a { color:#7d7d7d;}
.miniportBox h2 a {color:#ffd200; display:block; height:20px; line-height:25px;}
.miniportBox:hover a, .miniportBox:hover h2 a {color:#FFF;}
.miniportBox:hover h2 a:hover {color:#009390;}
.miniportBox h2 {width:250px; color:#245959; display:block; float:left; margin:15px 0 10px 0; text-shadow:#000 1px 1px 2px;}
.miniportBox ul {list-style:none; display:block; width:250px; clear:both; padding:0;}
.miniportBox ul li a:hover {color:#009390; font-size:14px; }


/*------------- about ---------*/


.aboutBox {
	width:480px; 
 	display:block;
   	margin:0;
}

.aboutBox h2.about {
	height:70px; width:480px; 
 	background:url(images/about_headers.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
 	border-bottom:1px solid #434343;
}

.aboutBox h2.process {
	height:70px; width:480px; 
 	background:url(images/about_headers.gif) no-repeat 0 -70px;
	display:block;
	text-indent:-9999px;
 	border-bottom:1px solid #434343;
}

.aboutBox h3, .contactBoxLeft h3, .contactBoxRight h3 {
	display:block; 
 	padding:0; margin:15px 0 0 0;
  	color:#ffd200;
   	font-size:19px; letter-spacing:-1px; font-weight:normal;
}

.aboutBox p {
	padding:0 0 10px 0;
 	margin:0;
}


/*-------------------- contact -----------------*/
.contactBoxRight {width:460px;  display:block; margin:0 0 0 40px; float:left;}
.contactBoxLeft {width:260px;  display:block; margin:0 0 0 240px; float:left;}

.contactBoxLeft dl {width:350px; display:block; margin:10px 0 0 0;}
.contactBoxLeft dt {display:block; float:left; width:55px; text-align:right; padding:5px 10px;clear:both; color:#cdcdcd;}
.contactBoxLeft dd {display:block;  float:left; width:200px; padding:5px 0;}

.contactBoxLeft h3, .contactBoxRight h3 {
	display:block; 
 	padding:0; margin:15px 0 0 0;
  	color:#ffd200;
   	font-size:23px; letter-spacing:-1px; font-weight:normal;
}



.contactBoxRight input, .contactBoxRight textarea {
  	display:block;
     font-size: 16px;
     background:#1a1f1f;
    -moz-border-radius: 7px; -webkit-border-radius: 7px; 
-moz-box-shadow: 1px 2px 2px #000;
-webkit-box-shadow: 1px 2px 2px #000;

	padding:7px 10px 6px 10px;
	border:0;
 	color:#FFF;
	width:250px;
}

.contactSubmit input { cursor:pointer; background-color:#ffd200; color:#283131; width:100px;margin-left:170px; }
.contactSubmit input:hover {background-color:#009390;}

/*--------------- footer -----------*/
.footerWrapper {
 	border-top:1px solid #304040;
	background-color:#1c2323;
 	height:80px;
 	bottom:0;
   	width:100%;
 }
 
 .push {height:80px;}

.footer {
	width:1000px;
 	margin:0 auto;
}


a.footerLogo {
	display:block; float:left;
 	width:150px; height:53px;
  	background:url(images/footer_cutegecko.gif) no-repeat 0 0;
	text-indent:-9999px;
 	margin:20px 0 0 10px
}


.footerContact {
    background:url(images/footer_titles.gif) no-repeat 0 0;
 	padding:22px 0 0 0; margin:10px 0 0 80px;
  	width:200px;
   	float:right;
    }

.footerContact a.contactLink {
	display:block;
 	background:url(images/footer_contact.gif) no-repeat 0 0;
  	width:196px; height:44px;
}

.footerTwitter {
    background:url(images/footer_titles.gif) no-repeat -242px 0;
 	padding:0; margin:10px 0 0 80px;
  	width:400px;
   	float:left;
    }


.footerTwitter a.follow {
	display:block;
 	width:116px; height:15px;
  	margin:3px 0 0 75px;
  	background:url(images/footer_twitterlink.gif) no-repeat 0 0;
}

.footerTwitter a.follow:hover {
	background-position:0 -14px;
}

.footerTwitter p {
	color:#4a5959;
 	margin:5px 0 0 10px;
}

/*------------------------------------- post page ---------------------------------------*/

#blogWrapper {width:1000px; margin:0 auto; padding-top:0;}

.postBox {
	width:600px; float:left; margin:0;
}

.postDivider {float:left; width:580px; height:0px; border-top:1px solid #445454; border-bottom:1px solid #1c2323;}


.postHeader {margin-bottom:10px; padding:10px 0 10px 0;}
.postHeader img {width:289px; height:163px; float:right;}
.postHeader h1, .postHeader h1 a { color:#ffd200; width:280px; text-shadow:#000 1px 1px 2px; letter-spacing:-2px; font-size:32px; margin:0 0 10px 0; float:left; display:block; text-align:left;}
.postHeader h1 a:hover { color:#FFF; }
.postHeader p {float:left; width:280px; font-size:14px; line-height:18px;padding:5px 20px 0 0; color:#fff; font-style:italic; }

.infoArea { background-color:#161b1b; padding:5px 10px; clear:left; float:left; border-right:1px solid #435555; border-bottom:1px solid #435555; width:280px;font-size:13px;}
.infoArea span.date {color:#fff; padding:0 10px 0 0; text-shadow:#000 1px 1px 2px;}
.infoArea span.tag {display:block; float:left;}
.infoArea span.tag a {color:#526969;  padding:0 10px 0 20px; background:url(images/icon_tag.png) no-repeat 0 3px;}
.infoArea span.tag a:hover {color:#FFF;}


.postContent {clear:both; margin:10px 0 0 0; display:block;; }
.post { padding:10px 0 70px 0; border-bottom:1px solid #445454;}
.postContent p {font-size:14px; color:#90a2a2; line-height:22px; padding:0 10px 0 0; margin:0 0 10px 0;}



.sidebar { width:198px;  border-right:1px solid #445454; float:left; } 
.sidebarLeft {border-left:1px solid #445454;}

#sidebarBox,.sidebar ul li {padding:0; color:#90A2A2;}

.sidebar .social {background:url(images/sidebarh2.png) no-repeat -190px 0; display:block;  padding-top:30px !important;}
.sidebar .social ul {padding:5px 0;}
.sidebar h2 {color:#ffd200; text-shadow:#000 1px 1px 2px;  font-size:18px; letter-spacing:0; margin:0 0 10px 10px;}

.sidebar ul  {list-style:none; }
.social,.topics ul li,.sidebar ul li ul li {list-style:none; display:block; padding:0; }
.recent_with_excerpt ul li a {text-shadow:none; color:#90A2A2; padding:5px 10px; display:block;}
.recent_with_excerpt ul li a:hover {background:#3a4747;}


.recent_with_excerpt a p { display:block; color: #90A2A2; margin:0; padding:0 0 5px 0; }
.recent_with_excerpt a:hover p { color: #fff; }


.sidebar .topics ul {margin:0 10px;}
.sidebar .topics ul li {list-style:none; display:block; background:url(images/icon_tag.png) no-repeat 0 8px; padding:5px 5px 5px 20px; float:left;}
.sidebar .topics ul li a {color:#90A2A2;}
.sidebar .topics ul li a:hover {color:#FFF;}

.social { width: 200px; }
.social ul {margin:0 10px;}
.social ul li {list-style:none; display:block; padding:5px 5px 5px 20px; float:left;}
.social ul li a {color:#90A2A2;}
.social ul li a:hover {color:#FFF;}

.social ul li {margin:0; padding:0;}
.social ul li.twitter a {background:url(images/twitter.png) no-repeat 0 0; display:block; margin-left:10px; height:36px; width:36px; text-indent:-9999px;}
.social ul li.rss a {background:url(images/rss.png) no-repeat 0 0; display:block;  margin-left:10px;height:36px; width:36px; text-indent:-9999px; }
.social ul li.facebook a {background:url(images/facebook.png) no-repeat 0 0; display:block;  margin-left:10px;height:36px; width:36px; text-indent:-9999px;}

.sidebar ul { padding: 0; margin: 0; list-style-image: none; list-style-type: none; }
ul.wordtwit-recent-tweets {padding:0 10px !important;}
ul.wordtwit-recent-tweets li {margin:5px 0 !important; font-size:11px;}