/* 
 ----------------------------------------------------------------------------
	Author: Karim Zuirta
 	CSS Document: styles.css
 ---------------------------------------------------------------------------- 
*/


/* default type selectors
 * ------------------------------------------------------------------------- */


* {
	margin: 0;
	padding: 0
}
body {
	background: url(images/bg.gif) #EEECDE top center repeat-x;
	font: 14px/18px "arial", lucida grande, helvetica, sans-serif;
}
p {
	line-height: 20px;
	color:#444334;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
}
a:link, a:visited {
	color: #788c03;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #788c03;
	text-decoration: underline
}
a {
	outline: none
}
a img, :link img, :visited img, fieldset {
	border: none
}
input, textarea {
	margin: 0;
	padding:0;
}
ul {
	list-style-type: none
}
h1 {
	font-size: 1.4em
}
h2 {
	font-size: 1.3em
}
h3 {
	font-size: 1.2em
}
h4, h5, h6 {
	font-size: 1.1em
}
h3, h4, h5, h6, p, ul, ol {
	margin-bottom: 8px
}
h3, h4, h5, h6 {
	margin:0;
}
h1, h2, h3, h4, h5, h6 {
	color:#444334;
	}
small {color:#444334; }	

/* default classes
 * ------------------------------------------------------------------------- */


.clearafter:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}
.clearall {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearafter {
	height: 1%
}
/* End hide from IE-mac */

.ir {
	height: 0;
	overflow: hidden
}
/* layout
 * ------------------------------------------------------------------------- */
 
 #wrap {
	background:url(images/body-bg.gif) repeat-y;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 0.1em;
}
#top {
	background:url(images/top.gif) no-repeat;
	height: 76px;
	width: 860px;
}
#column-left {
	width: 441px;
	float: left;
}
#logo {
	background:url(images/logo.gif) no-repeat;
	height: 124px;
}
#logo a {
	position:relative;
	left:10px;
	width:300px;
	top:10px;
	height:124px;
}
#header {
	background:url(images/header.gif) no-repeat;
	height: 176px;
}
#header p {
	padding: 79px 30px 30px 60px;
	color:#FFFFFF
}
#hire {
	background:url(images/hire.gif) no-repeat;
	height: 107px;
	padding-left: 60px;
	padding-top: 34px;
}
#column-right {
	background:url(images/banner-right.gif) no-repeat;
	width: 419px;
	height: 441px;
	float: left;
}
#lrgthumb {
	padding-top: 34px;
	padding-left: 17px;
}
h2#featured {
	background:url(images/featured.gif) no-repeat;
	padding-top: 63px;
	clear:both;
}
h2#about {
	background:url(images/about.gif) no-repeat;
	padding-top: 64px;
	clear:both;
}
#footer {
	background:url(images/footer.gif) #f0eee1 no-repeat top center;
	width:860px;
	margin: 0 auto;
	padding-top: 68px;
}
#footer p {
	text-align: center;
}
.btn-hire {
	background-image: url("images/hire-button.gif");
	display: block;
	margin-top: 0;
	padding-top: 70px;
	width: 224px
}
.btn-hire:hover {
	background-position: 0 -70px
}
#block1 {
	float: left;
	margin-left: 60px;
	width: 245px;
	height:127px;
	display:inline;
}
#block2 {
	float: left;
	margin-left: 3px;
	width: 246px;
	height: 127px;
	display:inline;
}
#block3 {
	float: left;
	margin-left: 3px;
	width: 245px;
	height: 127px;
	display:inline;
}
#bodytext p {
	padding-left:60px;
	padding-right:60px;
	padding-bottom: 8px;
}
.HL {
	background: #3F3E30;
	color: #fff;
}
#featuredtext P {
	padding-left:60px;
	padding-right:60px;
	padding-bottom: 2px;
}
#insidelogo {
	background:url(images/logo-inside.gif) no-repeat;
	height: 124px;
}
#insidetext {
	background:url(images/tan-bg.gif) repeat-y;
}
#insidefade {
	background:url(images/tanfade.gif) no-repeat;
	padding-bottom: 1px;
}
#insidefade p {
	padding: 22px 60px 14px 60px;
}
#tanbottom {
	background:url(images/tan-bottom.gif) no-repeat;
	height: 11px;
}
#headerfolio {
	background:url(images/blog_folio.gif) no-repeat;
	height: 51px;
}
#headerblog {
	background:url(images/blog_header.gif) no-repeat;
	height: 51px;
}
h2#websites {
	background:url(images/webdesign-header.gif) no-repeat;
	padding-top: 60px;
}
#blogtopblank {
	padding-top:25px;
}
#folioleft {
	width: 430px;
	float:left;
}
#folioright {
	width: 430px;
	float:left;
}
.foliothumbl {
	width: 350px;
	margin-left: 60px;
	margin-bottom: 20px;
	background:url(images/thumbinfobg.gif) repeat-y;
}
.foliothumbr {
	width: 350px;
	margin-left: 20px;
	margin-bottom: 20px;
	background:url(images/thumbinfobg.gif) repeat-y;
}
.foliothumbr p {
	padding: 4px 14px 5px 8px;
	font-size:12px;
	line-height: 14px;
}
.foliothumbl p {
	padding: 4px 14px 5px 8px;
	font-size:12px;
	line-height: 14px;
}
.disclaimer {
	font-size: 10px;
}
.emptyfolio {
	height:175px;
}
.bobytext-bold {
	font-weight: bold;
}

	
#blog-bgline { 
	background:url(images/blog_bgline.gif) repeat-y;
	}

#blogleft {
	width: 460px;
	padding-left:60px;
	padding-right: 18px;
	float:left;
	display:inline;
	}

#blogleft h2, h3 {
margin-bottom:10px;
	
	}	
	

	
#blogright {
	width: 240px;
	padding-left:20px;
	float:left;
	display:inline;
	
	}

#blogright li {
	font-size: 12px;
	}
	
#blogright h2 { 
	color:#444334;
	font-size:14px;
	background:url(images/blog-list-headerbg.gif) no-repeat;
	height:32px;
	padding-top:7px;
	padding-left:20px;
	margin-top:10px;
	}
#blogright p { 
	font-size:12px;
	}	
	
#bloleft h2 { 
	color:#444334;
	font-size:16px;
	}
	
.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}
	
	



/* nav
 * ------------------------------------------------------------------------- */

#nav {
	height: 81px;
	margin-bottom: 0;
}
#nav, #nav a {
	background-image: url("images/nav.gif")
}
#nav li {
	float: left;
	list-style-type: none;
	display:inline;
}
#nav a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 81px
}
#nav li#nav-01 {
	margin-left: 210px
}
#nav li#nav-01 a {
	background-position:  -210px 0;
	width: 110px
}
#nav li#nav-02 a {
	background-position: -320px 0;
	width: 110px
}
#nav li#nav-03 a {
	background-position: -430px 0;
	width: 110px
}
#nav li#nav-04 a {
	background-position: -540px 0;
	width: 110px
}
#nav li#nav-01 a:hover {
	background-position:  -210px -81px
}
#nav li#nav-02 a:hover {
	background-position: -320px -81px
}
#nav li#nav-03 a:hover {
	background-position: -430px -81px
}
#nav li#nav-04 a:hover {
	background-position: -540px -81px
}
body#index #nav li#nav-01 a {
	background-position:  -210px -162px
}
body#portfolio #nav li#nav-02 a {
	background-position: -320px -162px
}
body#blog #nav li#nav-03 a {
	background-position: -430px -162px
}
body#contact #nav li#nav-04 a {
	background-position: -540px -162px
}
/* pop 1
 * ------------------------------------------------------------------------- */

#popup-container {
	position:relative;
}
#apDiv1 {
	position:absolute;
	margin-left:119px;
	top:250px;
	width: 622px;
	z-index:2000;
	visibility: hidden;
	left: auto;
}
#formtop {
	background:url(images/form-top.png) no-repeat;
	height: 81px
}
#formtop a {
	position:absolute;
	left:10px;
	width:20px;
	top:10px;
	height:20px;
}
#formtop a span {
	display:none;
}
#formbg {
	background:url(images/form-bg.png) repeat-y;
	padding-bottom: 1px;
}
#formleft {
	width: 311px;
	float: left;
}
#formright {
	width: 310px;
	float: left;
}
#formright p {
	margin-left:10px;
	margin-right: 50px;
}
#formlogo {
	background:url(images/form-logo.png) no-repeat top left;
	padding-top: 60px;
}
#formbottom {
	background:url(images/form-bottom.png);
	height: 50px;
}
/*----form---*/


form {
	width:237px;
	padding: 0;
}
form br {
	line-height:0;
	height:0;
}
input, textarea {
	background-color:#d6d6b7;
	border: none;
	width:237px;
	height:22px;
	line-height:22px;
	vertical-align: middle;
	margin-left: 50px;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444334;
}
label {
	width: 350px;
	font-size:11px;
	color: #444334;
	margin-left: 50px;
}
textarea {
	height:70px;
	overflow:auto;
}
input.submit, input.submit-contact-main {
	background:url(images/formsubmit.gif) no-repeat;
	width:72px;
	padding-top: 35px;
	height: 35px;
	cursor:pointer;
}
/* pop 2
 * ------------------------------------------------------------------------- */

#popup-container2 {
	position:relative;
}
#apDiv2 {
	position:absolute;
	margin-left:119px;
	top:250px;
	width: 622px;
	z-index:2001;
	visibility: hidden;
	left: auto;
}
#formtop2 {
	background:url(images/form-top2.png) no-repeat;
	height: 81px
}
#formtop2 a {
	position:absolute;
	left:10px;
	width:20px;
	top:10px;
	height:20px;
}
#formtop2 a span {
	display:none;
}
#formbg2 {
	background:url(images/form-bg2.png) repeat-y;
	padding-bottom: 1px;
}
#formbg2 p {
	margin-right: 50px;
}
#formlogo2 {
	background:url(images/form-logo.png) no-repeat top left;
	padding-top: 60px;
}
#formbottom2 {
	background:url(images/form-bottom2.png);
	height: 50px;
}
/*--scrollpane--*/

.holder {
	float: left;
	margin-left: 50px;
	display:inline;
}
.scroll-pane {
	width: 522px;
	overflow: auto;
	float: left;
	height: 300px;
	display:inline;
}
.osX .jScrollPaneTrack {
	background: url(images/kz_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(images/kz_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(images/kz_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(images/kz_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(images/kz_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(images/kz_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}
.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}
/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
			
			
			
			
			
/*-----resume-----*/

.resume-headers {
	color: #A6B91C;
	font-weight: bold;
}
.resume-headerstwo {
	color:#434233;
	font-weight: bold;
}
.resume-italictext {
	font-style:italic;
	font-size: 13px;
}
.resume-text {
	font-size: 13px;
}
.image-left {
	float:left;
}
#resumepdf {
	margin-top: 15px;
	margin-left:50px;
}
#resumepdf p {
	line-height: 16px;
	padding-top: 8px;
}


/*----blog search-------*/



#formcase {
	margin-left:20px;
	
	
	}
	
#searchform {
	margin-top:10px;
	}


#blogsearch {
	width:240px;
	background:url(images/search-bg.gif) repeat-y;
	margin:0 0 10px 0;
	padding:0;
	 }
	 
#searchtop {
	background:url(images/search-top.gif) no-repeat;
	width:240px;
	height:41px;
	}
	
input.searchinput1 {
	background-color:#fff;
	border:1px solid #CFCFB2;
	width:125px;
	height:20px;
	line-height:22px;
	vertical-align: middle;
	padding-top:5px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444334;
	margin:0;	
	}
	
input.searchsubmit	 {
	background:url(images/search-button.png) no-repeat;
	width:66px;
	padding-top: 29px;
	height: 29px;
	cursor:pointer;
	margin:0;
	} 
	
#search-bottom	{
	background:url(images/search-bottom-bg.gif) no-repeat;
	height:21px;
	}
	
.post {
	margin-bottom:30px;
	border-bottom: solid 1px #dbdcc0;}	

	
	
	

	

input.commentform1 {
	background-color:#d6d6b7;
        border:none;
	width:237px;
	height:22px;
	line-height:22px;
	vertical-align: middle;
	margin-left: 0;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444334;
}
label.commentform1 {
	width: 350px;
	font-size:11px;
	color: #444334;
	margin:0;
	padding:0;
	}
	
textarea.commentform1 {
	height:70px;
	overflow:auto;
	margin:0;
	padding-top:5px;
	padding-left:5px;
}
input.commentformbutton1{
	background:url(images/formsubmit.gif) no-repeat;
	width:72px;
	padding-top: 35px;
	height: 35px;
	cursor:pointer;
	margin-top:10px;
	margin-left:0;
}