/* -----------------------------------------------------------------------

   Kev CSS Framework
   http://www.uniteform.com

----------------------------------------------------------------------- */

/* --------------------- GLOBAL RESESTS --------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, 
aside, nav, article, figure, time, legend { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-family:  arial, verdana, tahoma, helvetica; 
	font-size:100%;
	vertical-align: baseline; 
} 

:focus { 
	outline: 0; 
} 

body { 
	font-size:62.5%;
	line-height: 1; 
	color:#f8f7f7;
	background:#332f30 url(../images/backgrounds/mainbg.jpg) repeat bottom left;
	
} 

ol, ul { 
	list-style: none; 
}
  
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; 
} 

blockquote, q { 
	quotes: "" ""; 
}  

img, header, footer, section, aside, nav, article, figure, time, legend {
	display:block;
}

.clear {
	clear:both;
}


/* --------------------- FONTS --------------------- */


h1{
	display:block;
	line-height:0.1em;
	font-size:0.1em;
	text-indent:-9999em;
	position:relative;
	left:-6px;
	width:957px;
	height:128px;
	margin-left:auto;
	margin-right:auto;
	background:#382e36 url(../images/backgrounds/h1bg.jpg) no-repeat top left;

}

p{
	font-size:1.2em;
	line-height:1.833333em;
	margin-bottom:3.0em;
}


/* --------------------- LINKS --------------------- */


a {
	color:#f8f7f7;
	cursor:pointer;
	text-decoration:none;
}

a:focus, a:hover {
	color:#f8f7f7;
	text-decoration:none;
} 

aside a, article a{
	color:#0985bf;
	cursor:pointer;
	text-decoration:underline;
}


/* --------------------- WRAPS --------------------- */


nav div, section div div, footer div{
	width:946px;
	margin-left:auto;
	margin-right:auto;
}

nav div:after, section div div:after, footer div:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* --------------------- HEAD --------------------- */


nav{
	display:block;
	background:#382e36 url(../images/backgrounds/foliobg.jpg) repeat-x bottom left;
	height:102px;
}

nav a.logo, nav li a{
	float:left;
	display:block;
	line-height:0.1em;
	text-indent:-9999em;
}

nav a.logo{
	height:45px;
	width:205px;
	margin-top:29px;
	background:url(../images/backgrounds/logo.gif) no-repeat 0 0;
}
nav a:hover.logo{
	background:url(../images/backgrounds/logo.gif) no-repeat 0 -45px;
}

nav ul{
	float:right;
	display:inline;
	margin-top:46px;
}

nav li{
	display:inline;
}

nav li a{
	height:24px;
	background-image:url(../images/buttons/menu.gif);
	background-repeat:no-repeat;	
	margin-left:36px;
}

nav li a.portfoliobtn{
	width:76px;
	background-position:0px 0px;
}
nav li a:hover.portfoliobtn, nav li.active a.portfoliobtn{
	background-position:0px -24px;
}

nav li a.aboutbtn{
	width:57px;
	background-position:-76px 0px;
}
nav li a:hover.aboutbtn, nav li.active a.aboutbtn{
	background-position:-76px -24px;
}

nav li a.blogbtn{
	width:43px;
	background-position:-204px 0px;
}
nav li a:hover.blogbtn, nav li.active a.blogbtn{
	background-position:-204px -24px;
}

nav li a.contactbtn{
	width:71px;
	background-position:-133px 0px;
}
nav li a:hover.contactbtn, nav li.active a.contactbtn{
	background-position:-133px -24px;
}


/* --------------------- SECTIONS & ARTICLES --------------------- */


section{
	display:block;
	background:#382e36 url(../images/backgrounds/foliobg.jpg) repeat top left;
}

header{
	background:#2b272a url(../images/backgrounds/barbg.jpg) repeat-x top left;
}

section div{
	display:block;
	background:transparent url(../images/backgrounds/shine.png) no-repeat top center;
	padding-bottom:35px;
}

section div div{
	background:none;
	padding-bottom:0px;
}

aside{
	float:left;
	display:inline;
	position:relative;
	left:-24px;
	width:275px;
	padding:52px 50px 50px 25px;
	background:url(../images/backgrounds/aboutbg.png) no-repeat bottom left;
	border-top:1px solid #363232;
}

/* --------------------- BLOG --------------------- */

/* --------------------- ASIDE --------------------- */

aside ul{
	display:block;
	float:left;
	width:127px;
	margin-right:10px;	
}

aside ul li{
	display:block;
	font-size:1.2em;
	line-height:2.3333em;
	text-indent:10px;
	background:url(../images/backgrounds/bullet_white_aside.gif) no-repeat center left;
}

aside h3{
	display:block;
	height:30px;
	width:159px;
	line-height:0.1em;
	text-indent:-9999em;
}

aside h3.author{
	background:url(../images/titles/h3_author.png) no-repeat top left;
	height:32px;
}

aside h3.cat{
	background:url(../images/titles/h3_category.png) no-repeat top left;
}

aside p{
	color:#726770;
	font-size:1.2em;
	font-style:italic;
	margin-bottom:2.9em;
}
 

article, article header, article footer{
	float:right;
	display:inline;
	width:582px;
	margin-bottom:2.8em;
}

article header{
	background:url(../images/backgrounds/folioline.jpg) repeat-x bottom left;
	height:auto;
	margin-bottom:2.3em;
	padding-top:4.3em;
}

article footer{
	background:url(../images/backgrounds/line.gif) repeat-x top left;
	margin-bottom:0em;
	padding-top:2.4em;
}

time{
	float:left;
	display:inline;
	width:47px;
	height:45px;
	padding:5px 6px 0px 0px;
	margin:2px 22px 0 0;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.0714em;
	text-align:center;
	background:url(../images/backgrounds/bg_time.png) no-repeat top left;
}

article footer strong{
	display:block;
	font-size:1.4em;
	line-height:1.5714em;
	margin-bottom:0.6429em;
	font-weight:normal;
}

article h2{
	font-size:2.8em;
	line-height:1em;
	letter-spacing:-1px;
}

article h3{
	font-size:1.6em;
	line-height:1.375em;
	margin-bottom:1.375em;
	color:#0985bf;
}

article h4{
	font-size:1.4em;
	line-height:1.5714em;
	font-weight:normal;
	color:#0985bf;
}

article p{
	margin-bottom:1.8em;
}



article p.intro{
	font-size:1.4em;
	line-height:1.5714em;
	margin-bottom:1.5714em;
	font-style:italic;
}


article header p{
	font-size:1.4em;
	font-style:italic;
	color:#0985bf;
	margin-bottom:1.4286em;
}

article header p strong{
	font-weight:normal;
	color:#fff;
	font-style:normal
}

article code{
	font-family:"Courier New", Courier, monospace;
}

article pre{
	font-size:1.2em;
	display:block;
	background-color:#302b2d;
	color:#fff;
	padding:17px 20px 19px 20px;
	margin-bottom:1.8em;
}

figure{
	dsiplay:block;
	padding-top:7px;
	margin-bottom:1.8em;
	font-size:1.2em;
	font-style:italic;
	color:#0985bf;
}

figure IMG{
	padding-bottom:10px;
}

article ul{
	margin-bottom:2.3em;
	padding-left:20px;
	display:block;
	clear:both;	
}

article li{
	padding-left:15px;
	display:block;
	background:url(../images/backgrounds/bullet.png) no-repeat center left;
	font-size:1.2em;
	line-height:1.833333em;
}

article footer ul{
	float:left;
	width:174px;	
	margin:0;
	margin-right:30px;
	padding-left:0px;
	clear:none;	
}

article footer ul.last{
	margin-right:0px;
}

article footer li{
	padding-left:10px;
	background:url(../images/backgrounds/bullet_white.gif) no-repeat center left;
	line-height:2.3333em;
	float:none;
}



/* --------------------- FOOTER --------------------- */


footer{
	display:block;
	background:url(../images/backgrounds/folioline.jpg) repeat-x top left;
	padding:38px 0px 20px 0px;
}

footer div{
	background:none;
}

footer div li strong, footer div a.css, footer div a.xhtml{
	line-height:0.1em;
	text-indent:-9999em;
}

footer div li strong{
	display:block;
	height:16px;
	background:url(../images/titles/desi.png) no-repeat top left;
	margin-bottom:0.5em;
}
footer div li.details strong{
	background:url(../images/titles/copyright.png) no-repeat top left;
}
footer div li.freelance strong{
	background:url(../images/titles/freelance.png) no-repeat top left;
}

footer div ul{
	display:inline;
}

footer div li{
	float:left;
	display:inline;
	margin-left:30px;
}
footer div li.details{
	width:334px;
	margin-left:0px;
}
footer div li.freelance, footer li.buttons{
	width:276px;
}
    
footer div p{
	line-height:2.2em;
}

footer div p, footer div li.details a{
	color:#6f656d;
}

footer div li.details a{
	background:url(../images/backgrounds/dotted_line.gif) repeat-x bottom left;
	padding-bottom:1px;
}
footer div li.details a:hover{
	background:none;
	color:#f8f7f7;
}

footer div a.css, footer div a.xhtml{
	float:right;
	display:inline;
	position:relative;
	top:-2px;
	height:15px;
	margin-left:16px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
footer div a.css{
	width:49px;
	background:url(../images/buttons/cssbtn.gif);
}
footer div a.xhtml{
	width:57px;
	background:url(../images/buttons/html5btn.gif);
}
footer div a:hover.css, footer div a:hover.xhtml{
	background-position:0px -15px;
}


/* --------------------- BLOG --------------------- */