/*  
Theme Name:  JCV4 
Description: Kick Ass New Design
Theme URI: http://jasoncypret.com/ 
Version: 4.0 
Author: Jason Cypret 
Author URI: http://jasoncypret.com/ 
*/

/* DEV */

#devbar {position:relative;font-family: "Trebuchet MS", sans-serif; height:85px;background:#CFCFCF;}

.live {border-left:#00CC33 40px solid; border-right:#00CC33 40px solid;color:#00CC33;}

.dev {border-left:#CC3300 40px solid; border-right:#CC3300 40px solid;color:#CC3300;}

#devbar .status {position:absolute; left:100px; top:10px;font-size: 44px;font-style: normal;font-weight: bold;text-transform: normal;letter-spacing: -2px;line-height: 1.2em;}

#devbar .switch {font-size:15px; position:absolute; top:10px; right:100px;}

#devbar .edit-page-link {font-size:15px; position:absolute; bottom:0; right:100px; color:#009933;}

/* GLOBAL */

body, html { background:#000000; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:12px; color:#666666; line-height:18px;}

a { color:#0F66A7; text-decoration:none; outline: 0;}

.container { background:#B1B3B7 url(images/repeat-back.png) repeat-x; overflow:hidden;min-width:1040px;}

.graphic-nav {background:url(images/graphic-back.png) no-repeat top center; overflow:hidden;}

.wrapper { width:1040px; margin:0 auto; margin-top:42px; background:url(images/site-bottom.png) 0 bottom no-repeat; padding-bottom:9px; margin-bottom:30px;}

.wrapper .content {background:url(images/main-background.png) repeat-y; overflow:hidden; position:relative;width:1040px;}

.sub-page-header { background:url(images/welcome-back.png) no-repeat; height:60px; width:1040px; position:relative;}

.sub-page-header h1 {color:#FFFFFF; text-transform:uppercase; font-size:35px; letter-spacing:-1px; font-weight:bold; top:15px; display:block; position:absolute; left:30px; text-shadow:0 1px 0 #000000; text-shadow:0 1px 0 #000000;}

.sub-page-header .subscribe { position:absolute; right:30px; display:block; background:url(images/subscribe.png) no-repeat; width:173px; height:0; padding-top:32px; overflow:hidden; top:12px;}

.sub-page-header .subscribe:hover {background:url(images/subscribe.png) no-repeat 0 -33px;}

/* GLOBAL ELEMENTS */

.sub-content { background:#CFCFCF; border-bottom:#BEBEBE 1px solid; border-top:#FFFFFF 1px solid; padding:30px; width:976px; margin:0 0 0 2px; overflow:hidden; position:relative;}

/*HEADER*/

.header { width:1036px; height:89px; margin:0 auto; background:#000000 url(images/headback.jpg) no-repeat top center; position:relative;}

.header .logo { display:block; width:247px; height:0; padding-top:52px; overflow:hidden; background:url(images/logo.png) no-repeat; position:absolute; top:17px; left:5px;}

.header-socials {position:absolute; top:24px; right:0px;}

.header-socials li { display:block; float:left;}

.header-socials li a { display:block; float:left; width:38px; height:0; padding-top:35px; overflow:hidden; margin-left:6px;}

.header-socials .twitter a { background:url(images/socials.png) no-repeat; }

.header-socials .twitter a:hover {background:url(images/socials.png) no-repeat 0 -40px;}

.header-socials .facebook a {background:url(images/socials.png) no-repeat -44px 0}

.header-socials .facebook a:hover {background:url(images/socials.png) no-repeat -44px -40px;}

.header-socials .linkedin a {background:url(images/socials.png) no-repeat -89px 0px;}

.header-socials .linkedin a:hover {background:url(images/socials.png) no-repeat -89px -40px;}

.header-socials .flickr a {background:url(images/socials.png) no-repeat -134px 0;}

.header-socials .flickr a:hover {background:url(images/socials.png) no-repeat -134px -40px;}

.header-socials .delicious a {background:url(images/socials.png) no-repeat -178px 0;}

.header-socials .delicious a:hover {background:url(images/socials.png) no-repeat -178px -40px;}

.header-socials .lastfm a {background:url(images/socials.png) no-repeat -222px 0;}

.header-socials .lastfm a:hover {background:url(images/socials.png) no-repeat -222px -40px;}

.header-socials .rss a {background:url(images/socials.png) no-repeat -268px 0;}

.header-socials .rss a:hover {background:url(images/socials.png) no-repeat -268px -40px;}

.header .freelance-button { background:url(images/freelance.png) no-repeat; display:block;  width:224px; height:0px; padding-top:36px; overflow:hidden; position:absolute; top:21px; right:330px;}

.header .freelance-button:hover { background:url(images/freelance.png) no-repeat 0 -37px;}

/* NAVIGATION */

.navigation { background:url(images/nav-back.png) no-repeat; width:1040px; height:57px; overflow:hidden; position:relative;}

.navigation li { display:block; float:left;}

.navigation li a {display:block; float:left; padding-top:31px; overflow:hidden; height:0px;}
 
.nav { position:relative; text-align:center; margin:10px 0 0 30px; overflow:visible;}

#highlight { float:none !important; z-index:5; background:#07A1C9; height:4px; top:34px; width:45px; position:absolute;}
 
.nav li .home { background:url(images/navigation.png) no-repeat -9px 10px; width:71px; }

.nav .active .home, .nav .home:hover {background:url(images/navigation.png) no-repeat -9px -40px;}
 
.nav li .blog {background:url(images/navigation.png) no-repeat -96px 10px; width:91px;}

.nav .active .blog, .nav .blog:hover {background:url(images/navigation.png) no-repeat -96px -40px;}

.nav li .design {width:102px; background:url(images/navigation.png) no-repeat  -189px 10px;}

.nav .active .design, .nav .design:hover {background:url(images/navigation.png) no-repeat  -189px -40px;}
 
.nav li .photo {width:102px; background:url(images/navigation.png) no-repeat -286px 10px;}

.nav .active .photo, .nav .photo:hover {background:url(images/navigation.png) no-repeat -286px -40px;}
 
.nav li .video {width:96px; background:url(images/navigation.png) no-repeat  -388px 10px;}

.nav .active .video, .nav .video:hover {background:url(images/navigation.png) no-repeat  -388px -40px;}
 
.nav li .about {width:72px; background:url(images/navigation.png) no-repeat -497px 10px;}

.nav .active .about, .nav .about:hover {background:url(images/navigation.png) no-repeat  -497px -40px;}
 
.navigation form  { background:url(images/search-box.png) no-repeat; width:250px; height:29px; position:absolute; top:15px; right:30px;}

.navigation form .search-text { border:none; background:none; display:block; float:left; height:15px; margin:1px 0 0 13px; padding:5px; width:188px; color:#666666; font-size:13px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.navigation form .search-submit { float:right; display:block; height:29px; width:35px;}

/* FOOTER */

.footer {background:url(images/footer-back.png) repeat-x; height:366px; overflow:hidden;}

.footer a {color:#87BADB;}

.footer .foot-container { width:1036px; margin:30px auto 0 auto; }

.footer .quick-foot {width:240px; float:left;}

.footer .quick-foot h6, .footer .life-foot h6, .footer .cat-foot h6, .footer .about-foot h6 { color:#FFFFFF; text-transform:uppercase; font-size:25px; letter-spacing:-1px; font-weight:normal; margin-bottom:15px; display:block;}

.footer .quick-foot ul {}

.footer .quick-foot li {display:block; margin-bottom:16px;line-height:14px;}

.footer .quick-foot li a, .footer .cat-foot li a { font-weight:bold; font-size:14px; }

.footer .life-foot {width:470px; float:left; margin-left:30px;}

.footer .life-foot ul {}

.footer .life-foot li {font-size:11px; color:#CCCCCC; display:block; padding-left:55px; line-height:13px; margin-bottom:10px; min-height:35px;}

.footer .life-foot li a, .footer .about-foot p a {font-weight:bold;}

#simplelife .date {display:none;}

.footer .life-foot .twitter {background:url(images/foot-socials.png) no-repeat;}

.footer .life-foot .facebook {background:url(images/foot-socials.png) no-repeat 0 -42px;}

.footer .life-foot .flickr {background:url(images/foot-socials.png) no-repeat 0 -84px;}

.footer .life-foot .delicious {background:url(images/foot-socials.png) no-repeat 0 -126px;}

.footer .life-foot .lastfm {background:url(images/foot-socials.png) no-repeat 0 -169px;}

.footer .life-foot .jcprovideo {background:url(images/foot-socials.png) no-repeat 0 -211px;}

.footer .life-foot .jcphoto {background:url(images/foot-socials.png) no-repeat 0 -211px;}

.footer .life-foot .blog {background:url(images/foot-socials.png) no-repeat 0 -211px;}

.footer .life-foot .digg {background:url(images/foot-socials.png) no-repeat 0 -253px;}

.footer .life-foot .raptr {background:url(images/foot-socials.png) no-repeat 0 -296px;}

.footer .life-foot .time {font-weight:normal; color:#666666;}
    
.footer .contact-foot {float:right;width:280px;}

.footer .life-foot .flickr a img {width:32px; height:32px;}

.footer .contact-foot h6 {background:url(images/phone-number.png) no-repeat;display:block; width:242px; padding-top:32px; height:0px; overflow:hidden; float:right;}

.footer .contact-foot .get-in-touch-btn {float:right;background:url(images/get-in-touch.png) no-repeat 0 0; display:block; width:175px; padding-top:48px; height:0px; overflow:hidden;margin:5px 26px 0 0;}

.footer .contact-foot .get-in-touch-btn:hover {background:url(images/get-in-touch.png) no-repeat 0 -72px;}

.footer .contact-foot .legal {float:right; margin-top:60px; display:block; width:100%; text-transform:uppercase; font-size:11px;}

.footer .cat-foot {width:240px; float:left;}

.footer .cat-foot li {display:block; float:left; width:120px;margin-bottom:11px;line-height:11px;}

.footer .cat-foot li a {display:block;float:left;}

.footer .about-foot {width:420px; float:left; margin-left:30px;}

.footer .about-foot p {line-height:20px; color:#E0E0E0;}

.footer li a:hover, .footer p a:hover {color:#C5DDED;}

/* HOMEPAGE CONTENT */

.hp-welcome {background:url(images/welcome-back.png) no-repeat; height:288px; width:1040px; position:relative;}

.hp-welcome .welcome {position:absolute; top:40px; left:30px;}

.hp-welcome .welcome h1 {background:url(images/welcome-text.png) no-repeat; width:374px; height:0; overflow:hidden; padding-top:139px;}

.hp-welcome .welcome .see-my-work {background:url(images/see-my-work.png) no-repeat 0 1px; width:224px; height:0; padding:37px 0 0 0; display:block; overflow:hidden; position:absolute; top:183px; left:0px;}

.hp-welcome .welcome .see-my-work:hover {background:url(images/see-my-work.png) 0 -37px no-repeat;}

.recent-work-slider {position:relative;	overflow:hidden; width:596px; height:258px; float:right; margin:16px 2px;}

.recent-work-slider .next {cursor:pointer; position:absolute; top:96px; right:30px; z-index:100; background:url(images/next-icon.png) no-repeat; width:58px; height:0; padding-top:58px; overflow:hidden; display:block;}

.recent-work-slider .slider {width:20000em;	position:absolute; clear:both;}

.recent-work-slider .slider li {display:block; float:left;}

.recent-work-slider .slider li a {display:block; float:left;}

.recent-work-slider .slider li a img {width:596px; height:258px; background:#FFFFFF}

.home .sub-content {padding:30px 17px; width:1002px;}

.sub-content .design-jump {background:url(images/hp-sub-nav.png) no-repeat; width:314px; height:0; padding-top:124px; overflow:hidden; display:block; float:left;}

.sub-content .video-jump {background:url(images/hp-sub-nav.png) no-repeat 0 -128px; width:314px; height:0; padding-top:124px; overflow:hidden; display:block; float:left; margin:0 0 0 29px;}

.sub-content .photo-jump {background:url(images/hp-sub-nav.png) no-repeat 0 -256px; width:314px; height:0; padding-top:124px; overflow:hidden; display:block; float:right;}

.sub-content .design-jump:hover {background:url(images/hp-sub-nav.png) no-repeat -321px 0;}

.sub-content .video-jump:hover {background:url(images/hp-sub-nav.png) no-repeat -321px -128px;}

.sub-content .photo-jump:hover {background:url(images/hp-sub-nav.png) no-repeat -321px -256px;}

.section-large { padding:30px; overflow:hidden;}

.section-no-padding { padding:0; overflow:hidden;}

.content .post-excerpt { position:relative; overflow:hidden;}

.content .post-excerpt .post-img { position:relative; overflow:hidden;}

.content .large { width:472px; float:left;height:430px;}

.content .large .post-img {width:472px; height:222px;}

.blog .content .large .post-img {height:316px;}

.content .post-excerpt .post-img img { border:#CCCCCC 5px solid;}

.content .post-excerpt .post-img .title-overlay { position:absolute; display:block; background:#000000; left:5px; bottom:5px; color:#FFFFFF; text-transform:uppercase; font-size:13px; }

.content .large .post-img .title-overlay {line-height:40px; padding:0 15px; width:432px;}

.content .post-excerpt .post-img .overlay-link {display:block; position:absolute;overflow:hidden; display:block; top:0px; left:0px;}

.content .large .post-img .overlay-link {width:472px; height:0; padding-top:316px;}

.content .medium { width:216px; float:right; margin-left:37px; height:430px;}

.quickbits .content .medium {float:left; margin-left:0; margin-right:38px;height:320px;}

.quickbits .content .forth {margin-right:0;}

.quickbits .content .post-text h2 a{ font-size:25px; font-weight:normal; line-height:30px;}

.quickbits .content .post-text h2 a:hover{color:#000000;}

.quickbits .content .post-text { background:#FFFFFF; padding:15px 20px 0; height:229px; overflow:hidden;}

.content .medium .post-img {width:216px; height:244px;}

.content .medium .post-img .title-overlay {line-height:25px; padding:10px 15px; width:176px; }

.content .medium .post-img .overlay-link {width:216px; height:0; padding-top:244px;}

.content .post-excerpt p { margin:15px 0;}

.content .post-excerpt p a, .blog .post a { font-weight:bold; border-bottom:#CCCCCC 1px dotted;}

.content .post-excerpt p a:hover, .blog .post a:hover { color:#666666; background:#EAEAEA;}

.section-footer-nav {background:url(images/two-tone-border.gif) repeat-x; display:block; height:45px; margin:0 2px; position:relative;}

.section-footer-nav .right a { background:url(images/small-arrows.png) right 2px no-repeat; padding-right:23px; display:block; position:absolute; right:30px; top:12px; line-height:15px; text-transform:uppercase; color:#666666; font-weight:bold; font-size:13px;}

.section-footer-nav .right a:hover {color:#333333; background:url(images/small-arrows.png) right -24px no-repeat;}

.section-footer-nav .left a { background:url(images/small-arrows.png) left 2px no-repeat; padding-left:23px; display:block; position:absolute; left:30px; top:12px; line-height:15px; text-transform:uppercase; color:#666666; font-weight:bold; font-size:13px;}

.section-footer-nav .left a:hover { color:#333333; background:url(images/small-arrows.png) left -24px no-repeat;}

/* BLOG HOMEPAGE */

.section-medium { padding:30px; overflow:hidden; width:822px; }

.blog-nav { width:774px;}

.home .blog-nav {width:1036px;}

.content .section-medium .large {width:472px; float:left; margin:0 36px 15px 0;height:440px; overflow:visible;}

.content .section-medium .medium {width:216px; float:left; margin:0 39px 15px 0;height:440px; overflow:visible;}

.sidebar {width:248px; position:absolute; top:0; bottom:0; right:2px;background:url(images/fade-right.png) repeat-y 0 0;}

.sidebar .ad { width:200px; height:200px; margin:30px auto 0 auto;}

.sidebar h3 {color:#999999; text-transform:uppercase; font-size:32px; letter-spacing:-1px; font-weight:bold; margin:30px 0 15px 23px; display:block;}

.sidebar ul { display:block;}

.sidebar li { display:block; padding:15px 23px;background:url(images/two-tone-border.gif) repeat-x 0 0;}

.sidebar .link a { font-weight:bold; border-bottom:1px dotted #CCCCCC;}

.sidebar .link a:hover {background:#EAEAEA;color:#666666;}

.sidebar li a img {border:5px solid #CCCCCC;}

.sidebar li a img {border:5px solid #B5B5B5;}

/* BLOG SINGLE */

.blog .post-title {background:transparent url(images/two-tone-border.gif) repeat-x 0 bottom; min-height:35px; display:block;padding:0 76px 20px; margin: 40px 2px 30px; overflow:hidden;}

.blog .post-title h1 {font-size:30px; line-height:35px;text-transform:uppercase; font-weight:normal;color:#CCCCCC; float:left; display:block; width:665px;} 

.blog .post-title h1 a { margin-right:5px;}

.blog .post-title h1 a:hover {color:#666666;}

.blog .post-title .comments { display:block; float:right;height:33px; font-size:18px; color:#666666; font-weight:bold; text-transform:uppercase; line-height:23px; }

.blog .post-title .comments:hover {color:#0F66A7;}

.blog .post-title .comments strong {float:left;display:block; background:url(images/comments-large.jpg) no-repeat; width:40px; height:33px; text-align:center;margin-right:5px;}

.blog .post-title .comments strong:hover { color:#FFFFFF; background:url(images/comments-large.jpg) no-repeat 0 -98px;}

.blog .post { padding:0 76px; margin-bottom:30px;}

.blog .post p { margin-bottom:15px;}

.blog .post img, .about-author img {border:5px solid #CCCCCC;}

.blog .post img:hover, .about-author img:hover {border:5px solid #B5B5B5;}

.blog img.centered, .blog .aligncenter, .blog .aligncenter {display: block;margin-left: auto;margin-right: auto;}

.blog img.alignright {margin:15px 0 10px 15px;display:inline;}

.blog img.alignleft {margin:15px 15px 10px 0;display:inline;}

.blog .alignright {float:right;}

.blog .alignleft {float:left;}

.blog .post .columnsdos, .blog .post .columnstres { overflow:hidden; margin-bottom:15px;}

.blog .post .column { padding:0 30px 0 0;}

.blog .post .columnsdos .last, .blog .post .columnstres .last {padding:0 !important;}

.blog .post blockquote {background:#EEEEEE; -moz-border-radius: 5px;-webkit-border-radius: 5px; border: 1px solid #EEEEEE; padding:15px 20px 0px 20px; margin:30px; font-style:italic; font-size:17px;color:#777777;line-height:22px;}
 
.blog .post .pullright {background:#F5F5F5; margin:5px 0 10px 15px;display:inline;-moz-border-radius:0px;-webkit-border-radius:0px; padding:15px 15px 0; border-left:none; border-right:none;  border-bottom:5px solid #CCCCCC; border-top:5px solid #CCCCCC; float:right;  width:300px; font-size:19px; color:#0F66A7; font-family:Georgia,Helvetica,Arial,sans-serif; line-height:25px;} 

.blog .post .pullleft {background:#F5F5F5; margin:5px 15px 10px 0;display:inline;-moz-border-radius:0px;-webkit-border-radius:0px; padding:15px 15px 0; border-left:none; border-right:none;  border-bottom:5px solid #CCCCCC; border-top:5px solid #CCCCCC; float:left; width:300px; font-size:19px; color:#0F66A7; font-family:Georgia,Helvetica,Arial,sans-serif; line-height:25px;}

.blog .post .centerquote {background:#F5F5F5; margin:5px auto 10px auto;display:inline;-moz-border-radius:0px;-webkit-border-radius:0px; padding:0; border:none; font-size:19px; font-family:Georgia,Helvetica,Arial,sans-serif; line-height:25px;color:#242F33; font-weight:bold;}

.blog .post ul { list-style:outside disc; padding:0 30px; margin-bottom:15px;}

.blog .post p strong {color:#000000;}

.blog .post h2 a, .blog .post h3 a, .blog .post h4 a, .blog .post h5 a, .blog .post h6 a {border-bottom:1px dotted #0F66A7;}

.blog .post h2 a:hover, .blog .post h3 a:hover, .blog .post h4 a:hover, .blog .post h5 a:hover, .blog .post h6 a:hover {background:#EAEAEA;}

.blog .post h2 {font-size:25px; line-height:30px;text-transform:uppercase; font-weight:normal;color:#000000; padding:30px 0 15px; clear:both; font-weight:bold;background:transparent url(images/two-tone-border.gif) repeat-x 0 bottom;}

.blog .post h2 a {color:#000000;}

.blog .post h3 {font-size:20px; line-height:25px;text-transform:uppercase; padding:20px 0 15px;color:#0F66A7; padding-bottom:5px; font-weight:normal; clear:both;font-weight:bold;}

.blog .post h3 a {color:#0F66A7;}

.blog .post h4 {font-weight:bold; color:#1A77A7; font-size:18px; text-transform:uppercase; clear:both;}

.blog .post h4 a {color:#1A77A7;}

.blog .post h5 { font-family: color:#546872; font-size:15px;clear:both;text-transform:uppercase; }

.blog .post h5 a {color:#546872;}

.blog .post h6 { text-transform:uppercase;clear:both; color:#829CA8;}

.blog .post h6 a {color:#829CA8;}

/* SUB POST */

.blog .sub-content { width:1036px; padding:15px 0;}

.blog .sub-content { font-size:14px; font-weight:bold;} 

.blog .sub-content label { float:left; display:block; width:100px; font-size:20px; text-transform:uppercase; color:#666666; font-weight:normal;}

.blog .sub-content .top {border-bottom: solid 1px #BEBEBE; overflow:hidden; padding-bottom:15px;}

.blog .sub-content .top .share { float:left; width:370px; margin-left:76px;}

.blog .sub-content .top .share .social {float:right; width:270px;}

.blog .sub-content .top .share .social li {display:block; float:left;}

.blog .sub-content .top .share .social li a {display:block; float:left; width:38px; height:0; padding-top:35px; overflow:hidden; }

.blog .sub-content .top .facebook a {background:url(images/socials.png) no-repeat -44px 0;}

.blog .sub-content .top .facebook a:hover {background:url(images/socials.png) no-repeat -44px -40px;}

.blog .sub-content .top .twitter a {background:url(images/socials.png) no-repeat;}

.blog .sub-content .top .twitter a:hover {background:url(images/socials.png) no-repeat 0 -40px;}

.blog .sub-content .top .delicious a {background:url(images/socials.png) no-repeat -178px 0;}

.blog .sub-content .top .delicious a:hover {background:url(images/socials.png) no-repeat -178px -40px;}

.blog .sub-content .top .digg a {background:url(images/socials.png) no-repeat -312px 0;}

.blog .sub-content .top .digg a:hover {background:url(images/socials.png) no-repeat -312px -40px;}

.blog .sub-content .top .stumbleupon a {background:url(images/socials.png) no-repeat -534px 0;}

.blog .sub-content .top .stumbleupon a:hover {background:url(images/socials.png) no-repeat -534px -40px;}

.blog .sub-content .top .friendfeed a {background:url(images/socials.png) no-repeat -401px 0;}

.blog .sub-content .top .friendfeed a:hover {background:url(images/socials.png) no-repeat -401px -40px;}

.blog .sub-content .top .yahoobuzz a {background:url(images/socials.png) no-repeat -446px 0;}

.blog .sub-content .top .yahoobuzz a:hover {background:url(images/socials.png) no-repeat -446px -40px;}

.blog .sub-content .top .googlebookmarks a {background:url(images/socials.png) no-repeat -489px 0;}

.blog .sub-content .top .googlebookmarks a:hover {background:url(images/socials.png) no-repeat -489px -40px;}

.blog .sub-content .top .tags {width:468px;margin-right:76px;;float:right; display:block; margin-bottom:5px;}

.blog .sub-content .top .tags .tags-cats { display:block; text-transform:uppercase }

.blog .sub-content .top .tags .tags-cats a {text-transform:none;}

.blog .sub-content .bottom {overflow:hidden;padding-top:15px; border-top: solid 1px #F0F0F0;}

.blog .sub-content .bottom .related { float:left; width:370px;margin-left:76px;}

.blog .sub-content .bottom .related ul {float:right; width:270px;}

.blog .sub-content .bottom .related li { margin-bottom:10px;}

.blog .sub-content .bottom .related li a:hover, .blog .sub-content .top .tags .tags-cats a:hover { color:#000000;}

.blog .sub-content .bottom .ad {float:right; height:60px;width:468px;margin-right:76px;bbackground:#999999;}

/* COMMNETS */

.blog .commentlist { margin:0 2px; padding:30px 0 0;}

.blog .commentlist h6{ padding:0 76px;}

.blog .commentlist h6,#respond h6 { margin-bottom:30px;color:#333333; font-size:20px; font-weight:normal; text-transform:uppercase;}

.blog .commentlist h6 span { text-align:right;margin-left:30px; color:#999999; font-size:12px; font-weight:normal; text-transform:none;}

.blog .commentlist h6 span a {font-weight:bold; border-bottom:1px dotted #CCCCCC;color:#0F66A7;}

.blog .commentlist h6 span a:hover {background:#EAEAEA; color:#666666;}

#respond h6 span { margin-left:30px; color:#999999; font-size:12px; font-weight:normal; text-transform:none;}

.blog .commentlist .comment { padding:0;}

.blog .commentlist .even {border-bottom:1px solid #F0F0F0;border-top:1px solid #F0F0F0;background:#FFFFFF}

.blog .commentlist .odd {border-bottom:1px solid #FFFFFF;border-top:1px solid #FFFFFF;background:#F5F5F5;}

.blog .commentlist .even .comment-wrap {}

.blog .commentlist .odd .comment-wrap {}

.comment-wrap {overflow:hidden; position:relative; padding:20px 76px 5px;}

.about-author { display:block;overflow:hidden; margin-right:20px; position:relative; width:800px; height:60px; background:url(images/ping.gif) no-repeat;}

.actual-comment { margin:0; overflow:hidden; padding:20px 0 0;}

.author-name {display:block;position:absolute;top:0px; left:80px; font-size:18px; font-weight:bold; color:#000000;}

.author-name a {border-bottom:1px dotted #CCCCCC; color:#0F66A7;}

.author-name a:hover {background:#EAEAEA; color:#666666;}

.date { display:block; position:absolute; top:22px;left:80px; color:#999999; font-size:14px;}

.edit-and-reply a { text-align:center; position:absolute; top:20px; right:76px; margin:0 !important; display:block; width:65px; height:22px;  line-height:21px; overflow:hidden; text-transform:uppercase; font-size:13px; background:url(images/reply-btn.png) no-repeat; color:#A5CBE4;}

.edit-and-reply a:hover {background:url(images/reply-btn.png) no-repeat 0 -23px; color:#FFFFFF;}

.depth-2, .depth-3, .depth-4, .depth-5 { padding:0 0 0 50px !important;}

#respond { padding:30px 76px; position:relative;}

#cancel-comment-reply-link{ position:absolute; top:10px; right:0px;}

#commentform { overflow:hidden; position:relative;}

#commentform .left { background:#FFFFFF;border:#E5E5E5 1px solid;color:#999999;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-size:12px;height:20px;padding:7px 5px 3px;width:97%; display:block; margin-bottom:20px;}

#commentform .floater {float:left; display:block; overflow:hidden;width:48%;}

#commentform #comment {background:#FFFFFF;border:#E5E5E5 1px solid;color:#999999;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;font-size:12px;height:165px;padding:7px 5px 3px;width:48%; display:block; float:right; margin-bottom:20px;}

#commentform .floater input:hover, #commentform .floater input:focus, #commentform #comment:hover, #commentform #comment:focus { color:#333333;}

#commentform #submit {background:url(images/lg-btn.png) no-repeat left 0;border:medium; cursor:pointer; float:left; height:29px; line-height:29px; width:170px; text-transform:uppercase;color:#A5CBE4;}

#commentform #submit:hover {background:url(images/lg-btn.png) no-repeat 0 -30px; color:#FFFFFF;}

.comment { overflow:hidden;}

.comment p, .pingback p { margin:0 0 15px 0;}

/* DESIGN */

.design .section-large {padding:30px 33px;}

.design .design-back {margin:0 auto 30px; width:944px; height:363px; background:url(images/portfolio-background.jpg) 21px 10px no-repeat; position:relative; overflow:hidden;}

.design .design-back .post-img { margin:10px 0 0 21px; width:556px; height:334px; overflow:hidden; position:relative;}

.design .design-back .slidr {}

.design .design-back .items {clear:both; position:absolute; width:20000em;}

.design .design-back .items li {display:block; float:left; position:relative; width:556px; height:334px;}

.design .design-back .post-img a {display:block; position:absolute;width:556px; height:334px; top:0; left:0; z-index:10;}

.design .design-back .cover {background:url(images/portfolio-frame.png) no-repeat;width:944px; height:363px; position:absolute; top:0; left:0;z-index:3;}

.design .design-back .skillset { position:absolute;right:32px; top:34px;  width:305px; z-index:10; }

.design .design-back .skillset h2 {display:block; font-size:30px; font-weight:normal; line-height:32px;}

.design .design-back .skillset h2 a {text-shadow: 0 1px 0px #B5B5B5; color:#26292F;}

.design .design-back .skillset ul {display:block; width:305px; margin:20px 0 0;}

.design .design-back .skillset ul li {display:block; height:30px; font-size:16px; font-weight:bold; background:url(images/check.png) no-repeat; color:#F4F4F4; text-shadow: 0 -1px 0px #373737; line-height:20px;padding-left:36px;}

.design .design-back .next {background:url(images/portfolio-arrows.png) no-repeat;position:absolute; top:100px; left:0; z-index:11; }

.design .design-back .comments {background:url(images/portfolio-comment.png) no-repeat; position:absolute; right:23px; bottom:22px; z-index:11; display:block; width:226px; height:0; padding-top:58px; overflow:hidden;}

.design .design-back .comments:hover {background:url(images/portfolio-comment.png) 0 -58px no-repeat; }

.design .sub-content {width:1036px; padding:0; border-bottom:none;}

.design .sub-content .top {border-bottom: solid 1px #BEBEBE; overflow:hidden;}

.design .sub-content .bottom {overflow:hidden;padding:15px 30px; border-top: solid 1px #F0F0F0; border-bottom:1px solid #BEBEBE;}

.design .sub-content .service-description p, .video .service-description p, .photo .service-description p { margin-bottom:15px; display:block;}

.design .sub-content .service-description p strong, .video .service-description p strong, .photo .service-description p strong { display:block; color:#333333; text-transform:uppercase;} 

.design .sub-content .top .work-together {background:url(images/hp-sub-nav.png) no-repeat -651px 0; width:314px; height:0; margin:40px 0 0 0; padding-top:124px; overflow:hidden; display:block; float:right;}

.design .sub-content .top .work-together:hover {background:url(images/hp-sub-nav.png) no-repeat -972px 0;}

/*

.design .sub-content .service-description, .video .service-description, .photo .service-description {float:left; width:620px;}

.design .formwrap, .photo .formwrap, .video .formwrap {position:relative;}

.design .formwrap h3, .photo .formwrap h3, .video .formwrap h3 { color:#333333; text-transform:uppercase; font-size:25px; letter-spacing:-1px; font-weight:normal; margin-bottom:15px; display:block;}

.design .formwrap p, .photo .formwrap p, .video .formwrap p {}

.design .formwrap .ddfm, .photo .formwrap .ddfm, .video .formwrap .ddfm {}

.design .formwrap .ddfm .fieldwrap #fm_name, .photo .formwrap .ddfm .fieldwrap #fm_name, .video .formwrap .ddfm .fieldwrap #fm_name { border:#E5E5E5 1px solid; padding:5px;color:#999999;width:230px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.design .formwrap .ddfm .fieldwrap #fm_phone, .photo .formwrap .ddfm .fieldwrap #fm_phone, .video .formwrap .ddfm .fieldwrap #fm_phone {border:#E5E5E5 1px solid; padding:5px;color:#999999;width:230px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.design .formwrap .ddfm .fieldwrap #fm_email, .photo .formwrap .ddfm .fieldwrap #fm_email, .video .formwrap .ddfm .fieldwrap #fm_email {border:#E5E5E5 1px solid; padding:5px;color:#999999;width:230px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.design .formwrap .ddfm .fieldwrap #fm_subject, .photo .formwrap .ddfm .fieldwrap #fm_subject, .video .formwrap .ddfm .fieldwrap #fm_subject {border:#E5E5E5 1px solid; padding:5px;color:#999999;width:230px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;}

.design .formwrap .ddfm .fieldwrap #fm_message, .video .formwrap .ddfm .fieldwrap #fm_message, .photo .formwrap .ddfm .fieldwrap #fm_message {border:#E5E5E5 1px solid; padding:5px;color:#999999; position:absolute; top:32px; right:0px;width:600px; height:120px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:11px;}

.design .formwrap .ddfm .submit, .video .formwrap .ddfm .submit, .photo .formwrap .ddfm .submit {}

.design .formwrap .ddfm .submit input, .video .formwrap .ddfm .submit input, .photo .formwrap .ddfm .submit input {background:url(temp-images/send-email.png) no-repeat;border:none;color:#000000;cursor:pointer;font-size:1px;height:29px;width:170px;}

.design .formwrap .ddfm .submit input:hover, .video .formwrap .ddfm .submit input:hover, .photo .formwrap .ddfm .submit input:hover {background:url(temp-images/send-email.png) 0 -30px no-repeat; }

.sub-content .video-jump {background:url(images/hp-sub-nav.png) no-repeat 0 -128px; width:314px; height:0; padding-top:124px; overflow:hidden; display:block; float:left; margin:0 0 0 29px;}

.sub-content .photo-jump {background:url(images/hp-sub-nav.png) no-repeat 0 -256px; width:314px; height:0; padding-top:124px; overflow:hidden; display:block; float:right;}

.sub-content .video-jump:hover {background:url(images/hp-sub-nav.png) no-repeat -321px -128px;}

.sub-content .photo-jump:hover {background:url(images/hp-sub-nav.png) no-repeat -321px -256px;}

.video .top .work-together, .photo .top .work-together {background:url(images/hp-sub-nav.png) no-repeat -651px -128px; width:314px; height:0; margin:40px 0 0 0; padding-top:124px; overflow:hidden; display:block; float:right;}

.video .top .work-together:hover, .photo .top .work-together:hover {background:url(images/hp-sub-nav.png) no-repeat -972px -128px;}

.video .bottom, .photo .bottom {overflow:hidden;padding:15px 0;width:100%;}

*/


/* VIDEO */

.video .section-large { padding:0 !important;}

.video-showcase {width:1036px; height:425px; background:url(images/video-back.png) no-repeat; margin-left:2px; overflow:hidden;}

.video-showcase .video-ajax .vid-port {width:720px; height:400px; margin:12px auto 0;}

.list-slidr {height:106px; overflow:visible; position:relative; width:924px; margin:0 auto}

.video-list {clear:both; position:absolute; width:20000em;}

.video-list li {display:block; float:left; position:relative;width:176px; height:106px; margin:0 5px;}

.video-list li a {display:block; position:absolute; background:url(images/video-thumb-wrap.png) no-repeat; width:176px; height:106px; top:0; left:0;}

.video-list li a:hover {background:url(images/video-thumb-wrap.png) 0 -116px no-repeat;}

.video-list li img {margin:10px 0 0 10px; display:block;}

.list-slidr .prev {cursor:pointer; background:url(images/sm-arrows.png) no-repeat 0 -5px; display:block; width:79px; height:0; overflow:hidden; padding-top:176px; position:absolute; left:-56px; top:-30px;}

.list-slidr .next {cursor:pointer; background:url(images/sm-arrows.png) no-repeat -122px -5px; display:block; width:79px; height:0; overflow:hidden; padding-top:176px; position:absolute; right:-56px; top:-30px;}

.list-slidr .prev:hover {background:url(images/sm-arrows.png) no-repeat 0 -181px;}

.list-slidr .next:hover {background:url(images/sm-arrows.png) no-repeat -122px -181px;}

.tool-tip {z-index:2000; display:block; height:71px;background:url(images/tool-tip.png) no-repeat right -67px; position:absolute; float:left; padding-right:26px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.tool-tip span {display:block; height:71px; background:url(images/tool-tip.png) no-repeat; color:#FFFFFF; line-height:69px; padding:0 6px 0 31px; text-transform:uppercase;}

/* PHOTO */

.photo .content { overflow:visible;}

.photo .gallery-large {margin-left:2px; overflow:visible; width:1036px; position:relative;}

.photo .gallery-large .gallery-large-img {width:1036px; height:auto; }

.photo .gallery-large .loader { background:#000000 url(images/logo.png) no-repeat 400px 270px; overflow:hidden; height:738px;}

.photo .gallery-large .comments {background:transparent url(images/portfolio-comment.png) no-repeat 0 0;bottom:0px;display:block;height:0;overflow:hidden;padding-top:58px;position:absolute;right:0px;width:226px;z-index:11;}

.photo .gallery-large .comments:hover {background:transparent url(images/portfolio-comment.png) no-repeat scroll 0 -58px;}

.photo .gallery-large .nextone {display:block; position:absolute; top:240px; right:-87px; background:url(images/photo-large-arrows.png) no-repeat scroll -157px 50px; width:112px; height:0; padding-top:202px; overflow:hidden;}

.photo .gallery-large .previous {display:block; position:absolute; top:240px; left:-87px; background:url(images/photo-large-arrows.png) no-repeat scroll 0 50px; width:112px; height:0; padding-top:202px; overflow:hidden;}

.photo .gallery-large .nextone:hover {background:url(images/photo-large-arrows.png) no-repeat scroll -157px -113px;}

.photo .gallery-large .previous:hover {background:url(images/photo-large-arrows.png) no-repeat scroll 0 -113px;}

.photo .galery-navi { width:1036px; margin:0 0 0 2px;}

.photo .galery-navi .curtan-back {background:url(images/photos-navi-back.png) no-repeat; overflow:hidden; position: relative; top:0px; width:1036px;}

.photo .galery-navi .curtan { height:65px; overflow:hidden; position:relative; width:994px; margin:7px auto 0 auto;}

.photo .galery-navi .items {clear:both; position:absolute; width:20000em;}

.photo .galery-navi .items li { display:block; float:left; position:relative;width:59px; height:67px; margin:0 6px;}

.photo .galery-navi .items li a {display:block; position:absolute; background:url(images/phto-thumb-wrap.png) no-repeat 0 -82px; width:59px; height:67px; top:0; left:0;}

.photo .galery-navi .items li a:hover, .photo .galery-navi .items li a.active {background:url(images/phto-thumb-wrap.png) no-repeat 0 -13px;}

.photo .galery-navi .items li img {margin:5px 0 0 7px; display:block;}

.photo .galery-navi .thePrevPage {cursor:pointer; background:url(images/sm-photo-arrows.png) no-repeat 0 0; display:block; width:10px; height:0; overflow:hidden; padding-top:18px; position:absolute; top:28px; z-index:1000; left:9px;}

.photo .galery-navi .theNextPage {cursor:pointer; background:url(images/sm-photo-arrows.png) no-repeat -35px 0; display:block; width:10px; height:0; overflow:hidden; padding-top:18px; position:absolute; top:28px;z-index:1000; right:9px;}

.photo .galery-navi .prevPage:hover {background:url(images/sm-photo-arrows.png) no-repeat 0 -32px; }

.photo .galery-navi .nextPage:hover {background:url(images/sm-photo-arrows.png) no-repeat -35px -32px;}

.photo .top .work-together { margin:0;}

.photo .section-large {background:url(images/large-photo-background.png) no-repeat 2px 0;}

/* ABOUT */

.about-header {position:relative; margin-left:2px; height:319px; width:1036px;}

.about-header img {}

.about-header h2 {color:#1192BB; font-weight:normal; font-size:33px; display:block; position:absolute; top:185px; left:40px;}

.about-header p {color:#999999; ffont-size:15px; display:block; position:absolute; top:215px; left:40px;}

.about-left {float:left; margin:30px 0 30px 30px; display:inline; width:575px;}

.about-left p { margin-bottom:15px;}

.about-left p a {}

.about-left p a:hover {}

.about-contact {float:right; margin:30px 30px 30px 0; display:inline; width:360px;}

.about-contact .formwrap {}

.about-contact h3 {}

.formwrap h3 {color:#333333; text-transform:uppercase; font-size:20px; letter-spacing:-1px; font-weight:normal; margin-bottom:15px; display:block;}

.formwrap h3 span {font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:13px; color:#999999; text-transform: lowercase;}

.formwrap .fieldwrap { overflow:hidden; margin-bottom:15px;}

.formwrap .fieldwrap label { float:left; display:block;}

.fmradio label {float:none !important; display:inline !important;}

.formwrap .fieldwrap .fmradio {display:block; float:right; width:293px;} 

.formwrap .ddfm {}

.formwrap .ddfm .fieldwrap #fm_name, .formwrap .ddfm .fieldwrap #fm_phone, .formwrap .ddfm .fieldwrap #fm_email, .formwrap .ddfm .fieldwrap #fm_subject { padding:5px;color:#999999;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;background-color:#FFFFFF;border:#E5E5E5 1px solid; width:280px; float:right; font-size:11px;}

.formwrap .ddfm .fieldwrap #fm_message {padding:5px;color:#999999; height:120px;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:11px;width:280px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;background-color:#FFFFFF;border:#E5E5E5 1px solid; float:right;font-size:11px;}

.formwrap .ddfm .submit {}

.formwrap .ddfm .submit input {background:url(temp-images/send-email.png) no-repeat;border:none;color:#000000;cursor:pointer;font-size:1px;height:29px;width:170px;}

.formwrap .ddfm .submit input:hover {background:url(temp-images/send-email.png) 0 -30px no-repeat;}

.verify-wrap label { height:24px; line-height:24px;}

.ddfmerrors {font-weight:bold; color:#000000;}

.errorlist { color:#CC0000; overflow:hidden; margin-bottom:15px;}

.fmverify {padding:5px;color:#999999;font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;background-color:#FFFFFF;border:#E5E5E5 1px solid; width:223px; float:right; font-size:11px;}

.success { text-align:center; color:#009900; font-weight:bold;}

/* FANCY BOX */

div#fancy_overlay {	position: fixed;	top: 0;	left: 0;	width: 100%;	height: 100%;	display: none;	z-index: 30;}

div#fancy_loading {	position: absolute;	height: 40px;	width: 40px;	cursor: pointer;	display: none;	overflow: hidden;	background: transparent;	z-index: 100;}

div#fancy_loading div {	position: absolute;	top: 0;	left: 0;	width: 40px;	height: 480px;	background: transparent url('images/fancy_progress.png') no-repeat;}

div#fancy_outer {position: absolute;    top: 0;    left: 0;    z-index: 90;    padding: 20px 20px 40px 20px;   margin: 0;    background: transparent;    display: none;}

div#fancy_inner {	position: relative;	width:100%;	height:100%;	background: #FFF;}

div#fancy_content {	margin: 0;	z-index: 100;	position: absolute;}

div#fancy_div {	background: #000;	color: #FFF;	height: 100%;	width: 100%;	z-index: 100;}

img#fancy_img {	position: absolute;	top: 0;	left: 0;	border:0; 	padding: 0; 	margin: 0;	z-index: 100;	width: 100%;	height: 100%;}

div#fancy_close {	position: absolute;	top: -12px;	right: -15px;	height: 30px;	width: 30px;	background: url('images/fancy_closebox.png') top left no-repeat;	cursor: pointer;	z-index: 181;	display: none;}

#fancy_frame {	position: relative;	width: 100%;	height: 100%;	display: none;}

#fancy_ajax {	width: 100%;	height: 100%;	overflow: auto;}

a#fancy_left, a#fancy_right {	position: absolute; 	bottom: 0px; 	height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url("data:image/gif;base64,AAAA");outline: none;overflow: hidden;}

a#fancy_left {left: 0px; }

a#fancy_right {right: 0px; }

span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}

span#fancy_left_ico {left: -9999px;background: transparent url('images/fancy_left.png') no-repeat;}

span#fancy_right_ico {right: -9999px;background: transparent url('images/fancy_right.png') no-repeat;

}a#fancy_left:hover, a#fancy_right:hover {visibility: visible;background-color: transparent;}

a#fancy_left:hover span {left: 20px; }

a#fancy_right:hover span {right: 20px; }

#fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}

div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}

div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}

div#fancy_bg_n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url('images/fancy_shadow_n.png') repeat-x;}

div#fancy_bg_ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_ne.png') no-repeat;}

div#fancy_bg_e {right: -20px;height: 100%;width: 20px;background: transparent url('images/fancy_shadow_e.png') repeat-y;}

div#fancy_bg_se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_se.png') no-repeat;}

div#fancy_bg_s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url('images/fancy_shadow_s.png') repeat-x;}

div#fancy_bg_sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_sw.png') no-repeat;}

div#fancy_bg_w {left: -20px;height: 100%;width: 20px;background: transparent url('images/fancy_shadow_w.png') repeat-y;}

div#fancy_bg_nw {top: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_nw.png') no-repeat;}

div#fancy_title {position: absolute;z-index: 100;display: none;}

div#fancy_title div {color: #FFF;font: bold 12px Arial;padding-bottom: 3px;white-space: nowrap;}

div#fancy_title table {margin: 0 auto;}

div#fancy_title table td {padding: 0;vertical-align: middle;}

td#fancy_title_left {height: 32px;width: 15px;background: transparent url('images/fancy_title_left.png') repeat-x;}

td#fancy_title_main {height: 32px;background: transparent url('images/fancy_title_main.png') repeat-x;}

td#fancy_title_right {height: 32px;width: 15px;background: transparent url('images/fancy_title_right.png') repeat-x;}