Lewcreative Stylesheet -708
July 2008
www.lewcretive.com

*{
behavior: url(iepngfix.htc);
padding: 0; 
margin:0; 
}

html {
	text-align: center; /*center hack*/
	}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #767676;
margin: 0;
background: #000 url(../i/body-bg_03.jpg) repeat-x;

}

/* @group Sections */

#container {
	width: 907px;
	text-align: left;
	margin: 0 auto;
	position: relative;

}

#header{
	width: 907px;
	text-align: left;
	height: 67px;
	background: url(../i/logo.png) no-repeat;
	margin-top: 10px;
}	

#logo{
	width: 442px;
	height: 67px;

	padding: 1px;
}

#content {
	background: #fff url(../i/top-bg.png) no-repeat;
	width: 900px;
	font-size: 1.2em; 
	
}

#contentbase{
	background: url(../i/content-base_2.png) no-repeat;
	width: 900px;
	height: 10px;
	clear: both;
}


.left{
	float: left;
	display: inline;
	width: 600px;
}


.right {
	float: right;
	text-align: right;
	display: inline;
	width: 300px;
	}
	
	
.section {
	padding: 0px;
	margin-bottom: 11px ;

	}

.l{
	margin-left: 18px;
}

.l2{
	width: 500px;
}

.l3{
	width: 600px;
}

.r{
	margin-right: 18px;
}

.r2{
	width: 380px;
}


.r3{
	width: 290px;
}


.b{
	clear: both;
	width: 900px;
}
.c{
	margin: 0 auto;
}

.left {
	float: left;
	margin-right: 0px;
	margin-left: 12px;
	width: 500px;
display: inline;
	}

.right {
	float: right;
	margin-left: 0px;
	margin-right: 10px;
	text-align: right;
	width: 320px;
	display: inline;
	}


#bottom{

	
	clear: both;
	padding: 0px;
	
}


.nav{
	margin-bottom: 20px ;
	width: 100%;
	border-top: 4px solid #101010;
}

#introbox{
	
	margin: 10px;
	padding: 10px;
	background: #1c2726;
}

#sidemenu{
	margin-bottom: 20px ;
	width: 100%;
	border-top: 4px solid #101010;
}
	


.post{
	background-color: #a1a1a1;
	width: 425px;

}


.daPrint{
	background: url(../i/DeviantART-1-30.png) no-repeat;
	height: 30px;
}

.daPrint a{
	background: url(../i/DeviantART-1-30.png) no-repeat;
	
}

.inner-item{
	
	min-height: 120px;
	background: none;
	border-top: 2px dotted #c6c8b0;
	margin-top: 10px;
}

.box{ 
clear: both;
padding:5px; 
margin:0 0 5px 0; 
background-color: #000;

}

.column{ 
float: left;
padding:5px;
width: 200px; 
margin:0 0 5px 0; 
background-color: #000;

}

.white{
	background-color: #fff;
}

.con-base{
	background: #f3f9f5;
	border-top-width: 1px;
	border-top-color: #c0c0c0;
	border-bottom: 4px solid #c6c8b0;
}

.paleG{
	background-color: #d0ecda;
}

.boxnav{ 
clear: both;
padding:2px; 
margin:0 0 0px 0; 
background-color: #080808;
border: 1px solid #111; 
}

.x{ 

padding:5px; 
margin:0 0 5px 0; 
background: none;
border: 0px ; 
}



.defn{
	
	width: 875px;
	margin: 10px 5px;
	clear: both;
	
}

#copyright{
	margin:0 0 5px 0; 
background-color:#010101;
border: 1px solid #707070; 
	
	height: 158px;
}




#ssp{
	margin: 0 0 0 10px;
	float: left;
}


.top{
	text-align: left;
	margin-top: 12px;
}

#side-base{
margin-left: 500px;
	width: 295px;
	border: 1px solid #333;
	float: left;
}

#headertop{
	padding: 15px 40px;
	height: 768px;
	}

#headerlogo{
	height: 100px;

}

#menu{
	height: 30px;

	padding: 0 10px;
}

#main-body{
	padding: 0 10px;

}


#maingrafic{
	margin: 0 auto;
	height: 800px;
	width: 500px;
	margin-bottom: 10px;
	border: 2px solid #191919;
}


#info{
	height: 55px;
	width: 100%;
}

#contact{

margin: 32px 120px;
float: right;
}

/* @end */

/* @group typography */

p {
font-size: 1.2em;
color: #343434;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



h1 {
	margin: 0;
	font-size: 3.6em;
	text-align: center;
	}

h1.intro{
	
	text-align: right;
	font: italic 3em Georgia, "Times New Roman", Times, serif;
	color: #0b0b0b;
}

h1.header{
	text-indent: -4000px;
}

h2 {
	
	margin: 0 0 10px;
	font: 2.6em "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
	
h3 {
	padding: 0;
	margin: 5px 0 5px;
	font-size: 1.3em;
color: #5e5e5e;
}

.light{
	color: #e5e5e5;
}

h3.intro{
	text-align: left;
	color: #242424;
	font: italic 2em Georgia, "Times New Roman", Times, serif;
}

h2,p{width:100%;} /* keep otherwise text dispears in IE */

.quote{
	text-align: left;
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	color: #769997;
}



h4{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.6em;
}

h4.footer{
	
	margin-left: 80px;
	font-weight: bold;
	color: #fff;
	background: #000;
	line-height: 2em;
}

.desc{
	margin: 0;
	font: italic 1.6em  "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.more{
	text-align: right;
}

.sym{
	text-align: center;
	clear: both;
	color: #6a8b8a;
	font: 1.2em;
	margin: 5px;
}


.phrase{
	margin: 30px 0 0 0;
	font-size: 2.6em;
	color: whitesmoke;
	top: -30px;
}

.waffle{
	margin: 15px 0 5px 0;
	font-size: 1.6em;
	color: #454545;
	top: -5px;
}

.small {
	font-size: 1em;
	color: #555;
}
.notes{
	
	color: #7e7e7e;
	font-style: italic;
}

.clearfloat{
	clear: both;
	margin: 0;
}

/* @end */

/* @group Menus */


li {
	list-style: none;
}

#topnav{

	background: url(../i/topnav-bg.png) no-repeat;
	width: 907px;
	height: 47px;
}

#topnav ul {
	padding: 10px;
margin-right: 10px;
color: #0b0541;
float: left;
width: 100%;

}

#topnav ul li{
	display: inline;
}

#topnav ul li a{
	
	color: #2da3bf;
	font-size: 1.4em;
}

#topnav ul li a:hover{
	color: #edce37;
}

#footernav{
	width: 907px;
	height: 47px;
	margin: 0 auto;
}

#footernav ul {
	padding: 10px;
margin-right: 10px;
color: #0b0541;
float: left;
width: 100%;

}

#footernav ul li{
	display: inline;
}

#footernav ul li a{
	
	color: #246784;
	font-size: 1.2em;
}

#footernav ul li a:hover{
	color: #edce37;
}



.star{
	list-style-image: url(../i/star.png);
	list-style-position: inside;
}

.smile{
	list-style-image: url(../i/20/smile.png);
	list-style-position: inside;
}

.smile a{
	color: #246784;
	font-size: 1.8em;
	text-align: left;
}



#portfolio-nav ul {
padding-left: 0;
margin-right: 10px;
color: White;
float: left;
width: 100%;
}

#portfolio-nav ul li{
	display: inline;
}

#portfolio-nav ul li a{
	color: #2da3bf;
}

#portfolio-nav ul li a:hover{
	color: #edce37;
}

p.network{
	margin: 2px;
}

.network-ico a i{
	vertical-align: sub;
	margin: 2px;
}

#network ul {
padding-left: 0;
margin-right: 10px;
color: White;
float: left;
width: 100%;
	font-size: 1.3em;
}

#network ul li{
	display: block;
}

#network ul li a{
	color: #2da3bf;
}

#network ul li a:hover{
	color: #edce37;
}

li.medianav{
	float: left;
	margin: 0 5px;
}

.side.inactive a{
color: #191819;
}

.inactive a:hover { 
color: #2e3f42;
}

.side{
	color: #e0fefa;
	text-align: right;
}

.side a{
	color: #246784;
	font-size: 1.8em;
	text-align: right;
}

.cont{
	color: #e0fefa;
	text-align: left;
}

.cont a{
	color: #246784;
	font-size: 1.8em;
	text-align: left;
}

ul.client a{
	text-decoration: none;
	margin-left: 20px;
}

li.client{
	
	color: #e0fefa;
	text-align: left;
	background: url(../images/PNG/15/ico-client.png) no-repeat;
	margin: 0 0 5px 0px;
}

li.client a{
	color: #246784;
	font-size: 1.8em;
	text-align: left;
}

.client a:hover, .mediatype a:hover{
	color: #edce37;
}

ul.mediatype a{
	text-decoration: none;
	margin-left: 20px;
}

li.mediatype{
	
	color: #e0fefa;
	text-align: left;
	background: url(../images/PNG/15/ico-tag.png) no-repeat;
	margin: 0 0 5px 0px;
}

li.mediatype a{
	color: #246784;
	font-size: 1.8em;
	text-align: left;
}


.lnav{
	text-align: left;
}

.side a on{
	margin-left: 30px;
	color: #edce37;
	font-size: 1.8em;
	text-align: right;
	background: url(i/footer-bg_07.png) no-repeat;
	height: 30px;
}
#nav li a:hover {
	color: #FFAD08; 
	text-align: center; 
}

#nav li a:active {
	color: #FF0000; 
	text-align: center; 
}


#home .home, #about .about, #contact .contact, #drawing .drawing, #illustration .illustration, #painting .painting, #photo .photo, #logo .logo, #words .words, #web .web, #planners .planners, 
{
	color: #28d4e1; 
}


/* @end */

/* @group Planners */

#graphics, #artwork, #web{
	width: 890px;
}

#artwork{
	
}

#web{
	
}

.planner{
	width: 900px;
	padding: 0px;
	min-height: 33px;
	border: 1px dashed #0a0a0a;
	margin-bottom: 10px;

}


.plan-head{
	text-align: right;
}

.bl{
	color: #28d4e1;
}

.yel{
	color: #edce37;
}

.plan-ico{
	float: left;
	margin: 10px 0 0 10px;
}

.head{
	padding: 0 20px;
	height: 50px;
	border: 1px solid #4f4f4f;
	background-color: #1c1c1c;
	margin: 5px 0;
}

div#logo, div#stationary, div#CI{
	border: 1px solid #787878;
	padding: 10px;
}

.plan-title{
	margin: 10px;
		clear: both;
	font-size: 2em;
}



.defn{
	
	width: 875px;
	border-top: 2px solid #1d507b;
	margin: 5px;
	clear: both;
	background-color: #000;
}

/* @end */

/* @group links */

a.special{
	color: #edce37;
}

a.special:hover {
color: #28d4e1;
}

/*a.info{
	float: right;
	display: block;
	height: 55px;
	width: 55px;
	background: url(i/info.png) no-repeat 0px 0px;
	text-indent: -25px;
color: #edce37;
	font: 1.2em/78px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
}*/

a.info:hover {
background-position: 0px -55px;
color: #28d4e1;
}

a {
	text-decoration: none;
	color: #819d9d;
}

a.top {
	text-decoration: none;
	color: #575754;
}

a:hover {
	text-decoration: none;
	color: #3da7d7;
}

.intropic{
	
}

.thumb{
	background-color: #040404;
	border: 1px solid #212121;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	margin-left: 5px;
}


	
.proj a{
	text-align: center;
	color: #006893;
}
.proj a:hover{
	color: #edce37;
}




.right{
	float: right;
}

.left{
	float: left;
}

.10{
	margin: 10px;
}

.l10{
	float: left;
	margin: 10px 0 0 10px;
}


a i{ 	margin: 3px 3px 5px 3px;border: 1px solid #080808;}
a:hover i{ 	border: 1px solid #fff;}




.contPic{
	background-color: #f9f9f9;
	float: left;
	margin: 5px 10px 3px 0;
	text-align: center;
}

.icon {
	margin: 2px 2px 2px 2px;border: 1px solid #272727;
}
i.icon a:hover {
	border: 1px solid #3da7d7;
}

/* @end */


#contactform {
	text-align: left;
	background: #f3f3f3;
	margin: 10px auto;
	padding: 10px;
	}

#loginform {
	text-align: left;
	background: #f4f4f4;

	padding: 10px;
	border-top: 3px solid #c2c2c2;
}
	

	

.login{
	width: 200px;
	background-color: #f8f8f8;
	margin-left: 0px;
	border: 1px solid #c2c2c2;
}

.loginBtn{

	background-color: #f8f8f8;
	margin-left: 0px;
	border: 1px solid #c2c2c2;
}

form {

	margin: 0;

}

form, textarea {font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin: 2px 15px;}

fieldset {width: 420px; padding: 0; border: 0; font-size: 12px;}

label {font-size: 11px; color: #322410; cursor:pointer;
	background-color: #77fcf4;
}

input {background: #fefdfd; color: #000; padding: 2px; margin: 5px 10px; font-size: 1.3em;}

textarea {width: 350px ;background: #fff; color: #000; padding: 2px; margin: 5px 3px; font-size: 12px;}

textarea:focus, select:focus, input:focus {background:#F8F8F2;}





/* @group Footer */

#footer{
	background: url(../i/footer-bg.jpg) repeat-x;
	height: 70px;
	clear: both;

}

.footer{
	text-align: right;
	float: left;
	color: #f4f4f4;
	clear: both;
}

#base{
	height: 70px;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	background: url(i/footer-detail.jpg) no-repeat;
	color: #373737;
	
}

#base a{
margin-left: 3px;
text-decoration: none;
float: left;

	}

a.base {
	margin-top: 9px;
	display: block;
	height: 55px;
	width: 210px;

color: #edce37;
	font: 1.2em/78px "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.base {
background-position: 0px -55px;
color: #28d4e1;
}

p.base{
	color: #006893;
}

/* @end */