/*
Theme Name: Kinocreative
*/

/* Default Styles */

body {
margin: 0px;
padding: 0px;
background-color: #2a2c32;
background-image: url('images/background-grid.gif');
background-position: top center;
text-align: center;
}

img {
border: none;
margin: 0px;
padding: 0px;
display: block;
}

.hidden {
display: none;
}

.content {
padding: 10px;
}


/* Text Styles */

p, h1, h2, h3, h4, h5, h6, ul, li, blockquote, abbr, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var {
margin-top: 0px;
margin-bottom: 10px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #d9d9d9;
line-height: 15px;
}

pre {
color: #b5b6a0;
font-size: 11px;
margin-bottom: 10px;
background-color: #2a2c32;
padding: 5px;
overflow: auto;
}

p, dl, dt, dd, ol, ul, li {
font-size: 11px;
}

dl, dt, dd, ol, ul, li {
list-style-position: inside;
padding-left: 0px;
margin-left: 0px;
}

li {
margin-bottom: 3px;
}

a:link {
color: #cd703f;
text-decoration: none;
}

a:visited {
color: #cd703f;
text-decoration: none;
}

a:hover {
color: #ff752c;
text-decoration: none;
}

a:active {
color: #cd703f;
text-decoration: none;
}

h1 {
font-size: 20px;
font-weight: normal;
line-height: 22px;
color: #bdbea7;
}

h2 {
font-size: 18px;
font-weight: normal;
line-height: 20px;
color: #bdbea7;
}

h3 {
font-size: 14px;
font-weight: normal;
line-height: 18px;
color: #bdbea7;
}

h4 {
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #bdbea7;
}

h5 {
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #bdbea7;
}

h6 {
font-size: 8px;
font-weight: normal;
line-height: 12px;
color: #bdbea7;
}
*/
#menu ul, #menu li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#logo h1 {
margin: 0px;
}

.latest-post-title {
font-size: 14px;
font-weight: normal;
line-height: 18px;
color: #bdbea7;
}

.footer-nav-left {
margin: 25px 0px 0px 10px;
float: left;
color: #4a4e58;
}

.footer-nav-right {
margin: 25px 10px 0px 0px;
float: right;
color: #4a4e58;
}

/* Layout Styles */

#wrapper {
margin: 0 auto;
width: 900px;
clear: both;
overflow: hidden;
text-align: left;
}

#header {
width: 900px;
height: 100px;
clear: both;
overflow: hidden;
}

#menu {
position: relative;
top: 30px;
width: 570px;
height: 30px;
float: left;
}

#menu {
margin: 0px;
padding: 0px;
list-style: none;
}
	
#menu li {
margin: 0px;
padding: 0px;
list-style: none;
}

#menu li, #menu a {
height: 30px;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}
	
.link-home {width: 55px; background-image: url('images/nav-home.gif'); background-position: 0 0; display: block;}
a.link-home:hover
{background-position: 0 -30px; }
.link-web-design {width: 108px; background-image: url('images/nav-web-design.gif'); background-position: 0 0; }
a.link-web-design:hover
{background-position: 0 -30px; }
.link-flash-animation {width: 138px; background-image: url('images/nav-flash-animation.gif'); background-position: 0 0; }
a.link-flash-animation:hover
{background-position: 0 -30px; }
.link-online-marketing {width: 145px; background-image: url('images/nav-online-marketing.gif'); background-position: 0 0; }
a.link-online-marketing:hover
{background-position: 0 -30px; }
.link-blog {width: 57px; background-image: url('images/nav-blog.gif'); background-position: 0 0; }
a.link-blog:hover
{background-position: 0 -30px; }
.link-contact {width: 67px; background-image: url('images/nav-contact.gif'); background-position: 0 0; }
a.link-contact:hover
{background-position: 0 -30px; }

#logo {
width: 200px;
height: 100px;
float: right;
}

.standard-box {
width: 900px;
clear: both;

overflow: hidden;
margin-bottom: 50px;
background-image: url('images/section-background.gif');
}

.standard-box-merged {
width: 900px;
clear: both;
overflow: hidden;
margin-bottom: 50px;
background-image: url('images/section-background-merged.gif');
}

.standard-box-left-col {
width: 400px;
min-height: 200px;
float: left;
}

.standard-box-mid-col {
width: 300px;
min-height: 200px;
float: left;
}

.standard-box-merged-col {
width: 700px;
min-height: 200px;
float: left;
}

.standard-box-right-col {
width: 200px;
min-height: 200px;
float: left;
}

.icon {
float: left;
margin: 0px 5px 0px 0px;
}

.icon-2 {
float: right;
margin: 0px 5px 0px 0px;
}

#recent-blog-holder {
width: 900px;
clear: both;
overflow: hidden;
margin-bottom: 50px;
}

#recent-blog-header-box {
width: 900px;
clear: both;
overflow: hidden;
background-image: url('images/section-background.gif');
}

.recent-blog-header-left-col {
width: 400px;
min-height: 50px;
float: left;
overflow: hidden;
}

.recent-blog-header-mid-col {
width: 300px;
min-height: 50px;
float: left;
overflow: hidden;
}

.recent-blog-header-right-col {
width: 200px;
min-height: 50px;
float: left;
overflow: hidden;
}

.recent-blog-entry-spacer {
width: 900px;
clear: both;
height: 5px;
overflow: hidden;
}

.recent-blog-entry-box {
width: 900px;
background-image: url('images/section-background.gif');
overflow: hidden;
}

.recent-blog-entry-left-col {
width: 400px;
float: left;
min-height: 95px;
}

.recent-blog-entry-mid-col {
width: 300px;
float: left;
min-height: 95px;
}

.recent-blog-entry-right-col {
width: 200px;
float: left;
min-height: 95px;
}

.blog-category-box-left-col {
width: 700px;
min-height: 100px;
float: left;
}

.blog-category-box-right-col {
width: 200px;
min-height: 100px;
float: left;
}

.post-thumb {
	float: left;
	margin-right: 10px;
}

#contact-box {
width: 900px;
clear: both;
overflow: hidden;
margin-bottom: 50px;
background-image: url('images/section-background.gif');
}

#contact-box-left-col {
width: 400px;
min-height: 500px;
float: left;
overflow: hidden;
}

#contact-box-mid-col {
width: 300px;
min-height: 500px;
float: left;
overflow: hidden;
}

#contact-box-right-col {
width: 200px;
min-height: 500px;
float: left;
overflow: hidden;
}

#footer-contact-box {
width: 900px;
clear: both;
overflow: hidden;
background-image: url('images/section-background.gif');
}

#footer-contact-box-left-col {
width: 400px;
min-height: 150px;
float: left;
overflow: hidden;
}

#footer-contact-box-mid-col {
width: 300px;
min-height: 150px;
float: left;
overflow: hidden;
}

#footer-contact-box-right-col {
width: 200px;
min-height: 150px;
float: left;
overflow: hidden;
}

#footer-nav {
width: 900px;
height: 50px;
clear: both;
overflow: hidden;
background-color: #2e3036;
}

/* Wordpress Default Styles */

p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.post-nav-left {
float: left;
font-size: 16px;
margin-bottom: 40px;
padding: 10px 20px 10px 40px;
background: url('images/post-nav-left.gif') center left no-repeat;
}

.post-nav-right {
float: right;
font-size: 16px;
margin-bottom: 40px;
margin-right: 200px;
padding: 10px 40px 10px 20px;
background: url('images/post-nav-right.gif') center right no-repeat;
}

.comments-nav-left {
float: left;
font-size: 16px;
margin-bottom: 40px;
}

.comments-nav-right {
float: right;
font-size: 16px;
margin-bottom: 40px;
}

#sidebar ul {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

#sidebar li {
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}

.cat-item {
width: 200px;
float: left;
}

.search-box {
font-size: 11px;
width: 100px;
}

.search-button {
font-size: 11px;
}

#comments {
margin-top: 30px;
}

#respond {
margin-top: 30px;
}

/* Comment Styles */

.commentlist li {
	margin: 0px 30px 20px 30px;
	padding-bottom: 30px;
	list-style-type: none;
	background: url('images/comment-tail.gif') bottom left no-repeat;
}

.commentlist .comment-body {
	background-color: #2a2c32;
	padding: 20px;
}

.avatar {
	float: left;
	margin-right: 20px;
}

.fn {
	font-size: 16px;
	margin-right: 5px;
	font-style: normal;
	font-weight: bold;
}

.says {
	font-size: 16px;
}

.comment-meta {
	margin: 10px 0px 20px 0px;
}

.comment-reply-link {
	font-weight: bold;
}
	

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h2 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
margin-top: 0px;
margin-bottom: 2px;
}
			
.sIFR-active h3 {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
margin-top: 0px;
margin-bottom: 0px;
}

.sIFR-active .latest-post-title {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
margin-top: 0px;
margin-bottom: 5px;
}

/* Plugin Styles */

/* Kimili Flash Embed */
.flashmovie {
	display: inline-block;
	margin-bottom: 15px;
	padding-right: 5px;
}