/*
Theme Name: Day21
Theme URI: http://www.day21studios.com/
Description: Day21 WordPress theme is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Melanie Genereux
Author URI: http://www.melaniegenereux.com/
Tags: black, blue, dark purple, fixed width, two columns

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


html, body 
{
	margin: 0;
	padding: 0;
	/*height: 100%;*/

	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #121018 url("images/bg_main.jpg") repeat;
	color: #FFF;
	text-align: center;
}


#header 
{
	padding: 10px;
   	background: url("images/bg_header.png") repeat-x;
	
	height: 255px;
	
	border: 0px solid green;
}

#headerimg
{
	width: 945px;
	height: 50px;
	
	position: relative;
	top: 56px;
	
	margin: 0px auto;
	text-align: left;
	
	border: 0px dotted green;
}

#headerimg img
{
	float: left;
}

#headerlist ul
{
	position: relative;
	left: 55px;
	
	margin: 10px 0 0 0;
	padding: 0;
	
	list-style-type: none;
	
	float: left;
	
	border: 0px solid yellow;
}

#headerlist li
{
	background-image: url("images/bullet.png");
	background-repeat: no-repeat;
	background-position: 0px 6px; 
	padding-left: 12px; 
	
	width: 125px;
	
	border: 0px solid blue;
	
	float: left;
}

#headerlist li:first-child
{
	background-image: url("images/bullet.png");
	background-repeat: no-repeat;
	background-position: 0px 6px; 
	padding-left: 12px; 
	
	width: 100px;
	
	border: 0px solid red;
	
	float: left;
}

#subheaderlist ul
{
	position: relative;
	left: 55px;
	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	
	float: left;
	
	border: 0px solid red;
}

#subheaderlist li
{
	list-style-type: none;
	padding-left: 12px;
	
	width: 125px;

	float: left;
	
	border: 0px solid blue;
}

#subheaderlist li:first-child
{
	list-style-type: none;
	padding-left: 12px;
	
	width: 100px;

	float: left;
	
	border: 0px solid blue;
}

#headerdesc
{	
	width: 945px;
	height: 55px;
	
	position: relative;
	top: 110px;
	
	margin: 0px auto;
		
	text-align: left;
	
	border: 0px dotted green;
}

#page {
	width: 945px;
	
	text-align: left;
	
	margin: 0px auto;
	padding: 0 10px 10px 10px;
	padding-bottom: 80px; /* Height of the footer */
	
	border: 0px solid red;
}

p
{
	text-align: justify;
	line-height: 18px;
	margin: 0px;
	padding: 5px 5px 0 0px;
}

.content {
	margin: 0 0 20px 0;
	
	float: left;
	
	border: 0px solid yellow;
}

.content h5 {
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

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

.columnbox
{
	width: 300px;
	padding: 0 2px 0 10px;
	
	float: left;
	
	border: 0px solid yellow;
}

.columnbox2
{
	width: 450px;
	padding: 0 2px 0 10px;
	
	float: left;
	
	border: 0px solid yellow;
}

.columnbox p
{
	text-align: justify;
	line-height: 18px;
	margin: 0px;
	padding: 10px 5px 0 5px;
}

.left {
	width: 400px;
	
	float: left;
	
	border: 0px solid blue;
}

.left h5 {
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

.right h5 {
	padding: 0 0 0 10px;
	margin: 10px 0 10px 0;
}

.news {
	width: 340px;
	
	margin: 15px 0 10px 0;
	padding: 0;
	
	float: left;
	
	border: 0px solid blue;
}

.news h5 {
	padding: 0;
	margin: 0;
}

.post-single {
	width: 840px;
	
	margin: 15px 0 10px 0;
	padding: 0;
	
	float: left;
	
	border: 0px solid blue;
}

.post-portfolio {
	width: 100%;
	
	margin: 15px 0 10px 0;
	padding: 0;
	
	float: left;
	display: block;
	
	border: 0px solid blue;
}

.post-portfolio img {
	text-align: center;
	
	margin-top: 20px;
	margin-bottom: 20px;
	
	border: 0px solid red;
}

.post-single h5 {
	padding: 0 0 0 5px;
}

.post-portfolio h5, p {
	padding: 0 0 0 5px;
}

.news p {
	width: 250px;
	
	line-height: 18px;
	text-align: justify;
	
	padding: 0;
	margin: 10px 0 15px 0;
}

.date {
	width: 44px;
	height: 55px;
	
	margin: 15px 15px 0 0;
	padding: 4px 0 0 0;
	
	text-align: center;
	
	background: url("images/bg_news.png") no-repeat;
	background-position: center top;
	
	float: left;
	
	border: 0px solid yellow;
}

.day {
	font-size: 12px;
	font-weight: bold;
}

.monthyear {
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
}

.plusplus {
	background: url("images/btn_plusplus.png") no-repeat;
	background-position: left top;
	
	margin: 0;
	padding: 0 0 2px 45px;
	
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	
	display: block;
	vertical-align: middle;
	
	border: 0px solid white;
}

.right {
	width: 545px;
	
	float: left;
	
	border: 0px solid blue;
}

.partners_logo {
	width: 120px;
	
	margin: 15px 20px 0 0;

	float: left;
	
	border: 0px dashed yellow;
}

.partners {
	width: 400px;
	
	margin: 15px 0 0 0;

	float: left;
	
	border: 0px dashed green;
}

.partners h5 {
	padding: 0;
	margin: 0;
}

.partners p {
	line-height: 18px;
	text-align: justify;
	
	padding: 0;
	margin: 10px 0 15px 0;
}

div#credits 
{
	width: 945px;
	
	margin: 0 auto; /* Center, not in IE5. */
	padding: 0px;

	color: #38304a; /* dark violet */
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	
	position: relative;
	top: 35px;
	
	border: 0px solid blue;
}

a:link, a:active, a:visited 
{
	color: #54486f; /* dark violet */
	text-decoration: none;
}

a:hover, a:visited:hover 
{
	color: #b0a8c4; /* light violet */
	text-decoration: underline;
}

a.plusplus:link, a.plusplus:active, a.plusplus:visited 
{
	color: #FFFFFF;
	text-decoration: none;
}

a.plusplus:hover, a.plusplus:visited:hover 
{
	color: #52c3e4;
	text-decoration: underline;
}

div#credits a.credits:link, a.credits:active, a.credits:visited 
{
	color: #38304a; /* dark violet */
	font-size: 10px;
	text-decoration: none;
}

div#credits a.credits:hover, a.credits:visited:hover 
{
	color: #54486f; /* light violet */
	font-size: 10px;
	text-decoration: underline;
}

img
{  
	border-style: none;
}

.clear 
{
	clear: both;
}

#footer p
{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

/* HEADER */

#header a { text-decoration: none }

h1 {
	font-size: 25px; font-weight: lighter; color: #52c3e4; text-transform: uppercase; letter-spacing: -1;

	margin: 0;
	padding: 0;
}

h3 {
	font-size: 14px; font-weight: bold; color: #3f95ae; text-transform: uppercase; letter-spacing: 0; text-decoration: none;
	
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 10px; font-weight: bold; color: #5a5a5a; text-transform: uppercase; letter-spacing: 0;
	
	margin: 0;
	padding: 0;
}

h2
{
	margin: 0;
	padding: 0 0 22px 10px;
	
	border: 0px solid yellow;
}

.h2white p {
	border: 0px solid yellow;
	
	display: inline;
}

h5 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	
	margin: 0;
	padding: 0;
}

.hr_big {
	width: 945px;
	height: 28px;
	
	background: url("images/hr_big.png") no-repeat;
	
	border-style: none;
	
	margin: 15px 0 20px 0;
	padding: 0;
	
	float: left;
}

.hr_small {
	background: url("images/hr_small.png") no-repeat;
	background-position: bottom left;
}

.hr_medium {
	background: url("images/hr_medium.png") no-repeat;
	background-position: bottom left;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px;
	
	border: 0px solid green;
}
.push {
    height: 80px;
	border: 0px solid blue;
}
#footer {
	width: 100%;
	height: 80px;
	
	background: url("images/bg_footer.png") repeat-x;

	border: 0px solid blue;
}