@charset "UTF-8";
/* reset */
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, sub, sup, tt, var, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
fieldset legend{display:none}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
/* common classes */
body{font:82.5% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial; background:url(images/backgrounds/bg-office.jpg) #ebebeb no-repeat top center}
body, html{min-height: 100%;
height: auto !important;
height: 100%; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
a{cursor:pointer}
.clearfix{width:100%; height:0px; clear:both; display:block}
#clearleft{clear:left}
.hidden{display:none}
.right{float:right}
.left{float:left}
.morespace{padding:3px 0 !important}
.full-width{width:100% !important}
.italic{font-style:italic}
.center{display:block; margin-right:auto; margin-left:auto}
/* Headings & Colors */
#wide-column h2, #home-blogposts h3, #home-blogposts a, #info a, div.blog p a, .categories a, #comments a:hover{color:#333}
ul.cats li a:hover, ul.cats li.active a{color:#fff !important; border:1px solid #666; background:#666 url(images/arrow-mini-white.png) no-repeat 10px 8px}
/* logo */
#header h1{float:left; margin-right:60px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#header h1 a{
background:url(images/logo.png) no-repeat;
width:265px;
height:46px;
display:block;
text-indent:-9999px;
font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial
}
/* home featured section headings */
#featured-info h3{font-size:2em; margin-bottom:25px}
#featured-info h3 a{color:#fff; text-decoration:none}
/*#featured-info h3 a:hover:after{content:"→ "}
/* #content general headings */
#content h3{font-size:1.75em; font-family:"Lucida Grande",Verdana,Helvetica,Arial}
#content h4{font-size:1.35em}
#content h5{font-size:1.15em}
/* sidebar headings */
#sidebar-home h3, #home-blogposts h3{border-bottom:1px solid #999; margin-bottom:1px; padding-bottom:5px; font-family:"Lucida Grande",Verdana,Helvetica,Arial; color:#333}
#sidebar-home h3{color:#333; font-family:"Lucida Grande",Verdana,Helvetica,Arial}
#sidebar h3{font-size:1.3em; border-bottom:1px solid #999; margin-bottom:1px; padding-bottom:5px; color:#333}
/* post listing general headings */
#posts h4{margin-bottom:8px}
#posts h4 a{color:#333; text-decoration:none; text-transform:capitalize}
#posts h4 a:hover{text-decoration:underline}
.portfolio h4{font-size:1.3em !important; line-height:1.4em}
/* right side wide column headings */
#wide-column h2{font-size:1.7em; border-bottom:1px solid #999; margin-bottom:1px; padding-bottom:5px; color:#333; text-transform:capitalize}
ul.cats li a:hover, ul.cats li.active a{color:#fff !important; border:1px solid #666; background:#666 url(images/arrow-mini-white.png) no-repeat 10px 8px}
div.the-post h2, div.the-post h3, div.the-post h4, div.the-post h5{margin-bottom:15px; padding-top:5px}
div.the-post h3{font-size:1.3em !important}
div.the-post h4{font-size:1.15em !important}
div.the-post h5{font-size:1em !important}
div#info h3{border-bottom:1px solid #aaa; font-size:1.3em; padding-bottom:2px; padding-top:10px; color:#333}
#comments h3, h3#respond-title{font-size:1.4em; color:#333}
/* #content general headings */
#content h3{font-size:1.75em; font-family:"Lucida Grande",Verdana,Helvetica,Arial}
#content h4{font-size:1.35em}
#content h5{font-size:1.15em}
/* Container Settings */
#container-wrap{width:100%; height:100%; margin:0 auto -65px; position:relative; min-height:100%; height:auto !important; height:100%}
#container{width:960px; padding:20px 5px; margin:0 auto}
.sub{background:url(images/bg-container-sub.png) repeat-x 0px 50px}
#container .sub{padding-top:50px}
.push{height:61px}
/* Header */
#header ul{
min-width:575px;
max-width:650px;
float:right;
padding-top:10px;
font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial
}
ul#nav-footer{min-width:550px; max-width:625px; float:left; padding-top:10px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#header ul li, ul#nav-footer li{float:left; margin-right:10px}
#header ul li a, ul#nav-footer li a{display:block; color:#ccc; text-decoration:none; text-transform:uppercase; padding-left:12px}
#header ul li a span, ul#nav-footer li a span{display:block; line-height:30px; padding-right:12px}
#header ul li a:hover, #header ul li.active a{color:#fff; background:url(images/nav-left.png) no-repeat; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#header ul li a:hover span, #header ul li.active a span{background:url(images/nav-right.png) no-repeat right; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#header ul li{position:relative; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#header ul li ul{position:absolute; margin-top:0px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; min-width:150px; max-width:200px !important; padding:5px}
#header ul li ul li{margin:0; float:none}
#header ul li ul li a{color:#666; text-transform:none; font-size:0.9em}
#header ul li ul li a, #header ul li ul li a:hover{background-image:none; padding:5px !important}
#header ul li ul li a:hover{-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#333; color:#fff}
ul#nav-footer li{margin-right:5px}
ul#nav-footer li a{color:#666; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; background-image:none; font-size:0.9em}
ul#nav-footer li a span{background-image:none !important; line-height:25px}
ul#nav-footer li a:hover, ul#nav-footer li.active a{background:#666; color:#fff}
/* Home Featured Section */
#featured{padding-top:30px; color:#fff}
#featured-info, #home-featured-nav{float:left}
#featured-images{float:right}
#featured-info{width:455px; margin-top:72px}
#featured-info p{margin:10px 0}
#featured-info p strong{color:#d98f19}
a#home-read-more-button{background:url(images/bt-home-readmore.png) no-repeat; width:103px; height:42px; margin-top:25px; display:block; text-indent:-9999px}
a.home-read-more-button{background:url(images/bt-home-readmore.png) no-repeat; width:103px; height:42px; margin-top:25px; display:block; text-indent:-9999px}
/* featured images*/
#featured-images{width:440px; height:416px; background:url(images/computer.png) no-repeat top center; margin-right:-10px; position:relative}
#images{margin:42px 0 0 50px;height: 214px;width: 354px;overflow: hidden}
#images ul li{width:354px; height:214px}
span.glare{background:url(images/computer_glare.png) no-repeat; display:block; position:absolute; right:25px; top:30px; width:219px; height:239px; z-index:9999}
/* featured slider navigation */
ul#home-featured-nav{background:url(images/bg-homeslider.png) no-repeat; width:33px; height:48px; margin-left:35px; margin-top:127px; padding-top:12px}
ul#home-featured-nav li{margin-bottom:5px}
ul#home-featured-nav a{width:16px; height:18px; display:block; text-indent:-9999px; margin:auto; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6}
ul#home-featured-nav a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
ul#home-featured-nav li.next a{background:url(images/homeslider-arrow-down.png) no-repeat; margin-left:9px}
ul#home-featured-nav li.prev a{background:url(images/homeslider-arrow-up.png) no-repeat}
/* Content */
#content{font-size:0.95em; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#content p{margin:15px 0; color:#444; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
/* Home Sidebar and Sidebar General */
#sidebar-home{width:435px; float:left}
#sidebar-home img.shade, #home-blogposts img.shade, #sidebar img.shade{display:block; height:20px}
#sidebar-home img.shade{width:435px}
#sidebar-home p strong{color:#333}
#sidebar-home ul li p:first-child{margin-top:0px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#sidebar-home ul li, #sidebar ul li{border-bottom:1px solid #ccc; margin-bottom:35px; padding-bottom:3px}
#sidebar-home ul li ul li, #sidebar ul li ul li{border-bottom:none; margin-bottom:0px}
.col1{width:210px; float:left}
/* Home Blog Posts */
#home-blogposts{width:475px; float:right; border-bottom:1px solid #ccc; position:relative; padding-bottom:15px}
#home-blogposts .postcontent{height:450px}
#home-blogposts img.shade{width:475px}
span.date{color:#666; padding-left:22px; display:block; background:url(images/icon-date.png) no-repeat; font-size:0.9em; line-height:18px; margin-bottom:10px}
.portfolio img.post-thumb{border:1px solid #333; float:right; margin:0px 0px 20px 20px}
img.post-thumb2{margin:20px 0px 20px 20px}
/* homepage blog posts, testimonials and twitter slider navigation */
ul#home-blogposts-nav, ul.testimonials-nav, ul.twitter-nav{width:43px; height:20px; padding:4px 0 0 5px; background:#dfdfdf; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; position:absolute; right:0; bottom:-12px}
ul#home-blogposts-nav li, ul.testimonials-nav li, ul.twitter-nav li{float:left}
ul#home-blogposts-nav a, ul.testimonials-nav a, ul.twitter-nav a{display:block; width:16px; height:16px; margin-right:5px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6}
ul#home-blogposts-nav a:hover, ul.testimonials-nav a:hover, ul.twitter-nav a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
ul#home-blogposts-nav a span, ul.testimonials-nav a span, ul.twitter-nav a span{display:none}
ul#home-blogposts-nav li.prev a, ul.twitter-nav li.prev a{background:url(images/arrow-low-prev.gif) no-repeat}
ul#home-blogposts-nav li.next a, ul.twitter-nav li.next a{background:url(images/arrow-low-next.gif) no-repeat; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
ul.testimonials-nav li.next a{background:url(images/arrow-low-down.gif) no-repeat}
ul.testimonials-nav li.prev a{background:url(images/arrow-low-up.gif) no-repeat}
/* Footer */
#footer-wrap{background:url(images/bg-footer.gif) #d9dada repeat-x; padding-bottom:10px; position:relative; overflow:hidden;clear:both}
#footer{width:960px; padding:10px 10px 10px 0px; margin:0 auto}
a#cmiwebstudio{display:block; width:200px; float:right; color:#666; text-decoration:none; line-height:22px; font-size:0.9em; padding-top:12px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial; text-align:right}
a#cmiwebstudio span{display:inline-block; /*background:url(images/logo-cmiwebstudio.png) no-repeat; */ width:104px; height:22px; text-indent:-9999px; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
/* General Sidebar */
#sidebar{width:260px; float:left}
#sidebar img.shade{width:250px; height:20px !important}
#sidebar p:first-child{margin-top:0px}
#sidebar ul li{padding-bottom:8px}
#sidebar ul li ul{font-size:0.95em}
#sidebar ul li a{color:#333; text-decoration:none}
#sidebar ul li a:hover{color:#666; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
/* sidebar categories */
ul.cats li{width:120px; margin-right:10px; margin-bottom:10px; float:left}
ul.cats li a{display:block; padding:5px; padding-left:18px; background:url(images/arrow-mini.png) no-repeat 10px 8px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:1px solid #d1d1d1}
/* sidebar alternate link lists */
li.alternate-lists ul li{padding:0 !important}
li.alternate-lists ul li a{display:block; background:url(images/dot.gif) no-repeat 5px 11px; padding:5px; padding-left:15px}
li.alternate-lists ul li a:hover{color:#995e00 !important; background-image:url(images/dot-hover.gif); background-color:#f1f1f1}
/* testimonials and twitter widget */
li.testimonials, li.twitter{position:relative; font-size:0.9em; padding-bottom:10px !important}
li.testimonials blockquote p, li.twitter p{color:#777 !important}
li.testimonials blockquote.style1{font-style:italic; background:url(images/quote_start.gif) no-repeat; background-position:top left; padding:0px 10px 0 20px}
li.testimonials blockquote.style1 span{display:block; background-image:url(images/quote_end.gif); background-repeat:no-repeat; background-position:bottom right}
ul.testimonials-nav li{padding:0px !important; background:none !important}
li.twitter p{margin:5px 0 !important}
li.twitter p.timeago{color:#333 !important}
/* Post General Settings */
/* wide column */
#wide-column{width:650px; float:right}
div.full-width p{margin-top:15px !important}
#info a{text-decoration:none; border-bottom:1px solid #999}
#info a:hover{color:#666; text-decoration:none; border-bottom:1px solid #995e00}
#info h4{text-transform:uppercase}
/* posts general settings */
.each-post{border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:30px}
.each-post p{margin-top:0px !important; line-height:1.4em}
.each-post a.bt{margin-top:10px !important}
div.blog span.date{float:left !important}
div.blog p:first-child{margin-top:0px !important}
a.comment-count, a.comment-add{display:inline-block; font-size:0.9em; color:#666; padding-left:20px; background:url(images/icon-comments.png) no-repeat; line-height:16px; margin-left:15px; text-decoration:underline}
a.comment-count:hover, a.comment-add:hover{color:#333; text-decoration:underline}
a.comment-add{background-image:url(images/icon-comment-add.png) !important}
div.the-post ul{padding:5px 10px 20px 25px}
div.the-post ul li{line-height:1.5em; color:#444; list-style-type:disc; list-style-position:inside}
div.the-post ul li strong{color:#333}
div.the-post blockquote.style2{font-style:italic; background:url(images/quote_start.gif) no-repeat; background-position:top left; padding:10px 10px 10px 20px; padding-bottom:15px; color:#777}
div.the-post blockquote.style2 span{display:block; background-image:url(images/quote_end.gif); background-repeat:no-repeat; background-position:bottom right}
/* post meta */
.postmeta{clear:both; line-height:3em; font-size:0.9em; color:#666; background:#f7f7f7; margin-top:10px}
.postmeta a:hover{text-decoration:none}
.postmeta div{float:left}
.author{display:block; color:#666; float:left; padding:0 15px 0 30px; background:url(images/icon-author.gif) no-repeat 10px 8px}
.categories, .tags{padding:0 15px}
.categories{background:#f1f1f1}
.tags a, .categories a{color:#666; text-decoration:underline}
.tags a:hover, .categories a:hover{color:#333; text-decoration:underline}
#info{float:right; width:305px}
/* comments */
#comments_wrap h3{font-size:22px; font-weight:normal; margin:0px; padding-bottom:20px; margin-top:10px}
#comments_wrap h3 a, #comments_wrap h3 a:hover{color:#242323; text-decoration:none}
#comments_wrap .get_avatar{color:#a7a7a7; font-size:10px; letter-spacing:-1px; padding-top:10px}
#comments ol.parent{padding-bottom:25px}
#comments ol{margin:0px; padding:0px; padding-left:100px}
#comments ol li{list-style:none; padding:0px; margin:10px 0px; padding-top:1px}
#comments span.comment-reply{font-size:10px; text-transform:uppercase}
#comments .comment_wrap{position:relative; background:#f2f2f2}
#comments .single_comment{padding:10px}
#comments .comment-content{padding:10px; background:#fafafa}
#comments .comment-content p, .children .comment-content p{padding-bottom:15px; color:#666}
#comments a{color:#333; border-bottom:1px solid #995e00; text-decoration:none}
#comments a:hover{border-bottom:1px solid #ccc; text-decoration:none}
#comments .comment_arrow{position:absolute; top:20px; left:-11px}
#comments .comment_author{position:absolute; left:-100px; width:100px; color:#8d8d8d; font-size:10px; line-height:14px}
#comments .comment_author span{display:block}
#comments .children{padding-left:0px; border-left:1px solid #ced0d0}
#comments .children li{padding-left:25px; /*background:url(images/comment_li_bg.gif) no-repeat 0px 25px*/}
#comments .children .comment_wrap{background:#f2f2f2; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
#comments .children .comment_arrow{display:none}
#comments .children .comment_author{position:absolute; left:auto; right:20px; bottom:10px; width:200px; height:40px}
#comments .children .comment_author p{position:absolute; right:40px; bottom:10px; text-align:right}
#comments .children .comment_author span{display:block}
#comments .children .comment_author img{width:32px; height:32px; float:right}
/* comment form */
div#respond{padding:20px 0}
div#respond ol li{padding:8px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background:#f6f6f6; margin-bottom:10px; clear:both}
div#respond ol li:hover, #respond ol li:focus{background:#fff !important}
div#respond ol li label{float:left; padding-left:15px; color:#666; border-left:1px solid #ccc}
div#respond ol li label.field-title{width:15%; border-left:none !important; padding-left:0px}
div#respond ol li label small{font-size:0.8em; color:#999}
div#respond ol li.text input{border:none !important; background:none !important; width:500px; line-height:1.3em}
div#respond ol li textarea{border:none !important; background:none !important; width:500px; line-height:1.6em}
div#respond ol li.displayli{background:#ebebeb; margin:0px 0px 0px 40px; padding:0px; clear:both}
div#respond ol li.displayli:hover, #respond ol li.displayli:focus{background:#ebebeb !important}
a#bt-expander{width:300px; height:15px; background:url(images/bt-expander.png) no-repeat; display:block; padding-left:80px; color:#999; font-size:0.8em; padding-top:3px}
a.expanded, a#bt-expander:hover{background-position:0px -18px !important; color:#777}
/* buttons */
a.bt, a.bt span, a.more-link, a.more-link span{display:inline-block; height:22px; border:none !important}
a.bt, a.more-link{padding-left:15px; background:url(images/bt-casual-left.png) no-repeat; color:#333 !important; margin-top:5px; text-decoration:none}
a.bt:hover{color:#666 !important}
a.bt span, a.more-link span{background:url(images/bt-casual-right.png) no-repeat right; padding-right:15px; line-height:20px}
a.arrowedbt{background:url(images/bt-casual-left-arrowed.png) no-repeat; padding-left:26px; font-size:1em !important; margin-top:0px !important}
a.arrowedbt:hover{background:url(images/bt-casual-left-arrowed.png) no-repeat}
a.left-button{background-image:url(images/bt-casual-left-arrowed-left.png) !important}
a.left-button:hover{background-image:url(images/bt-casual-left-arrowed-left-hover.png) !important}
div.leftbutton, div.rightbutton{margin:0px 0px 20px 0px!important}
div.leftbutton a, div.leftbutton a span, div.rightbutton a, div.rightbutton a span{display:inline-block; height:22px}
div.leftbutton a span, div.rightbutton a span{display:inline-block; height:22px; background:url(images/bt-casual-right.png) no-repeat right; padding-right:15px; line-height:20px}
div.leftbutton a, div.rightbutton a{padding-left:26px; color:#333 !important; margin-top:5px; text-decoration:none}
div.leftbutton a{background:url(images/bt-casual-left-arrowed-left.png) no-repeat}
div.rightbutton a{background:url(images/bt-casual-left-arrowed.png) no-repeat}
div.leftbutton a:hover, div.rightbutton a:hover{color:#666 !important}
/* misc */
.sharethis a{font:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial;color:#333;text-decoration:underline}