/*
Theme Name: Fully Illustrated v3
Theme URI: http://fullyillustrated.com
Description: Theme to be used by Fully Illustrated only.
Version: 3
Author: Adam Foster
*/

/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus, a { outline: none !important; -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.end { border: none!important; margin-right: 0!important; }
.last { background: none!important; margin-bottom: 0!important; }

/* COMMON */
html { background-color: #000; }
body { background: #000000 url(_include/img/background.jpg) repeat-x center 82px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666666; line-height: 15px; }
:link, :visited { text-decoration: none; color: #0099ff;  }
a:hover { color: #fff!important; }
h1, h2 { font-size: 36px; color: #fff; line-height: 38px; font-weight: normal; padding-bottom: 10px; }
h3 { color: #fff; font-size: 12px; font-weight: normal; padding-bottom: 8px; }
h4 { color: #3399ff; font-weight: normal; background: url(_include/img/icons.gif) no-repeat left -35px; padding-left: 18px; margin-bottom: 10px; font-size: 11px; line-height: 14px; }
	.cufon-loading h1, .cufon-loading h2, .cufon-loading .about-pag a, .cufon-loading #sub-header a, .cufon-loading .button  { visibility: hidden !important; }
p, ul, ol { padding-bottom: 12px; }
span { color: #0099ff; }
.button { background: url(_include/img/background-button.gif); display: block; width: 120px; height: 19px; padding: 8px 0 0 15px; margin: 5px 4px 0 0; text-transform: uppercase; color: #fff; }
.button:hover { color: #0099FF!important; }
strong, em { color: #fff; font-weight: normal; }

/* LAYOUT */
#header-content, #footer { width: 915px; margin: 0 auto; padding: 0 40px; }

#header { background: url(_include/img/background-header.gif) repeat-x; height: 103px; z-index: 5; }
#header-content { position: relative; z-index: 5; }
#footer-content { border-top: 1px solid #181818; width: 915px; padding-top: 11px; height: 29px; }
#logo { display: block; padding-top: 36px; width: 302px; }
#footer ul li { float: left; height: 10px; border-right: 1px solid #292929; padding-right: 7px; margin: 4px 7px 0 0; line-height:10px; }
#footer :link, #footer :visited { color: #666666; -webkit-text-size-adjust: none; }
#footer p { background: url(_include/img/icons.gif) no-repeat right 0; padding: 2px 38px 4px 0; }
#footer p, #footer p span { -webkit-text-size-adjust: none;  }
#content { width: 915px; padding: 0 40px; margin: 0 auto; }

.row { width: 915px; margin-bottom: 28px; }
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }
.col { width: 305px; float: left; padding-top: 46px; position: relative; }
.col h1, .col h2 { position: absolute; top: 0; }
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }
.width610 { width: 610px; }
.width915 { width: 915px; }

/* NAVIGATION */
#nav { position: absolute; width: 415px; top: 28px; right: 12px; z-index: 10; }
#nav ul { width: 475px; padding-left: 31px; }
#nav li { position: relative; float: left; }
#header li :link, #header li :visited { background: url(_include/img/background-navigation.gif) no-repeat; height: 15px; display: block; text-indent: -3000px; overflow: hidden; padding: 20px 0; }
#header .page-item-4 :link, #header .page-item-4 :visited { width: 64px; background-position: 0px 0px; }
#header .page-item-5 :link, #header .page-item-5 :visited { width: 66px; background-position: -64px 0px; }
#header .page-item-7 :link, #header .page-item-7 :visited { width: 83px; background-position: -130px 0px; }
#header .page-item-9 :link, #header .page-item-9 :visited { width: 99px; background-position: -213px 0px; }
#header .page-item-11 :link, #header .page-item-11 :visited { width: 73px; background-position: -312px 0px; }
#header .page-item-13 :link, #header .page-item-13 :visited { width: 73px; background-position: -385px 0px; }
#header .page-item-4 :hover, #header .page-item-4.current_page_item :link, #header .page-item-4.current_page_item :visited, #header .page-item-4.current_page_parent :link, #header .page-item-4.current_page_parent :visited { background-position: 0px -36px; }
#header .page-item-5 :hover, #header .page-item-5.current_page_item :link, #header .page-item-5.current_page_item :visited, #header .page-item-5.current_page_parent :link, #header .page-item-5.current_page_parent :visited  { background-position: -64px -36px; }
#header .page-item-7 :hover, #header .page-item-7.current_page_item :link, #header .page-item-7.current_page_item :visited, #header .page-item-7.current_page_parent :link, #header .page-item-7.current_page_parent :visited, #header .page-item-7.current_page_ancestor :link, #header .page-item-7.current_page_ancestor :visited { background-position: -130px -36px; }
#header .page-item-9 :hover, #header .page-item-9.current_page_item :link, #header .page-item-9.current_page_item :visited { background-position: -213px -36px; }
#header .page-item-11 :hover, #header .page-item-11.current_page_item :link, #header .page-item-11.current_page_item :visited, #header .page-item-11.current_page_parent :link, #header .page-item-11.current_page_parent :visited{ background-position: -312px -36px; }
#header .page-item-13 :hover, #header .page-item-13.current_page_item :link, #header .page-item-13.current_page_item :visited { background-position: -385px -36px; }
#gutter { position: absolute; width: 505px; height: 62px; top: 17px; left: 0; overflow: hidden; }
#highlight { background: url(_include/img/background-highlight.png); height: 62px; width: 124px; display: block; position: absolute; top: 0; left: 0; }

/* HOMEPAGE */
#homepage-banner { width: 911px; padding: 8px 40px 0; margin: 0 auto 40px; background: url(_include/img/background-home-banner.png) top no-repeat; height: 484px; position: relative; }
#home-img { width: 911px; height: 457px;  }
#home-rollover { width: 911px; height: 457px; background: url(_include/img/fullyillustrated-loader.gif) 50% 50% no-repeat; }
#home-nav { position: absolute; top: 465px; left: 40px; padding: 0; }
#home-nav li { float: left; margin-right: 1px; }
#home-nav :link, #home-nav :visited { width: 151px; height: 27px; overflow: hidden; text-indent: -3000px; display: block; background: url(_include/img/background-homepage-nav.gif); }
#home-nav .hn-2 :link, #home-nav .hn-2 :visited { background-position: -152px 0; }
#home-nav .hn-3 :link, #home-nav .hn-3 :visited { background-position: -304px 0; }
#home-nav .hn-4 :link, #home-nav .hn-4 :visited { background-position: -456px 0; }
#home-nav .hn-5 :link, #home-nav .hn-5 :visited { background-position: -608px 0; }
#home-nav .hn-6 :link, #home-nav .hn-6 :visited { background-position: -760px 0; }
#home-nav .hn-1 :hover, #home-nav .hn-1 .hn-active:link, #home-nav .hn-1 .hn-active:visited { background-position: 0 -28px; }
#home-nav .hn-2 :hover, #home-nav .hn-2 .hn-active:link, #home-nav .hn-2 .hn-active:visited { background-position: -152px -28px; }
#home-nav .hn-3 :hover, #home-nav .hn-3 .hn-active:link, #home-nav .hn-3 .hn-active:visited { background-position: -304px -28px; }
#home-nav .hn-4 :hover, #home-nav .hn-4 .hn-active:link, #home-nav .hn-4 .hn-active:visited { background-position: -456px -28px; }
#home-nav .hn-5 :hover, #home-nav .hn-5 .hn-active:link, #home-nav .hn-5 .hn-active:visited { background-position: -608px -28px; }
#home-nav .hn-6 :hover, #home-nav .hn-6 .hn-active:link, #home-nav .hn-6 .hn-active:visited { background-position: -760px -28px; }
#home-gutter { position: absolute; height: 52px; width: 911px; top: 300px; left: 0; left: 40px; top: 465px; }
#home-highlight { background: url(_include/img/background-home-highlight.png); width: 151px; height: 52px; display: block; position: absolute; left: 0; top: 0; }
#home-link { background: url(_include/img/background-home-link.jpg); height: 153px; width: 152px; display: block; position: absolute; top: 160px; right: 40px; }
.sneak li { float: left; margin: 0 1px 1px 0; }
.sneak li :link, .sneak li :visited { display: block; height: 60px; width: 60px; overflow: hidden; position: relative; }
.sneak li img, .late-link img, .fav-link img { position: absolute; }
.sneak li a:hover img { top: -60px; left: 0; }
.home-blog { min-height: 116px; }
.late-link, .fav-link { display: block; height: 182px; width: 304px; overflow: hidden; position: relative; margin-bottom: 12px; }
.late-link:hover img { top: -182px; left: 0px; } 
.fav-link { height: 90px; }
.fav-link:hover img { top: -90px; left: 0px; }
span.fav-link:hover img { top: 0; }

/* CONTACTPAGE */
#contact-banner { width: 855px; height: 390px; margin: 8px 0 28px; background: #000; padding: 30px 30px 60px; position: relative; border-bottom: 1px solid #181818; }
.contact-form { width: 580px; position: relative; z-index: 2; }
#contact-banner img { position: absolute; right:-70px; top:-35px; z-index: 1; }
.contactEmail { border-top: 1px solid #181818; position: relative; padding: 14px 0 8px; width: 525px; background: url(_include/img/background-click.png) no-repeat 385px 45px; }
	.contactEmail h2 { font-size: 26px; line-height: 30px; }
	.contactEmail  p { width: 330px; }
	.contactEmail a { background: url(_include/img/background-envelopes.png) no-repeat; display: block; position: absolute; right: -30px; top: 8px; height: 91px; width: 125px; text-indent: -9999px; }
		.contactNew a { background-position: 20px 0; }
			.contactNew a:hover { background-position: -110px 0; }
.contactPress { background-position: 373px -77px; }		
		.contactPress a { background-position: 19px -96px; }
			.contactPress a:hover { background-position: -110px -96px; }
		.contactHello a { background-position: 22px -184px; }
			.contactHello a:hover { background-position: -110px -184px; }
.contact-form .contactNew { border-top: none; padding-top: 20px; }

/* BLOG */

#blog-banner { background: url(_include/img/background-blog.png); width: 980px; height: 337px; margin: 0 auto 12px; position: relative; } 
#blog-banner img { width: 370px; height: 157px; display: block; position: absolute; top:172px; left: 255px; }

.width610 .post:first-child { padding-top: 0; }
.post { padding: 30px 0 20px; }
	.post-content p, .post-content ul li, .post-content p a, .side-post p, .side-post a, .side-post li { font-size: 13px; line-height: 18px; font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif; }
	.post-content p, .post-content ul li, .side-post p, .side-post li { color: #7b7b7b; }
	.post .date, .post .post-meta { font-size: 11px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; font-weight: bold; padding: 8px 0 10px; margin-bottom: 20px; }
		.post .post-meta { font-weight: normal; margin: 14px 0 0; }
			.post .post-meta a { font-weight: bold; }
			.post .post-meta span { padding-right: 5px; color: #666; }
	.post h1 { font-size: 30px; line-height: 34px; padding-bottom: 16px; }
		.post h1 :link, .post h1 :visited { color: #fff; background: transparent; }
		.post h1 :hover { display: inline-block; }

.sidebar { float: right; width: 245px; background: #0d0d0d url(_include/img/bg-sidebar.jpg) no-repeat bottom; padding: 20px 20px 215px; }
	.side-post { background: url(_include/img/background-post-small.gif) bottom left repeat-x; padding-bottom: 20px; margin-bottom: 19px; width: 227px; }
		.side-post h2, .side-post h2 a { font-size: 24px; line-height: 28px; color: #fff; }
		.side-post li { color: #0099ff; background: url(_include/img/icons.gif) no-repeat left -35px;  padding-left: 18px; margin-bottom: 2px; }
		.side-post p, .side-post a, .side-post li { font-size: 11px; line-height: 15px; padding-bottom: 0; }
			.search-post p { padding-bottom: 14px; }
		.post li { background: url(_include/img/background-post-icon.gif) no-repeat left 4px;  padding-left: 18px; margin-bottom: 2px; }
	.noPad { padding-bottom: 10px; }
	
.news-top { position: relative; width: 227px; }
	.news-open { position: absolute; top: 5px; right: 0px; width: 27px; height: 18px; text-indent: -999px; overflow: hidden; background: url(_include/img/bg-sidebar-icons.gif) no-repeat 0 -157px; }
		.news-open:hover { background-position: 0 -250px; }
	.news-is-open { background-position: 0 -203px;  }
		.news-is-open:hover { background-position: 0 -296px; }
	
.rss-icon, .twit-icon, .search-icon { background: url(_include/img/bg-sidebar-icons.gif) no-repeat; display: block; color: #fff; padding-left: 30px; }
	.rss-icon:hover, .twit-icon:hover { color: #0099FF!important; }

.rss-icon { background-position: 0 -52px; }
	.rss-icon:hover { background-position: 0 -438px; }
.twit-icon { padding-top: 4px; background-position: 0 -103px; }
	.twit-icon:hover { background-position: left -488px; }
.search-icon { padding-top: 2px; }


#news-hidden ul { padding: 0; }
.search-post label { display: none; }
.search-post div { width: 227px; height: 30px; background: #000; }
	.search-post #s { border: none; background: transparent; height: 15px; width: 167px; padding: 6px 15px 5px; color: #fff; }
	.search-post #searchsubmit { border: none; background: url(_include/img/bg-sidebar-icons.gif) no-repeat 0 -343px; text-indent: -300px; width: 25px; height: 23px; cursor: pointer; font-size: 0px; }
		.search-post #searchsubmit:hover { background-position: 0 -390px; }

#pag { width: 100%; }
	#pag p { padding: 0; }
		#pag :link, #pag :visited { font-size: 30px; line-height: 34px; color: #666; background: url(_include/img/bg-pag.gif) no-repeat 0 5px; padding-left: 25px; display: block; }
			#pag a:hover { color: #0099FF!important; background-position: 0 -40px; }
		#pag .right :link, #pag .right :visited { padding-right: 25px; background-position: right -85px; }
			#pag .right a:hover { padding-right: 25px; background-position: right -130px; }
.wp-caption-text { font-style:italic; color: #444; }

/* ABOUT */
#sub-header { background: url(_include/img/background-sub-nav.png) top no-repeat; width: 100%; height: 48px; position: relative; top: -23px; }
#sub-nav { width: 775px; margin: 0 auto;  position: relative; overflow: hidden; height:58px; z-index: 30; }
#sub-nav ul { padding: 0 20px; position: relative; z-index: 30; }
#sub-nav li { float: left; position: relative; }
#sub-nav li :link, #sub-nav li :visited { height: 15px; display: block; overflow: hidden; padding: 15px 14px 10px 12px; color: #999; font-size: 12px; font-weight: bold; background: url(_include/img/background-sub-nav-divider.gif) left no-repeat; }
#sub-nav li a:hover, #sub-nav ul .current_page_item :link, #sub-nav ul .current_page_item :visited, #sub-nav ul .current_page_parent :link, #sub-nav ul .current_page_parent :visited { color: #fff; }
#sub-highlight { background: url(_include/img/background-sub-highlight.png); display:block; height:58px; left:0; position:absolute; top:0; width:124px; }
#sub-gutter { height:58px; left:0; position:absolute; top:0; width: 730px; overflow: hidden; }
.about-page h2 { font-size: 24px; line-height: 24px; }
.about-page .col { padding-top: 35px; }
.about-page .width915 { padding-top: 46px; }
.about-page .col li { background: url(_include/img/background-ul-li.gif) left 2px no-repeat; padding: 0 0 3px 18px; }
.about-page .row-b { padding-bottom:16px; }
.about-pag { padding-top: 12px; border-top: 1px solid #181818; font-size: 24px; line-height: 24px; }
.about-pag :link, .about-pag :visited { color: #fff; }
.about-pag a:hover { color: #0099FF!important; }
.about-pag em { color: #666!important; }
.about-next { background: url(_include/img/icons.gif) no-repeat right -224px; padding-right: 20px; float: right; }
.about-previous { background: url(_include/img/icons.gif) no-repeat 0px -251px; padding-left: 20px; float: left; }
.about-page .about-col { width: 600px; padding: 45px 315px 0 0; position: relative; }
.about-col h2 { position: static; }
.about-col img { position: absolute; top: -25px; right: 30px; }
.services-page .col { min-height: 510px; position: relative; }
.services-page .favs .col { min-height: 0; }
.services-page .col .button { position: absolute; right: 0; bottom: 0; }
.award-row { margin-bottom: 0; }
.award-row .col { margin-bottom: 28px;  }
.awards-imgs img { padding-bottom: 12px; }
.awards-imgs :link, .awards-imgs :visited, .award-row :link, .award-row :visited { color: #666; }
.spec-head .col { padding-top: 0; }
.spec-head .col h2 { position: relative; }

/* PORTFOLIO */
.p-img { width: 769px; position: relative; }
.p-info { width: 124px; }
.p-info strong { display: block; }
.p-title { width: 100%; font-size: 24px; margin-top: 20px; padding-bottom: 20px; }
.p-breif { width: 305px; } 
.p-sol { width: 585px; }
.p-footer { float: left; width: 915px; border-top: 1px solid #181818; border-bottom: 1px solid #181818; padding: 11px 0 11px 0; text-align: right; margin-top: 10px; }
.p-footer :link, .p-footer :visited { background: url(_include/img/icons.gif) no-repeat 20px -276px; padding-right: 23px; -webkit-text-size-adjust: none; }
.p-info :link, .p-info :visited { color: #666; }
.profile-nav #sub-highlight { left: -0.5px; }
.profile-nav #sub-nav { width: 660px; }
.videoFront { position: relative; }
.videoBack { position: absolute; left: 0; top: 0; }

/* LANDING */
.p-col { float: left; width: 183px; overflow: hidden; }
.p-col .p-img-link { width: 182px; height: 339px; display: block; overflow: hidden; position:relative; }
.p-col .p-img-link img { position: absolute; top: 0; }
.p-col .p-img-link:hover img { left: -182px; top: 0; }
.p-col h2 { text-transform: uppercase; padding: 0; font-size: 24px; height: 24px; overflow: hidden; margin-top: 12px; position:relative; }

/* BRANDING */
.brand-info { width: 446px; }
.brand-info .right { width: 216px; }
.brand-col { float: left; width: 446px; margin-right: 20px; }
.even { margin-right: 0; }
.p-footer-pad { margin-bottom: 20px; }

/* DOWNLOAD */
.download-page h2 { font-size: 24px; line-height: 24px; }
.download-page .col { padding-top: 0; }
.download-row .col { padding-top: 40px; }
.download-page .col :link, .download-page .col :visited { color: #666; }
.download-row .col :link, .download-row .col :visited { color: #fff; }
.row-down { margin-bottom: 10px; }


/* 404 */
.error-page h1 { background: url(_include/img/ERROR-404.jpg); height: 406px; width: 911px; overflow: hidden; text-indent: -9999px; }

/* portfolio pag */
#footer-pag { position: relative; }
	.p-pag { position: absolute; top: -66px; }
		.p-pag ul { float: left; padding: 0 20px 0 0; margin-right: 14px; background: url(_include/img/pag-footer-div.gif) right no-repeat; }
			.p-pag ul li { float: left; }
				.p-pag ul li a, .p-pag ul li span { display: block; padding: 11px 0; width: 38px; text-align: center; background: url(_include/img/bg-footer-pag.gif?v=1) no-repeat -1px -34px; }
				.p-pag ul li a:hover, .p-pag ul li .current { background-position: -1px 3px; color: #fff; }
				.p-pag ul li a.prev { height: 15px; text-indent: -999px; overflow: hidden; width: 16px; background-position: -31px -83px; }
				.p-pag ul li a.prev:hover { background-position: 0 -83px; }
				.p-pag ul li a.next { height: 15px; text-indent: -999px; overflow: hidden; width: 16px; background-position: 7px -118px; }
				.p-pag ul li a.next:hover { background-position: -24px -118px; }
		.p-pag > a { display: block; float: left; padding: 11px 20px 10px 5px; margin-right: 14px; font-size: 12px; }
			.p-pag > a span { display: block; padding-left: 26px; background: url(_include/img/bg-footer-pag.gif?v=1) no-repeat; padding-top: 1px; font-size: 12px; }
		.p-pag > a:hover span { color: #fff; }
		.p-pag > a.full { background: url(_include/img/pag-footer-div.gif) right no-repeat; }
			.p-pag > a.full span { background-position: 0px -164px; }
		.p-pag > a.thumb {}
			.p-pag > a.thumb span { background-position: 0px -199px; }

/*thumbs*/

.fav-list .col { padding: 0 0 1px; }
	.fav-list .col .fav-link { margin-bottom: 0; }
	.no-link { color: #fff!important; }