/*
THEME NAME: Blueprint Ariu
THEME URI: http://www.mummey.org/
DESCRIPTION: A great start for any designer, offers plenty of helper classes, markup, extremely useful functions and is made with easy modification in mind. Great control over widget styling, very flexible box layout options. Works in IE6 (minus the CSS3 stuff). Based on Blueprint CSS framework and the Sandbox template.
VERSION: 1.0
AUTHOR: <a href="http://mummey.org/">Adrian Mummey</a>
AUTHOR URI: http://mummey.org
TAGS: white, microformats, fixed-width, right-sidebar, blueprint, css3, suckerfish, lightbox, rounded, corners, seo, meta, flexible
*/

/*Important Note************************************
  A helper function that utilizes jQuery, in
  js/default.js will add special classes to list
  elements. The first list element in any ol, ul
  will get the class "list-first" and the last 
  element in any ol, ul will get "list-last".
*/

/*Let's override some of the Blueprint styles*/
*{font-family: Arial, sans-serif;}

body{}
input[type=text]{padding: 3px !important;}


#outbound, #outbound a, #outbound a:hover{}
/*Get our box margins and background borders set up, these are useful classes to use when you need borders or spacing*/
.h-box{padding-left:21px !important; padding-right:20px !important;}
.v-box{padding-top:20px; padding-bottom:20px;}
.top-space{margin-top: 18px !important;}
.top-space-super{margin-top: 100px !important;}
.bottom-space{margin-bottom: 18px !important;}
.bottom-space-super{margin-bottom: 60px !important;}
.top-space-border{padding-top: 18px !important; border-top: 1px solid #dcdcdc;}
.bottom-space-border{padding-bottom: 18px !important; border-bottom: 1px solid #dcdcdc;}

/*Border stylings*/
.h-dot-top{background: url(images/borders/divider.gif) top left repeat-x;}
.h-dot-bot{background: url(images/borders/divider.gif) bottom left repeat-x;}
.v-dot-left{background: url(images/borders/divider-v.gif) top left repeat-y;}
.v-dot-right{background: url(images/borders/divider-v.gif ) top right repeat-y;}
.column2-center, .column2-right, .column2-left, .column3{background-repeat: repeat-y;}
.column2-center, .column2-right, .column2-left{background-image: url(images/borders/basic-border.gif);}
.column2-center{background-position: 490px 0;} 
.column2-right{background-position: 595px 0;} /*based on a span-15 for main and span-9 for right */
.column2-left{background-position: 351px 0;} /*based on a span-9 for left and span-15 for main */
.column3{background-image: url(images/borders/3column-border2.gif); background-position: 316px 0;}

/*Set up our CSS3 rounded corner classes, this makes IE cry ;( */
.round, #widget-box-categories-4 ul, #widget-box-categories-5 ul{-webkit-border-radius: 6px; -moz-border-radius: 6px;-khtml-border-radius: 6px; border-radius: 6px;}
.round-top{-moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px;}
.round-bot{-moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;  }

/*Set up some link classes*/
.plain-link a, a.plain-link{text-decoration: none !important;}
.plain-link a:hover, a.plain-link:hover{text-decoration: underline !important;}
.dark-link a, a.dark-link{color:#000;}
.dark-link a:hover, a.dark-link:hover{color:#999;}
.grey-link a, grey-link{color:#999;}
.grey-link a:hover, a.grey-link:hover{color:#000;}
.light-link a, a.light-link{color: #fff;}
.light-link a:hover, a.light-link :hover{color: #f2f2f2;}
a.img-link{display: block;}
a.img-link span{display: none;}
a.img-link-inline{display: inline-block;}
a.img-link-inline span{display: none;}
.blue-link a, a.blue-link{color: #00afd1;}
.blue-link a:hover, a.blue-link:hover{color: #54ddf7;}


/*Styled List classes*/
ul li, ol li{_height:1%; /*for stupid IE6*/}
/*Use this if you don't want any left margin for the list*/
.flat-list ul, ul.flat-list{margin: 0em; padding:0;}
/*Use this to remove list style from the list */
.plain-list ul, ul.plain-list, .pretty-list ul, .pretty-link-list ul, ul.pretty-link-list{list-style: none;}
/*Will add a nice right arrow to the list elements*/
.pretty-list li, .pretty-link-list li a{display:block; padding: 5px 0 5px 15px; background: url(images/icons/arrow-right.gif) left center no-repeat;}
.float-list li{float: left; margin-right: 4em;}
.float-list li.list-last{margin-right: 0;}
.short-float-list li{float: left; margin-right: 3em;}
.short-float-list li.list-last{margin-right: 0;}
/*Adds a border to the list*/
.border-list ul, ul.border-list{border: 1px solid #f2f2f2;}
.border-list ul.children{ border:none;}
.border-list li{border-bottom: 1px solid #f2f2f2;}
.border-list li.list-last{border-bottom: none !important;}
.border-list li a{display:block; padding: 5px 0 5px 30px; background: url(images/icons/arrow-right.gif) 15px center no-repeat;}
.border-list .children li {padding-left: 15px; border:none;}
.border-list li a:hover{background-color:#f2f2f2; background-position: 18px center; color: #000 !important;}
.padded-list li{padding-bottom: 15px; margin-bottom: 15px;}
.black-b-list li{background: url(images/borders/h-black.gif) bottom left repeat-x;}

/*Other helper styles*/
.center{text-align: center;}
.white{color: #fff;}
.white-l a{color: #fff;}
.grey{color:#808080;}
.dark-grey{color: #6f6f6f;}
.black{color:#000;}
.big-text{font-size: 1.5em; line-height: 1.3em;}
.helv{font-family: Helvetica, Arial, sans-serif;}
strong{color: #000;}
.strong{font-weight: bold;}
.blackbg{background: #000;}
.shortbottom{margin-bottom: .25em;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.t-center{text-align: center;}

/*Buttons*/
a.back-to-work{width: 118px; height:21px; background: url(images/buttons/back-to-work.gif) no-repeat; margin-top: 10px;}
a.back-to-work:hover{background-position: 0 -21px;}
a.view-work{width: 76px; height:17px; background: url(images/buttons/view-work.gif) no-repeat;}
a.view-work:hover{background-position: 0 -17px;}
a.view-work-black{width: 76px; height:20px; background: url(images/buttons/view-work-black.gif) no-repeat; }
a.view-work-black:hover{background-position: 0 -20px;}
a.our-work-image{margin-bottom: 10px;}
a.next-page{width: 94px; height:30px; background: url(images/buttons/next-page.gif) no-repeat;}
a.next-page:hover{background-position: 0 -30px;}
a.find-out-more{width: 138px; height:20px; background: url(images/buttons/find-out-more.gif) no-repeat;}
a.find-out-more:hover{background-position: 0 -20px;}
a.follow-twitter{width: 138px; height:20px; background: url(images/buttons/follow-twitter.gif) no-repeat;}
a.follow-twitter:hover{background-position: 0 -20px;}
a.more-link{width: 76px; height:21px; background: url(images/buttons/more.gif) no-repeat; margin-top:10px;}
a.view-redesign-black{margin-top:10px;width: 174px; height:24px; background: url(images/buttons/redesign-button.gif) no-repeat;}
a.view-redesign-black:hover{background-position: 0 -24px;}




/*Top Header styles*/
#blog-title{display: block !important; width: 113px; height: 70px; background: transparent url(images/logo.gif) no-repeat;}
#blog-title span{display: none;}

/*Menu Navigation, also see superfish.css*/
.nav a{text-decoration: none; color: #000;}
#top-nav{margin: 30px 0 0 100px;}
#top-nav li{}
#top-nav li a{text-transform: lowercase; font-size: 14px;}

/*Search Box*/
.search-wrapper{text-align: right; padding-top: 3px;}
.search-wrapper #s{border: none; width: 140px; padding: 0 0 0 1em; margin:0;}
.search-wrapper #searchsubmit{background: url(images/icons/search.gif) no-repeat; width: 21px; height: 21px; border: none; padding: 0 !important;}

/*RSS link*/
a.subscribe-link{float: left; margin: 0.25em 0; display: block; background: url(images/icons/rss.gif) 100% 50% no-repeat; padding-right: 20px;}
a.subscribe-link:hover{text-decoration: underline;}

/*Large Header Image*/
.header-img{display: block !important; clear: both; background: url(images/pictures/home.jpg) 0 0 no-repeat; width:980px; height:481px;}



/*Main posts & Index******************************************/
.main-index-wrapper, .sub-index-wrap{background-color: #fff;}
/*Dates*/
.date-stamp{text-align: center;}
.date-stamp .stamp-month{line-height: 12px; font-size: 11px;}
.date-stamp .stamp-day{color: #f2f2f2; font-size: 45px; line-height: 36px; font-weight: bold;}

.title-with-date{margin: 0 0 .75em 80px;}
.title-with-date h2{margin-bottom: 0;}
.entry-content{clear: both;}
/*.hentry{padding-bottom:2em;  margin-bottom: 2em;}*/
.tag-list{display: none;}
.tag-list a{ text-decoration: none; color:#000; font-weight: bold;}
.navigation{text-align: center;}
img.thumb-left {float:left;margin:0 1.5em 1.5em 0;padding:0;}
img.thumb-right {float:right;margin:0 0 1.5em 1.5em;}

.home-box img{margin-bottom: .5em;}
.home-box{color: #b1b1b1;}
.home-box p{height:3em; display: block; overflow: hidden; margin: 0 0 5px 0;}

.page h2{font-weight: bold;}
.page h3{font-weight: bold;}

.entry-date{font-size: 1.1em; font-weight: bold;}
.entry-title a{ font-weight: bold;}

.portfolio-cats .current-cat a{color: #00afd1;}
.portfolio-cats .current-cat a:hover{color: #54ddf7;}

/*Sidebars & widgets*/
.widget-heading{}
.sidebar-list{margin: 0; list-style: none;}
.widget-box{margin-bottom: 1em; padding-bottom: 1em;}
.widget-box.list-last{padding: 0; margin: 0;}
.right-column .widget-box{ border-bottom: 1px solid #dcdcdc;}
.right-column li.widget-box.list-last{border: none;}
.no-title{display: none !important;}

/*Form stuff*/
#contact-form br{clear: both;}
#contact-form label{width: 100px; display: block; float: left; margin: 8px 8px 0 0;}
#contact-form input[type=text], #contact-form textarea{float: left; font-size: 16px; margin: 4px 0; width:300px; padding: 6px !important;}
#contact-form #input-send{ display: block; width:104px; height:34px; background: url(images/buttons/submit.gif) no-repeat; border: 0; margin-left: 300px;}
#contact-form #input-send:hover{background-position: 0 -34px; }

form span.input-wrap{position: relative; display: block; margin-bottom: 5px;}
form span.input-wrap label	 { position: absolute; left: 1px; top: 1px; font-weight: normal; background: #fff; z-index: 1; width: 200px; background: #f2f2f2; padding: 1px 3px 5px 4px; height: 17px;}
form span.textarea-wrap label{ left:1px; top:1px; height: 150px; width: 200px; padding: 3px;}
form input.input-text{width: 200px; height: 16px; }
form input.input-text, form textarea.input-text {background: none; position: relative; z-index: 10;margin: 0; padding: 3px; }
form textarea.input-text{width: 200px; height: 150px;}
label.overlay span{color: #444;}
label.focus span {color:#999;}
label.hastext span { display: none;}
      

/*footers*/
.sub-footer{background: #1b1b1b; color: #fff;}
#sub-footer h4{color: #fff}
#sub-footer h4 {margin-bottom: 0;}
.social-media li{float: left; margin-right: 10px;}
.social-media li.list-last{margin-right: 0;}
.footer{height:78px; overflow: hidden;}
.footer .container{height:100%; padding-top: 15px; background: url(images/assets/footer.gif) 0px -25px no-repeat;}
.footer-onyx-group{display: block; height: 26px; background: url(images/assets/onyx-group.png) no-repeat; _background: url(images/assets/onyx-group.gif) no-repeat;}
#twitter_update_list span a{color:#f2f2f2; text-decoration: underline !important;}
.footer-twitter-link{display:block; float:left; height: 19px; padding-left:22px; background: url(images/icons/twitter-tiny.gif) no-repeat; }
.footer-facebook-link{display:block; float:left; height: 19px; padding-left:22px; background: url(images/icons/facebook-tiny.gif) no-repeat; margin-right: 20px;}

/*Pagination*/
.pagination-text{margin-top:5px; font-size:90%; margin-right: 10px;}
.pag-link{margin-right: 10px;}

/*Next Gen Gallery Styles (Optional) */
.ngg-widget img{border: 2px solid #f2f2f2 !important;}
/*Contact Form (Optional) */
/*.home-contact input[type=text], .home-contact textarea{padding: 5px; background: #f2f2f2;}*/
/*Flickr Widget*/
.flickr a.fancybox{margin:0 14px 20px 0; display: block; float: left;}
.alt-widget-heading{font-size: 1.5em;}
.flickr-heading{padding-right: 25px; background: url(images/assets/flickr.jpg) 60px 0 no-repeat; height: 23px; display: block; }
.slideshow p{text-align: center;}

.staff-pics a{display: block; width: 103px; height: 103px;}
.staff-name, .staff-title{padding: 0; margin: 0; font-size: 11px; line-height: 13px;}
.staff-name{color: #00AFD1; font-weight: bold;}
#widget-flickrpress-2{color: #808080;}
.flickr_item{float: left; margin-left: 10px;}
.beforeAfterImg{display: block; width: 150px; width: 150px;}
.beforeAfterImg img{border: 1px solid #999;}

.flickr-link{clear: both; padding-left: 10px;}

.entry_author_image{float: left; }
.author-info{width: 100%; height: 38px; background: #00AFD1; font-style: italic; -moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; }
.post-desc{float: left; padding: 10px 15px; }
.portfolio-right-content img{margin-bottom: 10px;}