/*
Theme Name:Furball Simple Pero Rock!!
Theme URI:http://furball-inc.com/
Description:The first Furball Wordpress theme. This is a customized theme developed by Digital Mohawk - Karlo Estrada. 
Version:1.0
Author:Karlo A. Estrada / Furball
Author URL:http://digitalmohawk.org/
*/
/*************************************
© copyright furball,inc.
furball-inc.com designed this site.
*************************************/

/* -------------------------------------------------------------- 
DIGITALMOHAWK.ORG
-------------------------------------------------------------- */
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{margin-left:5px;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/************* END RESET RELOADED *************************/
body{font:normal 87.5%/1.714em Georgia,Times,"Hoefler Text",serif; /* 16px * 0.75 = 12px */
background:#fff url(images/cement_bg.jpg) top left no-repeat; color:#4d4b4b; }
blockquote{margin-left:2em;font-style:italic;border-left:6px solid #684F22;padding-left:1em;color:#444;}
br{display:none;}
em{font-style:italic;}
strong{font-weight:bold;}
sup { text-transform: lowercase;}
p,ul,ol{ font-size:1em; line-height:1.714em;margin-bottom:.857em;}
a,a:link,a:visited,a:active{text-decoration:none;border:0;}
h2{ font-size:1.5em; color: #5b451e;}
h2 a,h2 a:link,h2 a:visited{ text-decoration:none; }
h2 a:hover,h2 a:active{}
h3{font-size:1.5em;line-height:1.1428em;margin-bottom:0;}
h4 { font-size: 1.2em; line-height: 1.428em;}

.allcaps a,.allcaps a:link,
a.allcaps,a.allcaps:link,a.allcaps:visited{text-transform:uppercase;font-weight:bold;color:black;font-size:.555em; font-style: normal;  border:0 !important;padding:.25em;}
.allcaps a:hover,.allcaps a:active,
a.allcaps:hover,a.allcaps:active{ color: #333; border-bottom: 1px solid black !important;}

#page{margin:0px auto 10px 36px; width:672px;}
/* Header */
#header{width:672px; margin:36px auto 0px 36px;position:relative;}

#logo{}
#logo h1{background:url(images/logo_over.png) no-repeat left -1000em;}

h1 a,h1 a:link,h1 a:visited,h1 a:active{display:block;height:92px;width:289px;background:url(images/logo.png) no-repeat;text-indent:-1000em;text-align:left;}
h1 a:hover{background:url(images/logo_over.png) no-repeat;}

/*readmore*/
.readmore{
margin-top:5px;
}

.moreworks{
margin-left:520px;
text-align:right;
width:200px;
height:50px;
}
.moreworks img{
border:none;

}


/* Menu */
#menu{margin:0;margin-top:-48px;margin-left:230px;float:right;}
#menu li{height:1.714em;float:left;display:block;margin-left:2px; position: relative;}
#menu li a,#menu li a:link,#menu li a:visited{display:block;float:left;line-height:1.714em;padding-left:6px;padding-right:6px;font-size:1em;font-weight:bold;font-family:Helvetica;color:#333;}
#menu li a.selected{background:#b0966a;color:#fff;}
#menu li a:hover,#menu li a:active { background: #555; color: #fff;}
#menu li a:hover span, #menu li a.selected span {
display: block;
height: 3px;width: 3px;
}
#menu li span.tl{
position: absolute;
top: 0; left: 0;
background: url(images/tl.png) no-repeat top left;
}
#menu li span.bl {
position: absolute;
bottom: 0; left: 0;
background: url(images/bl.png) no-repeat bottom left;
}
#menu li span.tr {
position: absolute;
right: 0; top: 0;
display: block;
background: url(images/tr.png) no-repeat top right;
}
#menu li span.br {
position: absolute;
right: 0; bottom: 0;
display: block;
background: url(images/br.png) no-repeat bottom right;
}



.works{
        width: 100%;
		height:100%;
        }

.works a img{margin-bottom:-6px;border:3px solid #c3c2be;}
.works a:hover img{ border-color:#666;}

.works ul{
        margin: 0; padding: 0;
        float: left;}

.works ul li{
        display: block;
		}

.works ul li a{
        float: left; 
		text-decoration: none;
        padding: 5px 50px 0px 0px;
         }

.works ul li a:visited{
        color: white;}

.works ul li a:hover, .works ul li .current{
        }
		
.title{
	padding-left:6px;
	padding-top:3px;
	color:#333333;
	font-weight:bold;
	}
	
.image{
	padding-top:-23px;
	}


/* Content (general) */
#content{clear:both;width:672px;padding-top:52px;}
p{margin-bottom:.86em;}
#content a,#content {color:#684f22;}
#content a:hover,#content a:active{ border-bottom: 0px; color: #000;}

#content h2 a,#content h2 a:link,#content h2 a:visited,
#content h3 a,#content h3 a:link,#content h3 a:visited{border:0; background: 0;}
#content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active{ color: black; border: 0; background: 0;}

/* Blurb */
#content .blurb { clear: both; }
#content .blurb .allcaps{margin-left:.25em;}
#content .blurb {clear:both;height:72px;margin-bottom:32px;margin-top:-70px;}
#content .blurb img{border:0;}
#content .blurb h2{font-size:4em;height:1em;font-weight:normal;line-height:72px;float:left;margin-right:24px;text-transform:none; color: #a18046;}
#content .blurb p{margin-bottom:0;}
#content .blurb h3{height:96px;}
#content .blurb .long{font-size:2em;height:72px;line-height:72px;float:left;clear:right;}
#content .blurb h3,#content .blurb p{line-height:24px;font-family:Georgia;font-size:1.2em; text-transform:none;letter-spacing:normal;margin-left:12px;}
#content .blurb p{margin-bottom:0;}
#content .blurb a,#content .blurb a:link,#content .blurb a:visited{ border: 0; background: 0; color: #222;}
#content .blurb a:hover,#content .blurb a:active{ color: #684F22; }
#content .blurb h2 a, #content .blurb h2 a:link, #content .blurb h2 a:visited  { color: #a18046; }

/*module */
.module h2{ color: #606060; text-transform:uppercase;font-weight:bold;font-size:.75em; line-height:1.28em; letter-spacing: .05em;}
.post small{display:block;font-size:.7em;line-height:1.714em;margin-bottom:1em;text-transform:uppercase;letter-spacing:0em;}
.post .allcaps a{margin-top:-1em;}
.post small{font-size:.714em;text-transform:uppercase;font-style:italic;letter-spacing:.1em;margin-bottom:1.8em;}

/* Frontpage */
.who-are-we{width:390px;float:right;}

.recent-work{clear:both;padding-top: 12px; margin-bottom:1.714em; min-height: 300px;}
.recent-work h2 { margin-bottom: 1em; }
.recent-work .entry{float:right;width:212px;}

.recent-posts ul{width:882px;overflow:hidden;}
.recent-posts li{padding-bottom:32767px; margin-bottom:-32767px; width:240px; float:left; /*border-left:1px solid black; */}
.recent-posts li p{font-size:.8571em; line-height:1.5em;}
.recent-posts li p.shorten{margin-top:-.5em; font-size:1em;}
/*.recent-posts li.last{ border-right:1px solid black;} */
.recent-posts li .sleeve{padding-right:3.714em; padding-top: .425em;}


.recent-posts h3{font-size:1em;font-weight:bold;}
.recent-posts small{margin-bottom:.3em;}


.single-line,.shorten{line-height:1em;margin-top:-1em;}

/* Work */

#services { clear:both; padding-top: .857em; }
#clients{clear:both; margin-bottom:1.714em;}
#clients ul{width:700px;margin-left:-12px;list-style:none;clear:both;}
#clients li{display:block; width: 324px; float: left; margin-left: 12px;margin-right: 12px;width:318px;}
#clients li a,#clients li a:link,#clients li a:visited{list-style:none;float:left;display:block; width:318px; padding-left: 12px; border-bottom:1px solid black;border-top:1px solid black; margin-bottom:-1px;}
#clients li:hover,
#clients a:hover,#clients a:active{ background:#f7f7f7; }

#portfolio{width:696px;margin-left:-12px;}
#portfolio li{width:156px;float:left;margin-left:12px;}
#portfolio li a img {
border: 3px solid #ccc;
}
#portfolio h3{font-size:.75em; line-height: 1.714em; text-transform: uppercase;}
#portfolio h2 a,#portfolio h2 a:link,#portfolio h2 a:visited{font-size:.857em;}
#portfolio h2 a:hover,#portfolio h2 a:active{}
.metadata{font-size:.857em;}

#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }


/* Blog */
.blog-content {width: 528px; float: left;}
.blog-content p{margin-top:-20px;}
.blog-content .blog_readmore{margin-top:-9px;}
.post .meta em { text-transform: lowercase; }
.entry .metadata{ background:#f7f7f7;border:1px solid #ccc;padding:.857em;margin-bottom:1.714em;display:block;}
#sidebar{width:120px; font-size: .857em; margin-left:10px;float:right;}
#sidebar ul li { padding-left: 0px; }

#sidebar a, #sidebar a:link, #sidebar a:visited { padding: .2em; padding-left: 12px; border: 0; display: block; }
#sidebar a:hover, #sidebar a:active {background: #D2CEC3;}
#sidebar ul { margin-bottom: 1.714em; }
#sidebar ul li h2 { font-size: 1em; font-weight: bold; padding-left: 6px; border-bottom:2px solid #684f22; border-top: 0px solid #000; text-transform: uppercase;}
#sidebar ul li ul li { border-bottom:1px solid #000;}
.commentlist li{ }
.commentlist li .sleeve { font-size: 1em; margin-bottom: 1.714em; }
.commentlist li .metadata { background: #f7f7f7; width: 100%; height: 32px; border-top:1px solid #ccc;}
.commentlist li .metadata a, .commentlist li .metadata a:link, .commentlist .metadata li a:visited {
border: none !important;
}

.commentlist li .metadata a:hover, .commentlist li .metadata a:active {
}

.commentlist cite, .commentlist small, .commentlist .avatar { margin: 0 1em 1em 0; height: 32px; display: block; float: left; line-height: 32px; }
.commentlist p { clear: both;}
/* Comment Form */
#respond {
margin-bottom: .7em;
border-bottom: 1px solid #684F22;
line-height: 1.428em;
}
#commentsform {
width: 400px;
}
#commentsform label{font:normal .714em "Lucida Grande","Lucida Sans",Verdana,Georgia,Helvetica,Arial; width:12em;display:block;float:left;height:2.4em;line-height:2.4em;}
#commentsform .input input{float:left;}
#commentsform p.input{clear:both;height:2em;}
#commentsform{clear:both;}
#commentsform textarea{ width: 508px; background:#f7f7f7;border:1px solid #ccc;padding:.85em; font:normal 10px "Lucida Grande","Lucida Sans",Verdana,Georgia,Helvetica,Arial;}

#contactform {
float: left;
width: 382px;
}
#contactform label{
width: 122px;
float: left;
font-weight: bold;
padding-bottom: 1em;
padding-right: 18px;
text-align: right;
}
#contactform p {
clear: both;
width: 100%;
}
#contactform .input, #contactform textarea {
float: right;
width: 232px;
padding: .25em;
border: 1px solid black;
background: transparent;
font:normal 10px "Lucida Grande","Lucida Sans",Verdana,Georgia,Helvetica,Arial;
}
#contactform .input {
height: 2em;
line-height: 2em;
}
#contactform .submit {
padding-top: .875em;
margin-left: 148px;
}

.vcard { float: right; width: 266px; border-left: 1px solid #333;}
.vcard p { margin-left: 1.714em; }
.vcard br { display: block; }

.relative { position: relative; clear: both;}

#footer{ width: 672px; clear: both; font-size:.714em;padding-top:5px; padding-left:35px; margin-top:2.4em;margin-bottom:2.4em; font-family:"Lucida Grande","Lucida Sans",Verdana,Georgia,Helvetica,Arial; background-color: #666666; color:#FFFFFF;}

#footer p {;margin-right:6em; display: inline;}
#footer .foot{padding-top:30px;}
#footer a{
color:#FFFFFF;         
		 }

#footer a:visited{
        color:#FFFFFF;
		}

#footer a:hover{
color: #FFFF00; 
        }