/* Theme Name: awakendesign
Copyright (C) Awaken Design Company2010
Written for - awakendesigncompany.com
By: Anthony Roe of The Awaken Company and Kasvu Media */

/* colours
links: #64a7e0 dark: #2e2e2e light: #efefef really light: #FFF */

/* links & type */

html, body {
	font-family: Calibri, Verdana, 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
	background: url('http://www.awakencompany.com/site/wp-content/uploads/2010/04/template-2-background.jpg') #FFF top left no-repeat fixed;
	color: #2e2e2e;
	border: 0;
	margin:0 auto;
	line-height: 16px;
}

body, p, ul, li, form, blockquote {
	margin: 0;
	padding: 0;

}
h1, h2, h3, h4 {
	font-family: Calibri, 'Trebuchet MS', Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-shadow: 0.0em 0.2em 0.12em #d1d1d1;
}

br {
padding: 5px;
}

hr {
margin-top:10px;
margin-bottom:10px;
}

a {
color: #64a7e0;
	text-decoration: underline;
	font-weight:bold;
	outline: none;
}

a, a:visited {
	color:#64a7e0;
	text-decoration:none;
	outline:none;
}

a:hover{
color: #000000;
}

a:visited:hover{
color: #000000;
}

#footer a {
color: #FFF;
font-weight:normal;
}
#footer a:hover {
color: #64a7e0;
}
#footer a:visited {
color: #FFF;
}
#footer a:visited:hover {
color: #64a7e0;
}


ul {
	padding: 5px;
}

li {
	list-style-position: inside;
	margin: 0px;
	padding: 5px;
}

br {
padding: 5px;
}

hr {
margin-top:10px;
margin-bottom:10px;
}


/* essential layout */

#header {
height: 85px;
width: 100%;
border-bottom: 4px solid #efefef;
background: #2e2e2e;
align: left;
top: 0px;	
background-position: top;
color: #dadae0;
}

#header img {
border: none;
}

#nav {
margin: 0 auto;
width: 900px;
}
#nav-left {
float: left;
width: 450px;
height:75px;
}
#nav-right {
float: left;
width: 450px;
height:75px;
}


#wrap { 
width: 900px;
min-height:100%;
margin:0 auto;
margin-top: 40px;
margin-bottom: 40px;
}

#wrap img { 
border: 2px solid #efefef;
margin-bottom: 5px; margin-top: 5px;
}

.tags {
padding: 10px;
color: #2e2e2e;
border: 4px solid #efefef;
background: transparent;
font-size: 12px;
margin: 0 auto;
width:900px;
font-weight: normal;
}

#content {
margin: 0 auto;
text-align: left;
width: 900px;
font-family: Verdana, Arial, sans-serif;
}

.project {
width: 400px;
max-height: 200px;
padding: 20px;
float:left;
overflow: hidden;
border-bottom: 4px solid #efefef;
margin-bottom:40px;
}

.project img {
width: expression(this.width > 400 ? "400px" : "auto");
max-width: 400px;
align:center;
}

.postinfo {
text-align: left;
padding-bottom: 20px;
text-transform: uppercase;
}
.postinfo a {
color: #2e2e2e;
}
.postinfo a:hover {
color: #64a7e0;
}

.category ul li {
list-style: none;
display: inline;
padding-right: 5px;
}

#footer {
width: 100%;
height: 200px;
border-top: 4px solid #efefef;
border-bottom: 4px solid #efefef;
background: url('http://www.awakendesigncompany.com/new/wp-content/uploads/2010/07/footer-bg.jpg') top center no-repeat #2e2e2e;
color: #FFF;
margin-bottom:20px;
margin-top: 40px;
}
#footer-content {
width: 900px;
margin:0 auto;
}
#footer-left {
float: left;
width: 450px;
text-align: left;
margin-top: 65px;
}
#footer-right {
float: left;
width: 450px;
text-align: right;
margin-top: 65px;
}

/* secondary layout */




/* Miscellaneous */

::-moz-selection{
	background:#2e2e2e;
	color:#fff;
}

::selection {
	background:#2e2e2e;
	color:#fff;
}

code::-moz-selection {
	background: #fff;
}

code::selection {
	background: #fff;
}		

img {
	border: none;
}

img, div, input {
	behavior: url("http://www.kasvumedia.com/includes/iepngfix.htc");
}

input { background: #FFF; color: #2e2e2e; font-weight:bold;  border: 1px solid #2e2e2e; padding: 5px;}
textarea { background: #FFF; color: #2e2e2e; font-weight: bold; border: 1px solid #2e2e2e; padding: 5px;}
select { border: 1px solid #2e2e2e; padding: 5px;}


.graphic { 
   background-image: url('http://www.awakendesigncompany.com/new/graphic-design.jpg'); 
   height: 36px; 
   width: 125px; 
   overflow: hidden; 
   display: block; 
}
.graphic:hover { 
   background-position: 0 -36px; 
}
.graphic:current { 
   background-position: 0 -36px; 
}

.web { 
   background-image: url('http://www.awakendesigncompany.com/new/web-design.jpg'); 
   height: 36px; 
   width: 99px; 
   overflow: hidden; 
   display: block; 
}
.web:hover { 
   background-position: 0 -36px; 
}
.web:current { 
   background-position: 0 -36px; 
}

.logos { 
   background-image: url('http://www.awakendesigncompany.com/new/logos-typework.jpg'); 
   height: 36px; 
   width: 125px; 
   overflow: hidden; 
   display: block; 
}
.logos:hover { 
   background-position: 0 -36px; 
}
.logos:current { 
   background-position: 0 -36px; 
}

#breakingnews {
margin-left: 0;
top: 0;
width: 150px;
height: 150px;
position: fixed;
z-index: 9;
}