/*
Theme Name: Draw() Wordpress theme
Theme URI: 
Description: Custom theme for the studio Draw()
Version: 1.0
Author: Kezia Cantwell-Wright
Author URI: http://designbydraw.com
Tags: 

*/



/* General styles 

Typography and styling

*/

body {
	background: #FFF url(random-img.php) no-repeat left top;
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height:1.7em; /*15px*/
	font-family:"Century Gothic",
             	"Avant Garde",
             	"Gill Sans",
             	"Gill Sans MT",
             	Tahoma,
             	sans-serif;
	margin: 0;
}

h1, h2, h3, #primary ul li a, #searchsubmit, #searchsubmit.searchBtn, #commentsubmit, #commentsubmit.submitBtn, #contactsubmit, #contactsubmit.submitBtn {
	font-family:Rockwell,
				Georgia,
				Serif;
	font-weight:normal;
}

h1 {
	font-size:4.2em;
	line-height:1em;
	padding:15px 0 10px 0;
	margin:0;
}

h2, #primary ul li a {
	font-size:1.8em;
	line-height:1em;
}

h3 {
	font-style:normal;
	font-size:1.6em;
}

p {
	font-size: 1.2em;
}

a {
	color:#000;
	text-decoration:none;
	border-bottom: solid 2px #8eeac5;
}

a:hover, a.current {
	background:#8eeac5;
}

#logo a, h1 a, a img {
	border:0;
}

#logo a:hover, h1 a:hover {
	background:none;
	border:0;
}

#nav div ul li {
	list-style: none;
}

#nav div ul li a {
	border:0;
	text-transform:lowercase;
}

#primary ul li a {
	line-height:1.22em;
}

#tags ul li a {
	font-size:1em;
	line-height:1.7em;
}

.content {
	background-image:url(images/transbg.png);
	background-repeat : repeat;
	padding:0 15px 15px 15px;
}

.tags {
	text-transform:lowercase;
}

.tags, #footer p {
	font-size:1.1em;
}

#footer {
	border-top:solid 1px #000;
}

/*General layout*/

#container {
	width: 990px;
	margin: 25px 50px;
}

#header {
	width:900px;
	height: 125px;
	border-bottom:solid 1px #000;
}

#logo {
	float:left;
}

#nav {
	margin-left: 550px;
}

#primary {
	float:left;
	width:100px;
}

#nav div ul {
	margin: 0;
}

#nav div ul li {
	width: 100px;
}

#sub {
	width:200px;
	float: left;
	padding-top:3px;
}

#sub ul {
	width:200px;
	margin-right:100px;
}

#sub ul li {
	float:left;
	width:100px;
	padding:0;
}

#sub ul.subpages li {
	width:200px;
}

#main {
	margin-top: 50px;
	min-height:450px;
}

.content {
	width: 550px;
}

#footer {
	clear: both;
	width:900px;
}

.navigation, div.alignright, div.alignleft {
	padding-bottom:20px;
}

.work-navigation {
	clear:both;
	width:900px;
}

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

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


/*page specific styles

homepage */

#post-5 div p {
	font-size: 1.4em;
	line-height: 1.6em;
	width: 500px;
}

/*work category*/

h1.work {
	margin-bottom: 40px;
}

.work-thumbnail {
	width:240px;
	float: left;
	margin: 0 90px 50px 0;
	border-bottom:solid 1px #000;
}

.work-thumbnail a {
	border:0;
}

div.thumb a img {
	border:solid 1px #CCC;
}

div.thumb a:hover{
	background:0;
}

/*work category post pages*/

div.images {
	float: left;
	width: 650px;
	margin: 0 25px 50px 0;
}

div.images img {
	margin-bottom: 20px;
}

div.images p {
	margin:0;
}

#project {
	float: left;
	width:195px;
}

#project p {
	font-size:1.1em;
}


/*Blog specific styles*/
body.blog {
	background:#8eeac5; 
}

body.blog #container #header, body.blog #container #footer {
	border:0;
}

body.blog #container #main {
	margin-top: 0px;
	float:left;
	margin-right:15px;
}

#blog h1 {
	width:100%;
	border-bottom:solid 2px #ff3333;
}

#blog h1.cat, #blog h2 a {
	border: 0;
}

#blog h1 a:hover, #blog h2 a:hover {
	color:#666;
	background:0;
}

#blog h2.post-title {
	font-size:3.2em;
	width:100%;
	border-bottom:solid 2px #ff3333;
	padding: 15px 0px 10px 0px;
	margin:0;
}

#nav.blog a {
	color:#FFF;
}

#nav.blog a:hover {
	background:#FFF;
	color:#8eeac5;
}

div#blog {
	width:680px;
}

#blog.content {
	background:#FFF;
	margin-bottom:20px;
	padding-top:15px;
	min-height:400px;
}

.date, .postmetadata {
	font-size:1.1em;
}

.postmetadata {
	border-top:solid 1px #ff3333;
	border-bottom:solid 1px #ff3333;
	padding:10px 0;
	margin-bottom:20px;
}

.postmetadata a {
	border:0;
	color:#FF3333;
	font-style:italic;
}

.postmetadata a:hover {
	background:0;
	text-decoration:underline;
}

/* Sidebar */

#sidebar {
	float:left;
	width:170px;
	background:#FFF;
	padding:15px;
}

#sidebar ul {
	margin:0;
	padding-left:25px;
}

#sidebar ul li{
	list-style: decimal outside;
	list-style-image: url(images/cross.gif);
	margin:0;
}

#sidebar ul li a {
	color:#ff3333;
	border:0;
}

#sidebar ul li a:hover {
	color:#ff3333;
	text-decoration:underline;
	background:none;
}

/* Search */

div#search {
	float: left;
	width: 180px;
	padding:0;
	margin:0 0 0 70px;
}

#search form fieldset, #search input {
	border:0;
	padding:3px;
}

#searchsubmit, #commentsubmit, #contactsubmit {
	text-decoration: none;
	cursor: pointer;
	width: 60px;
}

#searchsubmit {
	font-size: 1.8em;
	color:#FFF;
	background-color:#8eeac5;
	border:0;
	padding:0 !important;
	margin:0 0 0 10px;
	width: 60px;
}

#searchsubmit:hover {
	background:#FFF;
	color:#8eeac5;
}

#s {
	width:90px;
}

input, textarea, select{
 	border:0;
 	background-color:#ffffff;
 	font-weight:normal;
	padding: 3px;
 }
 
#content .hilite {
	 background-color:#8eeac5;
 }
 
/* Form elements */
 
#comments, form.wpcf7-form {
 	width:500px;
 }
 
#comments h2{
	 font-size:2.4em;
 }
 
.commentlist{
	 margin:30px 0;
	 padding:0;
 }
 
ul.commentlist li {
	 list-style-type:none;
	 margin-bottom:20px;
 }
 
ul.commentlist li p {
	 margin:0;
	 padding:0;
}
 
h3.author, div.comment-meta {
	 color:#ff3333;
	 margin:0;
	 padding:0;
}
 
h3.author {
	 text-transform:uppercase;
 }

div.comment-meta {
	 font-size:1.3em;
 }
 
.formfloat {
	 float:left;
	 width:230px;
	 margin-right:20px;
}
.formclear {
	clear:both;
}
 
input,  textarea {
	 border:1px solid #ff3333;
 }
 
input {
	  width:230px;
  }
 
textarea {
	 width: 480px;
 }
 
label {
	font-size:1.2em;
}
 
a.blogimg {
	border:0;
}

a:hover.blogimg {
	background:none;
}

#commentsubmit, #contactsubmit {
	color: #000;
	background-color: #FFF;
	width: 100px;
	font-size:1.5em;
}

#commentsubmit:hover, #contactsubmit:hover {
	color:#FFF;
	width: 100px;
}

#commentsubmit:hover {
	background:#ff3333;
}

#contactsubmit:hover {
	background:#8eeac5;
}

form.wpcf7-form input, form.wpcf7-form textarea {
	border: 1px solid #8eeac5;
}