/*
Theme Name: mwillis.co.uk
Theme URI: http://mwillis.co.uk/
Description: Design by Simon, Built by Mark
Version: 1.0
Author: Mark Willis
Author URI: http://mwillis.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	mwillis v1.0
	 http://mwillis.co.uk/

	This theme was designed for mwillis.co.uk,

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

*/



/* Begin Typography & Colors */
/********************* INITIAL SETUP *******/
body {
	margin: 0;
	padding: 0;
	color: #FFF;
	font: normal 14px Verdana,Tahoma,Arial;
	text-align: center;
	background: url('/img/main.jpg');
}
p {margin:0;padding:0;}
img {border:0;}
a {color:#C0C0C0;}
a:hover {color:#FFFFFF;}
.clear {clear:both;}
.rounded_box {
	background-color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #222;
	padding: 10px;
	box-shadow: 3px 3px 2px #111;
	-moz-box-shadow: 3px 3px 2px #111;
}
h1,h2 {
	margin:0;
	padding:0;
	text-align: left;
	font-size:1.5em;
	position:relative;
}
h3 a {
	color: #FFF;
	text-decoration:none;
}
h3 a:hover {
	text-decoration: underline;
}
/************ container and header ****************/
#cnt {
	background: url('/img/grad.png') no-repeat center 0;
	margin: 0 auto;
	height:100%;
	width:960px;
}
#header #logo {
	float:left;
	width:478px;
	margin-top:20px;
}
#header #header_side {
	float:left;
	width:482px;
}

/*****************************/
#nav {
	float: right;
	margin-top: 30px;
	margin-right: 90px;
	margin-bottom: 25px;
	width: 270px;
}
#menu {
	list-style: none;
	padding: 0;
	margin: 0;

}
#menu a {
	display: block;
	text-indent: -900%;
	height: 54px;
	outline: none;
	width: 355px;
}
#m_about {
	background: url(/img/menu_about.png) no-repeat -356px 0;
}
#m_projects {
	background: url(/img/menu_projects.png) no-repeat -356px 0;
}
#m_portfolio {
	background: url(/img/menu_portfolio.png) no-repeat -356px 0;
}
#m_services {
	background: url(/img/menu_services.png) no-repeat -356px 0;
}
#m_about:hover, #m_projects:hover, #m_portfolio:hover, #m_services:hover {
	background-position: 0;
}







/*****************************/

#header #tweet {
	float:left;
	width:370px;
	margin-left:60px;
}
#header #tweet img {
	float: left;
	width: 66px;
}
#header #tweet div {
	margin-top:50px;
	margin-left:10px;
	font-size:0.7em;
	text-align:left;
}
#header #tweet .quote {
	font-family: Georgia, serif;
	font-size:2em;
}
#header #tweet #posted {
	font-size:0.8em;
	color: #c0c0c0;
	text-align:right;
	width:100%;
	display:block;
}
#header #tweet #posted span {
	color:#FFF;
}
/************************* left container *************************/
#content {
	float: left;
	width: 600px;
	margin-right:30px;
}
#content #rss {
	float: right;
	width: 71px;
}
#content #left_boxed {
	margin-top: 50px;
	padding-left:20px;
}
#content #left_boxed .blog_post {
	margin-top:20px;
	padding-bottom:20px;
}
#content #left_boxed .blog_post .blog_head {
	background: -moz-linear-gradient(19% 86% 90deg,#111, #333);
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-top-right: 5px;
}
#content #left_boxed .blog_post .page_header {
        padding: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-top-left: 5px;
}
#content #left_boxed .blog_post .page_header h2 {
    text-align: center;
}
#content #left_boxed .blog_post .blog_head .cal {
	background: url('/img/calbg.png') no-repeat 0 0;
	width:36px;
	height:38px;
	float:left;
	color:#000;
	font-size:0.6em;
	padding-top:4px;
	padding-left:6px;
	text-align:left;
}
#content #left_boxed .blog_post .blog_head .cal span {
	font-size:2.2em;
	text-align:center;
	padding-left:4px;
}
#content #left_boxed .blog_post .blog_head img {
	float:left;
	width: 53px;
}
#content #left_boxed .blog_post .blog_head h3 {
	float:left;
	font-size: 1.2em;
	padding-left:20px;
	color: #FFF;
	margin-top: 7px;
}
#content #left_boxed .blog_post p {
	text-align:left;
	font-size:0.8em;
	margin-top: 8px;
}
 .mini_box img {
	width:19px;
}
 .mini_box span {
	color:#FFF;
}
 .mini_box {
	background-color: #1e1f20;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	width:150px;
	font-size:0.7em;
	color:#c0c0c0;
	float:left;
	margin-right:10px;
}


/************************* right container *************************/

#projects {
	float: left;
	width: 300px;
}
#projects #right_boxed #title {
    text-transform: uppercase;
    padding: 0;
}
#projects #right_boxed h2{
    padding-left: 0px;
    padding-bottom: 5px;
}
#projects #right_boxed {
	margin-top: 50px;
	padding-left:40px;
        text-align: left;
        font-size:0.8em;
}


/************************* comment form ************************/

#commentform {
    margin-left: 65px;
}
#commentform p {
    margin-top:5px;
    margin-bottom:5px;
    text-align: left;
}
#commentform #comment,#commentform .submit {
    margin-left: 10px;
}

/************************* search side bar form ************************/

#searchform input {
    width:150px;
        padding: 0 0 0 10px;
}
#searchform #searchsubmit {
    width:30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
        padding: 0px;
}
#searchform div {
    width:200px;
}

/************************* sidebox ************************/

#right_boxed ul, #right_boxed ul {
    margin:0;
    padding:0;
}
#right_boxed ul, #right_boxed li {
    list-style: none;
}
#right_boxed div {
    background: -moz-linear-gradient(19% 50px 90deg,#000000, #444444) /*-moz-linear-gradient(19% 86% 90deg,#000, #444) */;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width:205px;
    padding-left: 10px;
    margin-top: 20px;
}
#right_boxed h2{
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 18px;
}