/*

Theme Name: Fifty

Theme URI: http://inkline.ca

Description: Custom Wordpress Template for Fifty

Version: 1.0

Author: Inkline Media

Author URI: http://www.inkline.ca

*/





@charset "utf-8";

/* CSS Document */



@font-face {
 font-family: 'FIFTYBold';
 src: url('type/fifty-bold-webfont.eot');
 src: local('☺'), url('type/fifty-bold-webfont.woff') format('woff'), url('type/fifty-bold-webfont.ttf') format('truetype'), url('type/fifty-bold-webfont.svg#webfontlptMC0cK') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'FIFTYRegular';
 src: url('type/fifty-regular-webfont.eot');
 src: local('☺'), url('type/fifty-regular-webfont.woff') format('woff'), url('type/fifty-regular-webfont.ttf') format('truetype'), url('type/fifty-regular-webfont.svg#webfontvzDF6HCD') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'FIFTYMediumRegular';
 src: url('type/fifty-medium-webfont.eot');
 src: local('☺'), url('type/fifty-medium-webfont.woff') format('woff'), url('type/fifty-medium-webfont.ttf') format('truetype'), url('type/fifty-medium-webfont.svg#webfontguWLxe3e') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* reset

-------------------------------------------------*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
/* reset end

-------------------------------------------------*/



body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#565656; }
p { margin: 0 0 18px 0; padding: 0; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
/* mainlink styles

-------------------------------------------------*/

a:link { color: #33aee4; text-decoration: none; }
a:visited { color: #33aee4; text-decoration: none; }
a:hover { color: #33aee4; text-decoration: none; }
a:active { color: #33aee4; text-decoration: none; }
/* heading styles

-------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; }
h1 { margin: 0 0 16px 0; font-size: 56px; color: #E61283; line-height: 58px; font-family:'FIFTYMediumRegular', Arial, sans-serif; letter-spacing: -1.5px; }
h2 { margin: 0 0 6px 0; font-size: 56px; color: #33aee4; line-height: 58px; font-family:'FIFTYMediumRegular', Arial, sans-serif; letter-spacing: -1.5px; }
h3 { margin: 0 0 6px 0; font-size: 16px; color: #EC3091; line-height: 22px; font-family:'FIFTYBold', Arial, sans-serif; }
h4 { margin: 0 0 4px 0; font-size: 12px; color: #EC3091; font-family:'FIFTYBold', Arial, sans-serif; }
h5 { margin: 0 0 12px 0; font-size: 14px; color:#33aee4; font-family:'FIFTYBold', Arial, sans-serif; }
/* wrapper

-------------------------------------------------*/



#wrapper { width: 1000px; margin: 0 auto 30px auto; background-image:url(img/bg.jpg); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 40px; display: block; }
/* topnav

-------------------------------------------------*/



#nav li:hover > ul { display: block; }
#nav { list-style: none; padding: 75px 0 35px 0; margin: 0 0 0 15px; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; overflow: hidden; }
#nav li { float: left; margin: 0; padding: 0 20px; border-right: 1px solid #595959; }
#nav li.last { border: none; }
#nav ul { display: none; margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0; padding: 0; }
#nav ul ul { }
#nav a { font-size: 12px; text-decoration: none; color: #595959; font-family: 'FIFTYMediumRegular', Arial, sans-serif; }
#nav li.current_page_item a, #nav li a:hover { text-decoration: none; color: #868686; }
#nav ul li.current_page_item a { color: #868686; font-family: 'FIFTYMediumRegular', Arial, sans-serif; }
#nav ul a, #nav li.current_page_item ul a { width: 180px; color: #595959; display: block; font-family: 'FIFTYMediumRegular', Arial, sans-serif; }
#nav ul a:hover, #nav li.current_page_item ul a:hover { color: #868686; text-decoration: none; }


/* content

-------------------------------------------------*/

#contentLeft { width: 191px; float: left; padding: 0; margin: 0 38px 0 0; }
#contentLeft p { padding: 0 20px; }
#contentMiddle { width: 520px; float: left; padding: 0; margin: 30px 38px 0 0; }
#contentMiddle td { padding: 0 10px 15px 0; }
#contentMiddle ul { list-style: inside; margin: 5px 0 0 0; }
#contentRight { width: 182px; float: left; padding: 0 0 0 28px; margin: 107px 0 0 0; background-image:url(img/rightcolumnborder.gif); background-repeat: no-repeat; background-position: top left; }
#contentRight img { margin: 0 0 10px 0; display: block; }
blockquote { display: block; padding: 0 60px; width: 350px; }
blockquote + h4 { padding: 0 0 10px 0; text-align: right; }
blockquote:before, blockquote:after { color: #33aee4; display: block; font-size: 700%; width: 50px; }
blockquote:before { content: '\201C'; height: 15px; margin-left: -0.55em; }
blockquote:after { content: '\201D'; height: 50px; margin-top: -45px; margin-left: 360px; }
img.alignleft { float: left; padding: 0 20px 5px 0; }
img.alignright { float: right; padding: 0 0 5px 20px; }

/* Right column styles

-------------------------------------------------*/

.rightcoltitle { display: block; float: left; padding: 0 0 8px 10px; font-family: 'FIFTYBold', Arial, sans-serif; font-size: 11px; color: #E61283; }

#contentRight .right-column-heading a { display: block; background-color: #E61283; padding: 3px 0 3px 10px; margin: 5px 0; color: #fff; font-size: 10px; font-weight: normal; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform:uppercase; }

#contentRight .right-column-heading-blue a { display: block; background-color: #33aee4; padding: 3px 0 3px 10px; margin: 0; color: #fff; font-size: 10px; font-weight: normal; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform:uppercase; }

#contentRight .right-column-heading-blue span { display: block; background-color: #33aee4; padding: 3px 0 3px 10px; margin: 0; color: #fff; font-size: 10px; font-weight: normal; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform:uppercase; }

#contentRight .fast-fact { color: #33AEE4; margin-top: 10px;  }

#portfolio-fast-fact p { padding-left: 13px; padding-right:13px; }


#contentRight .right-column-post-title a { text-decoration: underline; color: #595959; padding: 0 10px; display: block; }
#contentRight .rss-header { display: block; float: left; margin-left: 7px; padding-top: 0px; }

/* how-we-think-nav

-------------------------------------------------*/



#how-we-get-there-nav { list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform: uppercase; }
#how-we-get-there-nav li { margin: 0 0 0 33px; padding: 16px 0; }
#how-we-get-there-nav ul { display: none; margin: 0; padding: 0; list-style: none; }
#how-we-get-there-nav a, #how-we-get-there-nav a:visited, #how-we-get-there-nav a:active { font-size: 12px; text-decoration: none; color: #595959; }
#how-we-get-there-nav li a:hover, #how-we-get-there-nav .current_page_item { text-decoration: none; color: #33aee4; }
#how-we-get-there-nav li.current_page_item a, #leftnav li a:hover { text-decoration: none; color: #33aee4; }
/* problems-weve-solved-nav

-------------------------------------------------*/



#problems-weve-solved-nav { list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform: uppercase; }
#problems-weve-solved-nav li { margin: 0 0 0 33px; padding: 5px 0; }
#problems-weve-solved-nav ul { display: none; margin: 0; padding: 0; list-style: none; }
#problems-weve-solved-nav a, #problems-weve-solved-nav a:visited, #problems-weve-solved-nav a:active { font-family: 'FIFTYMediumRegular', Arial, sans-serif; font-size: 12px; text-decoration: none; color: #595959; }
#problems-weve-solved-nav li a:hover, #problems-weve-solved-nav .current_page_item { text-decoration: none; color: #E61283; }
#problems-weve-solved-nav li.current_page_item a, #leftnav li a:hover { text-decoration: none; color: #E61283; }
/* what-we-do-nav

-------------------------------------------------*/



#what-we-do-nav { list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform: uppercase; }
#what-we-do-nav li { margin: 0 0 0 33px; padding: 16px 0; }
#what-we-do-nav ul { display: none; margin: 0; padding: 0; list-style: none; }
#what-we-do-nav a, #what-we-do-nav a:visited, #what-we-do-nav a:active { font-size: 12px; text-decoration: none; color: #595959; }
#what-we-do-nav li a:hover, #what-we-do-nav .current_page_item { text-decoration: none; color: #9b08cb; }
#what-we-do-nav li.current_page_item a, #leftnav li a:hover { text-decoration: none; color: #9b08cb; }
/* aboutfiftynav

-------------------------------------------------*/



#about-fifty-nav { list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform: uppercase; }
#about-fifty-nav li { margin: 0 0 0 33px; padding: 16px 0; }
#about-fifty-nav ul { display: none; margin: 0; padding: 0; list-style: none; }
#about-fifty-nav a, #about-fifty-nav a:visited, #about-fifty-nav a:active { font-size: 12px; text-decoration: none; color: #595959; }
#about-fifty-nav li a:hover, #about-fifty-nav .current_page_item { text-decoration: none; color: #f7a31c; }
#about-fifty-nav li.current_page_item a, #leftnav li a:hover { text-decoration: none; color: #f7a31c; }
/* address

-------------------------------------------------*/



.footer { padding: 20px 0 0 0; }
/* address

-------------------------------------------------*/



#address { list-style: none; margin: 0 0 0 20px; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; }
#address ul { display: none; margin: 0; padding: 0; list-style: none; }
#address li { float: left; margin: 0; padding: 0 15px; position: relative; border-right: solid 1px #666; }
#address li.lastaddress { border-right: none; }
/* footer

-------------------------------------------------*/

#footernav { display: block; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; list-style: none; margin: 8px 0 0 183px; }
#footernav ul { list-style: none; }
#footernav li { float: left; padding: 0 13px; position: relative; border-right: solid 1px #666; }
#footernav li.lastfooter { border-right: none; }
/* home panels

-------------------------------------------------*/

#panels { display: block; overflow: hidden; margin: 0 0 20px 0; }
#panels ul { list-style: none; }
#panels li { float: left; }
#panels li img { display: block; margin: 0 0 4px 0; }
/* social icons

-------------------------------------------------*/

#icons { display: block; overflow: hidden; margin: 0 0 15px 0; }
#icons ul { list-style: none; }
#icons li { float: left; margin: 0 20px 0 0; }
/* gallery

-------------------------------------------------*/

.gallery { display: block; }
.gallery ul { list-style: none; }
.gallery li { float: left; margin: 0 4px 4px 0; padding: 0; }
.gallery li img { display: block; }
.gallery li.last { margin: 0 0 4px 0; }
/* homegallery

-------------------------------------------------*/

.homegallery { display: block; margin: 20px 0 0 7px; }
.homegallery ul { list-style: none; }
.homegallery li { float: left; margin: 0 19px 0 0; padding: 0; width: 150px; list-style: none; }
.homegallery li img { display: block; margin: 0 0 8px 0; }
.homegallery li.last { margin: 0; }
.homegallery li a, .homegallery li a:hover, .homegallery li a:active, .homegallery li a:visited { color: #595959; text-decoration: underline; }
.homegallerytitle { color:#33aee4; display: block; font-weight: bold; }
/* misc

-------------------------------------------------*/



.clearfloat { clear: both; display: block; }
.subtitle { color: #EC3091; font-weight: bold; }
.imgleftcolumn { margin: 0 0 18px 0; display: block; border: 0; }
.titleimage { display: block; margin: 0 0 20px 0; }
/* hoverbutton

-------------------------------------------------*/

.fiftybtn a, .fiftybtn a:hover, .fiftybtn a:active, .fiftybtn a:visited { padding: 7px 0 7px 15px; width: 135px; font-size: 11px; color: #fff; display: block; background-image: url(img/button.gif); background-repeat: no-repeat; background-position: left top; text-decoration: none; float: left; margin: 0 6px 6px 0; font-family: 'FIFTYMediumRegular', Arial, sans-serif; }
.fiftybtn a:hover { background-position: right top; outline: none; }
/* pagetitles

-------------------------------------------------*/



.about-fifty a, .about-fifty a:hover, .about-fifty a:active, .about-fifty a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #F7A31C; padding: 36px 0 36px 30px; width: 161px; margin: 0 0 15px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
.what-we-do a, .what-we-do a:hover, .what-we-do a:active, .what-we-do a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #9B07CB; padding: 36px 0 36px 30px; width: 161px; margin: 0 0 15px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
.how-we-get-there a, .how-we-get-there a:hover, .how-we-get-there a:active, .how-we-get-there a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #32AEE4; padding: 36px 0 36px 30px; width: 161px; margin: 0 0 15px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
.problems-weve-solved a, .problems-weve-solved a:hover, .problems-weve-solved a:active, .problems-weve-solved a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #E71381; padding: 28px 0 27px 30px; width: 161px; margin: 0 0 25px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
.contact-us a, .contact-us a:hover, .contact-us a:active, .contact-us a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #CCD637; padding: 36px 0 36px 30px; width: 161px; margin: 0 0 15px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
/* titles for non-pages

-------------------------------------------------*/

.post-title a, .post-title a:hover, .post-title a:active, .post-title a:visited { display: block; color: #fff; font-size: 14px; font-family:'FIFTYBold', Arial, sans-serif; background-color: #32AEE4; padding: 36px 0 36px 30px; width: 161px; margin: 0 0 15px 0; letter-spacing: .5px; text-decoration: none; text-transform:uppercase; }
/* categories in left nav

-------------------------------------------------*/
#category-nav { list-style: none; margin: 0; padding: 0; font-size: 12px; font-family: 'FIFTYMediumRegular', Arial, sans-serif; text-transform: uppercase; }
#category-nav li { margin: 0 0 0 33px; padding: 16px 0; }
#category-nav ul { margin: 0; padding: 0; list-style: none; }
#category-nav a, #category-nav a:visited, #category-nav a:active { font-size: 12px; text-decoration: none; color: #595959; }
#category-nav li a:hover, #category-nav .current-cat { text-decoration: none; color: #33aee4; }
#category-nav li.current-cat a, #leftnav li a:hover { text-decoration: none; color: #33aee4; }
/* blog navigation area

-------------------------------------------------*/

.navigation .alignleft a { font-family: 'FIFTYMediumRegular', Arial, sans-serif; background-color: #359DDC; background-image:url(img/arrow-left.png); background-repeat:no-repeat; background-position: left; padding: 3px 20px 3px 20px; font-size:10px; color: #FFF; text-transform: uppercase; }
.navigation .alignleft { float: left; padding: 10px 0 10px 0; }
.navigation .alignright a { font-family: 'FIFTYMediumRegular', Arial, sans-serif; background-color: #359DDC; background-image:url(img/arrow-right.png); background-repeat:no-repeat; background-position: right; padding: 3px 20px 3px 20px; font-size:10px; color: #FFF; text-transform: uppercase; }
.navigation .alignright { float:right; padding: 10px 0 10px 0; }
/* comments area

-------------------------------------------------*/
.commentlist, .commentlist li { list-style:none; }
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin-left: 13px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; border-right: none; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
.thread-alt { background-color: #E4F2FD; }
.thread-even { background-color: white; }
.even, .alt { border-left: 1px dashed #999; }
#comments { padding: 30px 0 0 0; }
.postmetadata { border: none; }
#respond { padding-top: 25px; }
/* End Comments */

/* blog post content area

-------------------------------------------------*/
.blog-content { padding: 10px 10px 0 10px; margin: 10px 0 10px 0; border: 1px dashed #999; }
.blog-content p { margin: 0; padding: 5px 0 5px 0px; text-align:justify; }
.blog-content img { padding: 15px; }
.blog-content h1 { margin: 0 0 6px 0; font-size: 16px; color: #EC3091; line-height: 22px; font-family:'FIFTYBold', Arial, sans-serif; letter-spacing: normal; }
.blog-content h2 { margin: 0 0 4px 0; font-size: 12px; color: #EC3091; font-family:'FIFTYBold', Arial, sans-serif; letter-spacing:normal; line-height: 22px; }

.blog-content > ol, .blog-content > ul { display: inline-block; list-style-position:inside; margin: 0; padding: 5px 0px 5px 15px; }
.blog-content li ul, .blog-content li ol  { margin: 0; padding: 0; }
.blog-content li ul li { padding-left: 15px; }
.blog-content li ol li { padding-left: 18px; list-style: lower-roman; list-style-position:inside; }

/* excerpt content on index and archive pages

-------------------------------------------------*/

.entry { padding: 10px 10px 10px 10px; margin: 10px 0 10px 0; border: 1px dashed #999; }
h1.search-title { margin: 0 0 6px 0; font-size: 16px; color: #E61283; line-height: 22px; font-family:'FIFTYBold', Arial, sans-serif; letter-spacing: normal; }

/* author info

-------------------------------------------------*/

#author-info { display: inline-block; padding: 10px 10px 0 10px; margin-top: 10px; margin-bottom: 20px; border: 1px dashed #999; }
#author-info img { display:block; float: left; padding: 0 10px 10px 0; }
#author-info span { display:block; float: left; background-color: #359DDC; color: #FFF; text-transform:uppercase; padding: 3px 10px 3px 10px; margin: auto;  }

.ccsa-brand-audit-rfp { visibility: hidden; }