/*  =====
Theme Name: CaptionLabs
Author: WPCoder.com
===== */

/*  ===== Reset & Common  ===== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body { padding:0 0 20px; background:#fbf6ed; color:#414141; font:normal 12px/20px 'LucidaGrande', Helvetica, Arial, sans-serif; }

input, textarea, select, option { font:normal 12px arial, sans-serif; }

a, a:active, a:visited { color:#4f9b00; text-decoration:none; }
a:hover { text-decoration:underline; }

.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; }

.mid { width:940px; margin:0 auto; }

/*  ===== Structure ===== */ 

#container { background: #fbf6ed url(images/bg_container2.jpg) center 74px no-repeat; z-index: 0; }

/*  ===== Top Logo, Navigation, Sub Navigation  ===== */

#top { height:150px; }
#top .in { background:url(images/bg_top.jpg) center bottom no-repeat; }
#top .mid { height:74px; position:relative; }
#top h1 { float:left; z-index: 2; height: 74px; display: block; }
#top h1 a { position:absolute; left:27px; bottom:-10px; width:342px; height:74px; background:url(images/logo.png) left top no-repeat; cursor:pointer; text-indent:-9999px; }

#menu { position:absolute; right:0; bottom:0; width:555px; height:74px; }
#nav { position:absolute; right:0; bottom:5px; }
#nav li { float:left; display:inline; position:relative; margin:0 8px 0 0; height:20px; width:130px; }
#nav li { font:normal 15px/20px 'Arial Black', arial, sans-serif; color:#fff; text-transform:uppercase; }
#nav p { display:none; position:absolute; left:0; top:-104px; width:100%; height:103px; background:url(images/bg_nav.png) left top repeat-x; }
#nav ul li { float:none; display:block; clear:both; height:auto; margin:0; padding:0 4px; word-spacing:-1px; width:auto; }
#nav p ul { position:absolute; left:0; bottom:4px; }
#nav ul a { display:block; font:11px/15px 'LucidaGrande', arial, sans-serif; text-transform:capitalize; }
#nav a:hover, #four_blocks a.action_block:hover { text-decoration:none; }
#nav li li a { color: #79a3ac; }
#nav li li a:hover { color: #fff; }


/*  ===== Main  ===== */

#main { float:left; display:inline; width:675px; }
#main h2 { font:bold 34px/40px 'Helvetica', arial, sans-serif; color:#007a95; padding:0 0 5px; margin:0 0 3px; }
#main h2 a { color:#007a95; }
#main h3 { font:bold 24px/30px 'LucidaGrande', arial, sans-serif; color:#656361; padding:0 0 15px; }
#main h3 a { color:#656361; }

#flash_banner { width:484px; height:294px; margin:15px auto 0; }

#cycle { width:695px; height:308px; position:relative; padding-left:15px; }
#cycle .slide { width:680px; height:308px; top:0; left:0; }
#cycle #prev-slide { display:block; position:absolute; left:0; top:150px; cursor:pointer; }
#cycle #next-slide { display:block; position:absolute; right:0; top:150px; cursor:pointer; }

/*  ===== Blog Posts  ===== */

#main h2.post_title { border-bottom:2px dashed #d4d3ce; }

.post { height:100%; overflow:hidden; padding:0 0 30px; }
.post .read_more { font-weight:bold; float:right; display:inline; margin:-30px 0 0; font-size:14px; }
.post .read_more a span { font-size:20px; vertical-align:-1px; margin:0 0 0 5px; }

.post_meta { height:50px; padding:5px 0 0; color:#828282; font-size:13px; }
.post_meta a { color:#434343; }

.p_m_excerpt { height:25px; }

.post img { padding:3px; border:1px solid #b4b5ad; background:#fff; }
.post img.wp-smiley, .commentlist img.wp-smiley { padding:0; border:0; background:none; vertical-align:middle; }
.post img.alignleft { float:left; display:inline; margin:5px 8px 5px 0; }
.post img.alignright { float:right; display:inline; margin:5px 0 5px 8px; }
.post img.aligncenter { display:block; margin:5px auto 10px; text-align:center; clear:both; }
.post p { padding:0 0 15px; }
.post ul { padding:0 0 15px 20px; }
.post li { background:url(images/arrow1.png) left 5px no-repeat; padding:0 0 0 18px; } 

/*  ===== Post Comments ===== */

#comment_area { border:1px solid #bdb8ab; background:#fff; width:641px; padding:10px 16px 15px; }

#main #comment_area h3 { font:bold 31px/32px 'Helvetica', 'Arial Black', arial, sans-serif; color:#9e9e9e; padding:0; text-transform:uppercase; }

.commentlist { padding:15px 0 25px; }
.commentlist li.comment { margin:0 0 15px; height:100%; overflow:hidden; }
.commentlist .gravatar_img { float:left; width:80px; }
.commentlist .comment_text { float:right; display:inline; width:520px; margin:3px 0 0; padding:7px 12px 0; border:1px solid #d1cec0; background:#fbf6ed; position:relative; }
.commentlist .comment_text .comment_corner { position:absolute; left:-15px; top:25px; }
.commentlist .comment_text p { padding:0 0 10px; }

.com_meta { height:25px; margin:0 0 5px; border-bottom:1px dashed #cdc7c0; }
.com_meta .left { font:normal 18px/22px 'Hevletica', 'Arial Black', arial, sans-serif; color:#9e9e9e; }
.com_meta .left a { color:#9e9e9e; }
.com_meta .left em { font:bold 11px arial, sans-serif; font-style:normal; }
.com_meta .right { padding:6px 0 0; font:normal 11px 'Hevletica', arial, sans-serif; color:#a8a59f; }
.com_meta .right a span { text-transform:uppercase; }
.com_meta .right a { color:#a8a59f; }

#commentform { height:100%; overflow:hidden; border:1px solid #d1cec0; background:#fbf6ed; width:619px; margin:10px 0 0; padding:0 10px 15px; }
#commentform .left { width:215px; }
#commentform .left strong, #commentform .right strong { display:block; padding:3px 0; }
#commentform .left input { displayblock; width:200px; margin:0 0 5px; padding:6px 7px 0; height:22px; background:url(images/input.png) left top no-repeat; border:0; font-size:14px; }
#commentform .left p { padding:3px 0 154px; font-weight:bold; }
#commentform .right { width:370px; }
#commentform textarea { border:0; width:350px; height:164px; padding:7px 8px; background:url(images/textarea.png) left top no-repeat; font-size:14px; }
#commentform #submit { width:65px; height:22px; background:url(images/submit.png) left top no-repeat; border:0; cursor:pointer; margin:7px 0 0; }

/*  ===== Single Pages  ===== */

#main h2.page_title { background: url(images/border.jpg) left bottom repeat-x; font:bold 43px/45px 'Arial Black', Arial, sans-serif; color:#007a95; padding:0 0 10px 0; margin:0 0 5px; text-transform:uppercase; letter-spacing: -2px; height:100%; }

.subtitle { font:normal 34px/38px 'Helvetica', arial, sans-serif; color:#71b629; padding:0 0 10px 0; margin:0 0 15px; background: url(images/border.jpg) left bottom repeat-x; height:100%; }

.pullquote { border:1px solid #e8e5dc; background:#fcf9f2; float:right; display:inline; margin:0 0 3px 10px; width:230px; padding:8px 8px 8px 15px; font:bold 23px/26px 'Helvetica Bold', arial, sans-serif; color:#94928f; }
.pullquote span, .pullquote a { color:#71b629; }

/*  ===== Sidebar ===== */

#sidebar { float:right; display:inline; width:205px; }
#sidebar h2 { font:bold 14px/16px 'Arial Black', arial, sans-serif; color:#007991; text-transform:uppercase; }
#sidebar h2 a { color:#007991; }

.project_quote { display:block; height:45px; padding:0 0 0 47px; margin:0 0 7px; background:url(images/project_quote1.png) left top no-repeat; cursor:pointer; text-indent: -9999px; }

#widgetized1 { }
#widgetized1 .theLabBlog { }
#widgetized1 a, #widgetized2 a { color:#007991; }
#widgetized1 .theLabBlog h2 { background:url(images/rss_h21.png) left top no-repeat; height:27px; padding:13px 0 0 41px; }
#widgetized1 .theLabBlog ul { background:url(images/rss_ul.png) left top repeat-y; height:100%; line-height:15px; padding:0 9px; }
#widgetized1 .theLabBlog ul li { padding:0 0 5px; }
#widgetized1 .theLabBlog ul li a { font-weight:bold; display:block; height:15px; overflow:hidden; }
#widgetized1 .theLabBlog li span.rss-date { display:block; font-size:11px; color:#7b7b7b; }
#widgetized1 .follow { background:url(images/round_bg.png) left bottom no-repeat; padding:0 0 11px; }
#widgetized1 .follow .in { background:url(images/rss_ul.png) left top repeat-y; height:100%; overflow:hidden; padding:15px 9px 0; }
#widgetized1 .follow h2 { float:left; padding:0 5px 0 0; }

a.facebook_link, a.youtube_link, a.rss_link { float:left; display:inline; width:15px; height:15px; margin:0 0 0 5px; text-indent:-9999px; }
a.facebook_link { background:url(images/facebook_off.png) left top no-repeat; }
a.facebook_link:hover { background:url(images/facebook_on.png) left top no-repeat; }
a.youtube_link { width:16px; background:url(images/youtube_off.png) left top no-repeat; }
a.youtube_link:hover { background:url(images/youtube_on.png) left top no-repeat; }
a.rss_link { background:url(images/rss_off.png) left top no-repeat; }
a.rss_link:hover { background:url(images/rss_on.png) left top no-repeat; }

#widgetized2 li.widget { background:url(images/rss_ul.png) left top repeat-y; margin:20px 0 0; }
#widgetized2 li.widget h2 { background:url(images/round_top.png) left top no-repeat; padding:13px 9px 5px; }
#widgetized2 li.widget ul, #widgetized2 li.widget .textwidget #slider
#widgetized2 li.widget ul ul { background:none; padding:0; }

/*  ===== Four Linked Blocks on Homepage  ===== */

#four_blocks { padding:35px 70px 0 75px; width:935px; margin:0 auto; height:75px; background:url(images/four_blocks.jpg) left top no-repeat; overflow:hidden; }
#four_blocks a.action_block { float:left; height:70px; padding-top:5px; padding-right:3px; display:inline; margin:0 5px 0 0; font:normal 13px/14px 'Helvetica', arial, sans-serif; color:#8a8a8a; word-spacing:-1px; cursor:pointer; }
#four_blocks a.action_block b { color:#5f5f5f; }
#four_blocks a.action_block:hover { background-position:left bottom; }
#four_blocks a.act_block1 { background:url(images/act_block1.png) left top no-repeat; width:127px; padding-left:100px; }
#four_blocks a.act_block2 { background:url(images/act_block2.png) left top no-repeat; width:132px; padding-left:95px; }
#four_blocks a.act_block3 { background:url(images/act_block3.png) left top no-repeat; width:140px; padding-left:87px; }
#four_blocks a.act_block4 { background:url(images/act_block4.png) left top no-repeat; width:150px; padding-left:77px; }

/*  ===== Footer  ===== */

#footer { clear:both; margin:40px auto 0; width:940px; height:30px; padding:5px 0 0 0; background:url(images/bg_footer.png) left top repeat-x; }
#footer img { float:left; }
#footer .copyright { float:left; width:235px; padding:0 10px 0 5px; font-size:9px; line-height:11px; color:#767676; }
#footer a.facebook_link, #footer a.youtube_link, #footer a.rss_link { margin:5px 5px 0 0; }

#f_nav { float:right; }
#f_nav li { float:left; }
#f_nav a { font-size:9px; line-height:11px; color:#767676; text-transform:uppercase; padding:0 7px; border-right:1px solid #d2cfca; }

.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }