/*
Theme Name: Jana Graham
Version: 1.0
Author: Webgrain
*/

body { background: #dfe1e1 url(images/bg.png) scroll no-repeat center 0; color: #808285; font-family: Century Gothic, Arial; font-size: 11px; margin: 0; padding: 0; text-align: center; }

/**************************** Header ****************************/
#banner_overlay { position: absolute; right: 40px; top: 0; }
#banner_slide { position: absolute; right: 60px; top: 0; }
#banner_slide .hide { display: none; }
#banner_slide img { position: absolute; right: 0; top: 0; }

#header { height: 160px; margin: 0; padding: 0; width: 960px; }
#header a { outline: none; }
#logo { height: 151px; left: 0; position: absolute; top: 20px; width: 240px;}
/**************************** Header ****************************/


/**************************** Content ****************************/
#content { color: #4d4d4f; font-size: 14px; text-align: left; margin: 0; padding: 30px 0; width: 940px; }
#content a { color: #5c8727; }
.page_title { margin: 20px 0 10px; }

#address { position: absolute; top: 60px; right: 10px; text-align: right; }

.wordstreet table td { padding-bottom: 15px !important; }

/* NILMDTS */
.nilmdts { padding: 25px 0 0; text-align: center; width: 288px; }
.nilmdts p { font-size: 12px; padding: 15px 10px 0; width: 268px; }
.nilmdts a { color: #4d4d4f; }


/* CLIENT LIST */
.client_list li { font-size: 16px; }


/* STORY PAGE */
.story_block { border-bottom: 2px dotted #CCC; clear: both; margin-bottom: 30px; padding-bottom: 30px; height: 266px; }
.story_video { float: left; margin-right: 20px; }
.story_title { color: #5c8727; font-size: 24px; font-weight: bold; line-height: 24px; text-transform: uppercase; }
.story_date { font-style: italic; font-weight: bold; margin-bottom: 20px; }


/* COMMENTS */
.fright { float: right; }
.commentlist .comment { border-bottom: 2px dotted #CCC; padding-bottom: 10px; margin-bottom: 15px; }
.commentlist .comment p { margin-bottom: 5px; }
.commentlist .comment .comment-author { font-size: 15px; font-weight: bold; }
.commentlist .comment .commentmetadata { font-size: 12px; font-style: italic; margin: 5px 0; }
.commentlist .comment .comment-reply-link { font-size: 12px; font-style: italic; margin-bottom: 5px; }
#commentform p { margin-bottom: 10px; }


#home_wrap { height: 474px; position: relative; }
#swoosh_top { left: 10px; position: absolute; top: 25px; z-index: 1; }
#swoosh_bottom { bottom: 15px; position: absolute; right: -15px; z-index: 1; }
#video_overlay { background: transparent url(images/home_video_overlay.png) scroll no-repeat 0 0; cursor: pointer; display: none; height: 442px; left: 0; position: absolute; top: 30px; width: 769px; z-index: 6; }
#portfolio_overlay { background: transparent url(images/home_portfolio_overlay.png) scroll no-repeat 0 0; cursor: pointer; height: 444px; left: 190px; position: absolute; top: 0; width: 769px; z-index: 6; }


/* VIDEO: HOME */
#video.top { z-index: 8; }
#video { background: transparent url(images/home_video.png) scroll no-repeat 0 0; height: 442px; left: 0; position: absolute; top: 30px; width: 769px; z-index: 5; }
#video_obj { background-color: #000; height: 266px; left: 55px; overflow: hidden; position: absolute; top: 60px; width: 415px; z-index: 10; }
#video_obj_bg { background-color: #000; height: 266px; left: 55px; overflow: hidden; position: absolute; top: 60px; width: 415px; z-index: 5;}
#video_obj div { left: 0; position: absolute; top: 0; z-index: 20; }
#video_list { left: 523px; line-height: 16px; position: absolute; top: 95px; }
#video_list img { cursor: pointer; }
.vid { margin: 0 0 10px 0; }
.vid_title { color: #5c8727; font-weight: bold; }
.vid_date { color: #77787b; font-size: 12px; font-style: italic; }


/* PORTFOLIO: HOME */
#portfolio.top { z-index: 8; }
#portfolio { background: transparent url(images/home_portfolio.png) scroll no-repeat 0 0; height: 444px; left: 190px; position: absolute; top: 0; width: 769px; z-index: 5; }
#portfolio_obj { height: 342px; width: 502px; left: 50px; position: absolute; top: 25px; }
#portfolio_obj .ngg-galleryoverview { height: 292px; overflow: hidden; width: 452px; }
#portfolio_obj img { display: none; height: 318px; left: 25px; position: absolute; top: 25px; width: 435px; }
#portfolio_obj img.active { display: block; }
#portfolio_list { left: 577px; line-height: 20px; position: absolute; top: 95px; width: 160px; }
#portfolio_list li { list-style: none; font-size: 18px; padding: 0 0 15px; margin:0; }
#portfolio_left { bottom: 30px; cursor: pointer; height: 35px; left: 48px; position: absolute; width: 22px; }
#portfolio_right { bottom: 30px; cursor: pointer; height: 35px; left: 86px; position: absolute; width: 22px; }


/* BLOG: HOME */
#home_blog { margin: 10px 0; }
.blog_img { background: transparent url(images/blog_pic.png) scroll no-repeat 0 0; float: left; height: 306px; position: relative; width: 350px; }
.blog_img .blog_img_clip { height: 246px; left: 26px; overflow: hidden; position: absolute; top: 26px; width: 264px; }
.blog_img .blog_img_clip img { height: 264px; }
.blog_copy_wrap { float: left; width: 580px; }
.blog_myblog { padding-top: 10px; }
.blog_title { color: #5c8727; font-size: 24px; font-weight: bold; line-height: 24px; padding-top: 10px; text-transform: uppercase; }
.blog_date { font-style: italic; font-weight: bold; margin-bottom: 20px; }


/* BLOG */
#blog_wrap { margin: 0 0 10px 0; }
#blog_wrap .indv_blog_wrap { border-bottom: 2px dotted #CCC; height: 330px; margin: 10px 0; }
#blog_wrap .home_blog_wrap { border-bottom: 2px dotted #CCC; margin: 20px 0; padding: 0 0 20px 0; }
#blog_wrap .blog_img { background: transparent url(images/blog_pic.png) scroll no-repeat 0 0; float: left; height: 306px; position: relative; width: 350px; }
#blog_wrap .blog_img .blog_img_clip { height: 246px; left: 26px; overflow: hidden; position: absolute; top: 26px; width: 264px; }
#blog_wrap .blog_img .blog_img_clip img { height: 264px; }
#blog_wrap .blog_copy_wrap { float: left; width: 430px; }
#blog_wrap .blog_myblog { padding-top: 10px; }
#blog_wrap .blog_title { color: #5c8727; font-size: 24px; font-weight: bold; line-height: 24px; padding-top: 10px; text-transform: uppercase; }
#blog_wrap .blog_date { font-style: italic; font-weight: bold; margin-bottom: 20px; }


/* BLOG ARCHIVE */
.smrt_arch { float: left; margin: 0 20px; padding-right: 20px; }
.smrt_arch h4 { margin: 0 0 5px; }
.smrt_arch li { list-style: none; margin: 0 0 0 10px; padding: 0; }
.smrt_arch li a { padding: 0 3px; }
.smrt_arch li strong a { padding: 0; }
.smrt_arch li .empty-month { padding: 0 3px; }

/* BLOG CATEGORY */
.smrt_cats { float: left; }
.smrt_cats h4 { margin: 0 0 5px; }
.smrt_cats ul { padding: 0; margin: 0; }
.smrt_cats li { list-style: none; padding: 0; margin: 0 0 0 10px; }


/* SINGLE BLOG VIEW */
.bd_blog_title { color: #5c8727; font-size: 24px; font-weight: bold; line-height: 24px; padding-top: 10px; margin: 0; text-transform: uppercase; }
.bd_blog_date { font-style: italic; font-weight: bold; margin-bottom: 15px; }
hr.blog_sep { border: none; border-bottom: 2px dotted #CCC; padding: 25px 0 0 0; margin: 0 0 25px 0; }
/**************************** Content ****************************/



/**************************** Footer ****************************/
#footer { background-color: #006a72; color: #FFF; font-size: 15px; line-height: 40px; height: 40px; margin: 0; padding: 10px 0; width: 100%; }
#footer a { color: #FFF; }
#footer a:hover { color: #e5a4e6; text-decoration: none; }
#footer img { margin: 0 15px; }
#footer span { margin: 0 0 0 20px; }
#footer span img { margin: 0 1px; vertical-align: middle; }
/**************************** Footer ****************************/


/* CONTACT FORM */
.wpcf7-form { width: 400px; }
.wpcf7-form p { margin-bottom: 10px; }
.wpcf7-form table { margin-bottom: 10px; }
.wpcf7-form p input[type=text] { font-family: Century Gothic, Arial; font-size: 13px; width: 360px; }
.wpcf7-form .td_city input { margin-right: 10px; width: 200px; height: 17px; font-size: 13px; }
.wpcf7-form .td_state input { margin-right: 10px; width: 64px; height: 17px; font-size: 13px; }
.wpcf7-form .td_zip input { width: 64px; height: 17px; font-size: 13px; }
.wpcf7-form textarea { font-family: Century Gothic, Arial; font-size: 13px; height: 100px; width: 360px; }
.wpcf7-form p input[type=submit] { background: #006A72 url(images/submit.png) scroll no-repeat center center; border: none; cursor: pointer; height: 35px; margin: 10px 0 0; text-indent: -1000px; width: 100px; }
.wpcf7-form p input[type=submit]:hover { background-color: #701471; }
.wpcf7-form .wpcf7-list-item { display: block; }


/* GALLERY */
.ngg-galleryoverview { overflow: visible; }
.galleria-container { background-color: transparent !important; height: 770px !important; }
.galleria-stage { bottom: 70px; height: 630px; width: 920px; top: 0; overflow: visible !important; }

.galleria-stage .galleria-image { height: 696px !important; padding-top: 0px; }
.galleria-stage .galleria-image img { height: 696px !important; margin: 0 auto; top: 0 !important; width: auto !important; }

.galleria-image-nav-left { margin-left: -20px; }
.galleria-image-nav-right { margin-right: -20px; }

.galleria-thumbnails-container { height: 80px; }
.galleria-thumbnails .galleria-image { background: transparent; border: 5px solid #FFF !important; height: 36px !important; margin: 5px 10px; width: 52px !important; }
.galleria-thumbnails .galleria-image img { height: 80px !important; left: -30px !important; padding: 0px; top: -30px !important; width: 112px !important; }

.galleria-thumb-nav-left { margin-top: 10px; }
.galleria-thumb-nav-left:hover { background-color: transparent !important; }
.galleria-thumb-nav-right { margin-top: 10px; }
.galleria-thumb-nav-right:hover { background-color: transparent !important; }

.galleria-loader { left: 450px; top: 350px; }

.mejs-container { margin: 0 auto; }
.mejs-container .mejs-controls { background: #701471 !important; }

.galleria-info-link { background-color: #006A72; color: #FFF; }
.galleria-info { width: 200px; }
.galleria-info-title { margin: 0; }
.galleria-info-text { background-color: #006A72; color: #FFF; }

/*CLIENT FIX */
.client_gallery .galleria-stage .galleria-image img { height: 600px !important; }
.client_gallery .galleria-container { height: 700px !important; }

.galleria-errors { display: none !important; }