/* GLOBAL */
/* This @font-face CSS has been generated by fontsquirrel.com and is based on the work of Paul Irish.
Font by Jos Buivenga - http://www.josbuivenga.demon.nl/diavlo.html */
/*@font-face {
	font-family: 'Diavlo Black';
	src: url('fonts/eot/diavlo-black.eot');
	src: local('Diavlo Black'), local('DiavloBlack-Regular'), url('fonts/woff/diavlo-black.woff') format('woff'), url('fonts/svg/diavlo-black.svg#DiavloBlack-Regular') format('svg'), url('fonts/otf/diavlo-black.otf') format('opentype');
}*/
@font-face {
	font-family: 'Diavlo Bold';
	src: url('fonts/eot/diavlo-bold.eot');
	src: local('Diavlo Bold'), local('DiavloBold-Regular'), url('fonts/woff/diavlo-bold.woff') format('woff'), url('fonts/svg/diavlo-bold.svg#DiavloBold-Regular') format('svg'), url('fonts/otf/diavlo-bold.otf') format('opentype');
}
/*@font-face {
	font-family: 'Diavlo Book';
	src: url('fonts/eot/diavlo-book.eot');
	src: local('Diavlo Book'), local('DiavloBook-Regular'), url('fonts/woff/diavlo-book.woff') format('woff'), url('fonts/svg/diavlo-book.svg#DiavloBook-Regular') format('svg'), url('fonts/otf/diavlo-book.otf') format('opentype');
}*/
@font-face {
	font-family: 'Diavlo Light';
	src: url('fonts/eot/diavlo-light.eot');
	src: local('Diavlo Light'), local('DiavloLight-Regular'), url('fonts/woff/diavlo-light.woff') format('woff'), url('fonts/svg/diavlo-light.svg#DiavloLight-Regular') format('svg'), url('fonts/otf/diavlo-light.otf') format('opentype');
}
@font-face {
	font-family: 'Diavlo Medium';
	src: url('fonts/eot/diavlo-medium.eot');
	src: local('Diavlo Medium'), local('DiavloMedium-Regular'), url('fonts/woff/diavlo-medium.woff') format('woff'), url('fonts/svg/diavlo-medium.svg#DiavloMedium-Regular') format('svg'), url('fonts/otf/diavlo-medium.otf') format('opentype');
}
.font-medium { font-family: 'Diavlo Medium', Arial, sans-serif; }
/*.font-book { font-family: 'Diavlo Book', Arial, sans-serif; }
.font-black { font-family: 'Diavlo Black', Arial, sans-serif; }*/
.font-bold { font-family: 'Diavlo Bold', Arial, sans-serif; }
.font-light { font-family: 'Diavlo Light', Arial, sans-serif; }
body { background-color:#BBF2E3; background-image:url('images/background-gradient.png'); background-repeat:repeat-x; font-family: 'Diavlo Light', Arial; src: url(fonts/eot/diavlo-light.eot); src: local('Diavlo light'), url(fonts/otf/diavlo-light.otf) format('opentype'); margin:0px; padding:0px; font-size:14px; }
h1, h2 { margin:10px 0 0 0; padding:0px; }
h1 { text-transform:uppercase; font-size:36px; }
a { color:#00A2FF; font-family:'Diavlo Bold',Arial
; text-decoration:none; }
a:hover { color:#FF0000; }
#containter-outer { width:100%; background-image:url('images/background-clouds.png'); background-position:center center; background-attachment:fixed; margin:0px; padding:0px; } 
#containter-inner { width:960px; position:relative; text-align:left; }
.heighlight { background-color:#BCF2E3; padding:0 3px 0 3px; } 
/* HEADER */
#header { width:960px; height:132px; background-image:url('images/top-navigation-background.png'); text-align:left; float:left; position:relative; margin-bottom:10px; border:#FF0000 0px solid; }
#logo { width:312px; height:91px; background-image:url('images/chapolito-logo.png'); margin-left:40px; position:absolute; cursor:pointer; z-index:99; }
#navigation { padding:0px; margin:0px; }
#navigation li { float:left; list-style:none; text-transform:uppercase; height:26px; padding:106px 0 0 0; text-align:center; border:#FF0000 0px solid; font-family: 'Diavlo Medium', Arial; cursor:pointer; } 
#navigation li:hover, #navigation li.selected { background-color:#FFFFFF; }
#navigation li.last:hover, #navigation li.selected-last { background:url('images/contact-hover-bottom-corner.png') no-repeat bottom right; }
#navigation a { text-decoration:none; color:#2DC1A2; font-family:'Diavlo Bold',Arial; }
#navigation li:hover a { color:#00A2FF; background-color:#FFFFFF; }
/* BOX */
.box { margin-bottom:10px; }
.box-top { background-image:url('images/content-cap-top.png'); width:960px; height:8px; }
.box-content { padding:0 10px 0 10px; background-color:#FFF; }
.box-bottom { background-image:url('images/content-cap-bottom.png'); width:960px; height:8px; }
.box-content-transparent { padding:0 10px 0 10px; }
.transparent { filter:alpha(opacity=25); opacity: 0.25; }
.transparent-bg { filter:alpha(opacity=60); opacity: 0.6; }
.box-content-transparent { background-color:transparent; }
.box-top-design { background:url('images/illustration-portfolio-city.png') no-repeat; width:960px; height:140px; }
.box-top-design-sub { width:960px; padding-top:89px; position:relative; }
#box-top-design-sub-bg { filter:alpha(opacity=60); opacity: 0.6; background:url('images/content-cap-top.png') bottom center no-repeat; width:960px; height:8px; }
.box-top-design h2 { margin:-55px 0 0 20px; .margin-bottom:11px; _margin-bottom:11px; font-size:28px; z-index:99; }
.box-top-design-sub-links { position:relative; height:51px; display:block; overflow:hidden; }
.box-top-portfolio-sub-links-portfolio-bg { position:absolute; top:0px; background:url('http://chapolito.com/wp-content/themes/chapolito/images/background-browse.png') no-repeat; height:51px; width:100%; z-index:0; overflow:hidden; margin-bottom:1px; }
.box-top-design-sub-links-text { position:absolute; height:47px; width:100%; z-index:99; padding-top:10px; }
/* FOOTER */
.extramargintop { margin-top:50px; }
#footer-left { float:left; width:200px; margin:10px; }
#footer-center { float:left; width:250px; margin:10px 0 10px 10px; }
#footer-right { float:left; width:400px; margin:10px 0 10px 10px; }
.footer_header { font-size:24px; }
#footer_navigation,.footer_header { text-transform:uppercase; }
#footer_navigation li, #footer_contact_info li, #footer_details_info li { font-family: 'Diavlo Medium', Arial; list-style:none; margin-left:-40px; line-height:1.5em; font-size:12px; }
#footer_contact_info li a { font-family: 'Diavlo Medium', Arial; }
#footer-flash { position:absolute; top:202px; left:-100px; width:1170px; height:184px; background-color:transparent; }
.foot-col1 { float:left; width:60px; }
.foot-col2 { float:left; width:140px; }
/* PNG FIX - http://www.twinhelix.com/css/iepngfix/ */
img, div { behavior: url(http://chapolito.com/wp-content/themes/chapolito/javascript/pngfix/iepngfix.htc) }
/* FOR WORDPRESS BLOG PAGES */
.widecolumn { width:920px; margin:0 0 0 10px; }
.narrowcolumn { float:left; width:680px; margin:0 0 0 10px; }
.free-design-resources-post { background:url('images/article-bg-gradient.png') #c8f4e7 top center repeat-x; padding:10px; margin:10px 0 20px 0; }
.free-design-resources-post h2 a, .post h2 a { color:#000; } 
.free-design-resources-post h2 a:hover, .post h2 a:hover { color:#FF0000; }
/* SEARCH FORM FOR FREE DESIGN RESOURCES */
#sidebar { float:left; width:235px; }
#sidebar ul li { list-style:none; } 
.screen-reader-text { display:none; }
#s { float:left; border:solid 1px #959595; width:134px; height:19px; background-color:#f6f6f6;  padding:3px 0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#959595; background:url('images/input-background-area.png') bottom center; }
#searchsubmit { float:left; width:48px; height:25px; background:url('images/button-go-off.png'); background-color:transparent; border:0px none transparent; cursor:pointer; margin-left:5px; }
#searchsubmit:hover { background-image:url('images/button-go-on.png'); }
#search-2 { margin-bottom:20px; height:30px; }
#sidebar ul li { margin:10px 0 20px 0; }
#sidebar ul li ul li { margin:10px 0 10px -40px; }
a.download { background:url('http://chapolito.com/wp-content/themes/chapolito/images/download-icon.png') no-repeat left center; padding-left:23px; height:18px; display:block; }
/* Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.*/
.imagecaptioneasy {
  width:100%;
  padding: 10px;
  font-size: 12px;
  line-height: 1.15em;
  text-align: center;
  background: #C8F4E7 url(http://chapolito.com/wp-content/themes/chapolito/images/article-bg-gradient.png) repeat-x scroll center top;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; font-family: 'Diavlo Medium', Arial; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }