/*
Theme Name: 	Andrei Burton
Theme URI: 		http://russellcreative.co.uk
Description: 	The totally awesome new theme!
Version: 		1.0
Author: 		Sean Russell
Author URI: 	http://russellcreative.co.uk
Tags: 			
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background: url(images/bg.jpg) center top no-repeat #202020; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#4abee8; color:#333; }
::selection 		{ background:#4abee8; color:#333; }

.wrapper {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

.logo {
	float: left; 
	width: 180px;
	margin: 12px 0;
}

.menu-main-menu-container {
	position: absolute;
	top: 5px;
	right: 0px;
	width: 760px;	
	height: 85px;
	}
ul#menu-main-menu {
	height: 85px;
	float: right;
}
li.menu-item {
	float: left;
}	

li.menu-item a {
	text-transform: uppercase;
	padding: 31px 14px 32px 14px;
	text-decoration: none;
	font-size: 14px;
	color: #232323;
	line-height: 85px;
}	

li.current-menu-item a{
	background: url(images/nav_arrow.png) center bottom no-repeat;
}

.main_homepage_links { 
}

.main_homepage_links img {
	margin: 10px;
	float: left;
}

#content {
	background: #fff;
	position: relative;
}

.left_col {
	float: left;
	width: 620px;
	padding: 20px 20px 20px 10px;
	position: relative;
}

.sidebar {
	float: right;
	width: 300px;
	padding: 20px 10px 20px 0px;
	position: relative;
}

input, textarea {
	padding: 8px;
	border: 1px solid #c3c3c3;
	width: 300px;
	border-radius: 4px;
}

.wpcf7-submit {
	color: #333;
	padding: 10px;
	font-size: 14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #4abee8;
	background: -moz-linear-gradient(top,  #4abee8 0%, #48a5e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abee8), color-stop(100%,#48a5e2));
	background: -webkit-linear-gradient(top,  #4abee8 0%,#48a5e2 100%);
	background: -o-linear-gradient(top,  #4abee8 0%,#48a5e2 100%);
	background: -ms-linear-gradient(top,  #4abee8 0%,#48a5e2 100%);
	background: linear-gradient(to bottom,  #4abee8 0%,#48a5e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abee8', endColorstr='#48a5e2',GradientType=0 );
}

article {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #c0c0c0;
}

img.size-medium, img.size-full {
	border: 1px solid #c2c2c2;
	padding: 4px;
}

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

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

ul.xoxo { 
	margin-bottom: 20px;
}

footer {
	margin: 10px 0;
}

footer p {
	color: #ffffff;
	padding: 0;
}
/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 0.875em;
	font-weight: normal;
}

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

h1 { 
	font-size: 1.8em;
	margin-bottom: 20px;
}

h2 { 
	font-size: 1.5em;
	margin-bottom: 20px;
}
h3 { 
	font-size: 1.3em;
	margin-bottom: 20px;
}

h4 {
	font-weight: bold;
	margin-bottom: 14px;
	font-size: 0.8em;
}

h4,
h5,
h6,  {
	font-weight: bold;
	margin-bottom: 14px;
	font-size: 0.8em;
}

p {
	margin-bottom: 20px;
	line-height: 1.4;
}

div.left_col ul {
	margin-left: 20px;
	list-style: none;
}

div.left_col ul li {
	padding-left: 20px;
	margin-bottom: 14px;
	list-style-type: none;
	list-style-image: url(images/bullet.jpg);
}

a, a:visited {
	color: #5e5e5e;
	text-decoration: none;
}

a:hover {
	color: #0fbff4;
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}