@import url(/stylesheets/reset.css);

/* Contents
 *
 * 1. Global
 * 2. Headers
 * 3. Layout
 * 4. Lists
 * 5. Forms
 * 6. Extras
 */


/* 1. Global */

body {
background:#111 url(/images/new/brick_tile.jpg) 0% 0 repeat;
padding-bottom:50px;
}

body#bd-workinprogress {
/* background:transparent url(/images/new/wip_bg.jpg) repeat;
 While developing 
background-image:none;
background-color:#000;
 Ends */
}

#wrap {
background-color:#fff;
/* margin:47px auto 0px auto; */
 margin:0 auto 0px auto;
padding:0;
width:915px;
-moz-box-shadow:0 0 8px #555;
-webkit-box-shadow:0 0 8px #555;
}

p {
font-family:Georgia, "Times New Roman", serif;
font-size:15px;
color:#535353;
padding-top:25px;
line-height:1.3em;
}

p.alt {
padding-top:14px;
}

img {
margin:0;
padding:0;
border:0;
}

blockquote {
background:#fff url(../images/blockquote_bg.gif) 0 30px no-repeat;
padding-left:85px;
font-style:italic;
font-size:18px;
}

blockquote span {
font-size:12px;
font-style:normal;
font-weight:bold;
}

blockquote span a {
border:none;
text-decoration:underline;
}

.align_right {
text-align:right;
}

.align_center {
text-align:center;
}

.align_left {
text-align:left;
}

.float_right {
float:right;
}

.float_left {
float:left;
}

.blog_container {
padding:0 58px;
}

.grid {
text-align:center;
/* background:transparent url(/images/new/home_grid.jpg) 0 0 repeat; */
overflow:hidden;
background-color:#000;
color:#fff;
/* height:495px; */
margin-bottom:36px;
position:relative;
}

#bd-home .grid {
padding-left:10px;
color:#fff;
text-align:left;
}

.grid_inner {
float:right;
background-color:#fff;
color:#333;
width:445px;
margin-right:40px;
}

p.a_recent_project {
color:#fff;
font-size:0.7em;
margin-top:7px;
margin-left:1px;
padding-top:0;
width:300px;
}

.project_snippet {
margin-top:90px;
margin-left:165px;
width:225px;
color:#000;
margin-bottom:0px;
}
.project_snippet h3 {
padding:0px 0px 6px 0px;
margin:0px;
font-size:32px;
font-weight:normal;
color:#000;
font-style:italic;
}
.project_snippet h3 a {
color:#000;
border:none;
}

.project_snippet h3 a:hover {
color:#FF3366;
}

.project_snippet p {
color:#000;
margin:0px;
padding:0px 0 20px;
}

.wip_header {
background-color:#FFD75E;
color:#000;
text-align:center;
padding-bottom:20px;
}

.wip_content {
overflow:hidden;
background:transparent url(/images/new/vertical_border.gif) 615px top repeat-y;
}


.wip_left {
width:614px;
float:left;
}

.wip_right {
margin-left:1px;
float:right;
width:299px;
}

.item_head {
background:#fff url(/images/new/item_head.gif) 0 0 repeat-x;
overflow:hidden;
}

.wip_left .item_head {
clear:left;
border-top:1px solid #E8CBB9;
}

.item_head#item1 {
border-top:none;
}

.item_head div.img {
float:left;
margin-top:18px;
margin-left:25px;
border:7px solid #fff;
border-bottom:none;
padding-bottom:19px;
background:transparent url(/images/new/fade_bottom.gif) bottom repeat-x;
}

.item_main {
padding-left:60px;
padding-right:48px;
}

.wip_main {
overflow:hidden;
text-align:center;
}

.wip_main .item_main {
text-align:left;
width:510px;
margin:0 auto;
}

.wip_main .previous a, .wip_main .next a {
color:#fff;
border:none;
text-decoration:underline;
font-style:italic;
padding:3px 12px 3px 12px;
}
.wip_main .previous a:hover, .wip_main .next a:hover {
text-decoration:none;
}

.wip_main .previous {
float:right;
margin:-40px 20px 0 0;
padding:0;
background:#FF3366 url(/images/new/pinky_right_lrg.gif) right 50% no-repeat;
font-size:18px;
line-height:24px;
}
.wip_main .top_switch .previous, .wip_main .top_switch .next {
margin-top:0px;
margin-bottom:0px;
}
.wip_main .top_switch {
position:absolute;
width:915px;
margin-top:12px;
}

.wip_main .next {
float:left;
margin:-40px 0 0 20px;
padding:0;
background:#FF3366 url(/images/new/pinky_left_lrg.gif) left 50% no-repeat;
font-size:18px;
line-height:24px;
}

.wip_right .item_main {
padding-left:30px;
padding-right:26px;
}


.wip_right .author_control {
width:163px;
}
.wip_left .author_control {
width:477px;
}

.comment_bubble {
float:right;
margin-right:22px;
margin-top:24px;
height:33px;
}

.wip_main .comment_bubble {
float:none;
margin-top:9px;
}

.comment_bubble span {
display:block;
float:left;
text-align:center;
color:#fff;
width:35px;
height:30px;
margin-right:6px;
font-size:20px;
padding-top:3px;
background:transparent url(/images/new/bubble_lrg.gif) 0 0 no-repeat;
}

.wip_right .comment_bubble span {
width:20px;
height:17px;
font-size:11px;
padding-top:1px;
background:transparent url(/images/new/bubble_sml.gif) 0 0 no-repeat;
}

.comment_bubblt p {
padding:0;
margin:0;
}

.comment_bubble a {
color:#A56E53;
font-size:12px;
margin-top:6px;
text-decoration:underline;
border:none;
float:left;
}

.wip_right .comment_bubble a {
margin-top:0px;
}

.comment_bubble a:hover {
text-decoration:none;
}

/* 2. Headers */

h2.year_title {
text-align:right;
font-size:24px;
padding:12px 0 14px 30px;
border-bottom:1px solid #E8CBB9;
overflow:hidden;
}
h2.year_title span {
float:left;
}
h2.year_title a {
float:right;
font-size:16px;
margin-top:4px;
margin-right:30px;
} 
h2.archives_title {
font-size:16px;
font-weight:normal;
text-transform:uppercase;
margin:22px 0 24px 20px; 
}

#wip_comments h3 {
font:normal 36px/46px "Custodia-Normal", Custodia, Georgia, Serif;
color:#000;
}

#wip_comments h4 {
font-size:16px;
line-height:20px;
text-transform:uppercase;
color:#000;
padding:0;
margin:0;
}

#wip_comments h4 span {
font-size:11px;
text-transform:lowercase;
color:#999;
}

.com_left {
float:left;
width:200px;
padding-top:20px;
}

.com_right {
float:right;
width:300px;
padding-top:20px;
}

.com_center {
text-align:center;
clear:both;
padding-bottom:20px;
margin-top:0px;
}
.cleanme {
padding-top:0;
margin-top:0;
}

.captchabox {
width:136px;
height:22px;
}

.com_left input {
width:190px;
}

.com_left p {
padding:0;
margin:0 0 20px 0;
}
.com_right p {
margin:0 0 15px 0;
padding:0;
}

.wip_right h4 {
overflow:hidden;
float:left;
width:100%;
font-size:13px;
line-height:17px;
padding:10px 23px 20px 23px;
margin:0;
color:#666;
}

.wip_right h4 a:hover {
border-bottom:1px solid white;
}

.wip_right h4 span, .wip_right h4 a {
float:left;
}

.wip_right h4.flicklink a {
padding-right:45px;
background:transparent url(/images/new/flick_sml.gif) right 2px no-repeat;
}

.wip_right h4.vimlink {
margin-top:0;
padding-top:0;
}

.wip_right h4.vimlink a {
padding-right:45px;
background:transparent url(../images/new/vimeo_sml.jpg) right 2px no-repeat;
}

.wip_right h4 a span {
display:none;
}

.item_main h3.article_title {
padding-top:0;
}

.item_main h3 {
padding-top:30px;
font:normal 25px/29px Georgia, serif;
font-style:italic;
}

.item_main h4 {
padding-top:28px;
padding-bottom:0;
margin-bottom:0;
font:normal 18px/24px Georgia, serif;
font-style:italic;
}

.wip_right .item_main h3 {
padding-top:0;
font-size:20px;
line-height:26px;
margin-bottom:25px;
}

.item_main h3 a {
color:#000;
font-style:italic;
border-bottom:none;
text-decoration:underline;
}
.item_main h3 a:hover {
text-decoration:none;
}

h1#front_logo a {
border:none;
background:#fff url(/images/new/front_logo.gif) no-repeat;
width:273px;
height:39px;
margin-left:5px;
display:block;
float:left;
}

h1#front_logo a span {
display:none;
}
.project_list h3 {
font-size:18px;
line-height:24px;
}

.project_list h2.cat_title {
clear:both;
overflow:hidden;
font-size:30px;
line-height:36px;
padding:60px 0 30px;
}

#bd-home .standard_header h2 {
font-size:33px;
}

h2 {
font:normal 36px Georgia, "Times New Roman", serif;
}

.wip_header h2 a span {
display:none;
}

.wip_header h2 {
height:123px;
margin:-14px auto 0 auto;
padding:0;
background:#fff url(/images/new/wip_header.jpg) 50% 0 no-repeat;
}

.wip_header h2 a {
display:block;
height:123px;
text-decoration:none;
border:none;
}

.wip_header#careers_bg h2 {
background:#fff url(/images/new/wip_header_careers.jpg) 50% 0 no-repeat;
}

#bd-home h2 {
font:normal 43px  Georgia, "Times New Roman", serif;
}

body .standard_header h2 {
font-family:Custodia, "Custodia-Normal", Georgia, "Times New Roman", serif;
}

h3 {
font:normal 36px Georgia, "Times New Roman", serif;
}

.project_info h3 {
font-size:20px;
}


.project_info .client {
color:#666;
font-style:italic;
display:block;
margin-bottom:12px;
}

.standard_header p {
font:normal 22px/1.4em Georgia, "Times New Roman", serif;
font-style:italic;
color:#666;
width:660px;
margin:10px auto;
padding: 0 0 23px 0;
}

#bd-home .standard_header p {
font-size:18px;
font-style:normal;
}

#bd-about .standard_header p {
padding-bottom:0
}

#bd-ourwork .standard_header p {
width:720px;
}

.standard_header p a {
color:#FF3366;
}

#bd-ourwork .standard_header h2 {
font-size:40px;
line-height:52px;
}

h3.recent_work_header {
font:normal 22px Georgia, "Times New Roman", serif;
font-style:italic;
margin-left:45px;
}

h3.recent_work_header span {
font:normal 10px Georgia, "Times New Roman", serif;
text-transform:uppercase;
text-decoration:none;
color:#585858;
}

h3.recent_work_header span.recent_work_header_strap {
margin-top:8px;
float:left;
}

h4 {
font:normal 32px Georgia, "Times New Roman", serif;
}

#twitter h5 a {
border:none;
text-transform:uppercase;
text-decoration:none;
padding-bottom:3px;
font:normal 10px Helvetica, Arial, sans-serif;
color:#07AAEF;
}

.left_col h5 {
font:bold 15px Georgia, "Times New Roman", serif;
padding:0;
margin:0;
}

h5.alt {
padding-top:20px;
}

#footer h6 {
color:#fff;
font:normal 28px Georgia, "Times New Roman", serif;
}

/* Typography */

p.archive_link {
margin:0;
padding:0px 40px 30px 70px;
font-size:20px;
font-style:italic;
}

.item_main img {
margin-top:20px;
border:7px solid #FFEEBA;
}

.item_main .item_excerpt p {
font-size:19px;
line-height:25px;
}

.item_main p.latest_article {
padding-bottom:0;
margin-bottom:0;
color:#999;
font-family:georgia, serif;
font-size:10px;
text-transform:uppercase;
}

.item_main p {
font-size:16px;
line-height:21px;
color:#333;
}

.item_head p {
color:#333;
padding:0;
margin:22px 0 0 20px;
float:left;
font-size:14px;
text-transform:uppercase;
}

.item_head p span {
color:#884431;
font-size:10px;
}

.wip_header p {
margin:12px 0 0 0;
padding:0;
color:#000;
font-size:13px;
line-height:18px;
}

div.pinky {
background:#FF3366 url(/images/new/pinky_left.gif) left 50% no-repeat;
color:#000;
width:500px;
margin-right:auto;
margin-left:auto;
margin-top:12px;
}

p.pinky_lrg {
float:left;
clear:both;
background:#FF3366 url(/images/new/pinky_right_lrg.gif) right 50% no-repeat;
font-size:18px;
line-height:24px;
font-style:italic;
color:#fff;
margin:20px 0 30px 0;
padding:2px 15px 2px 11px;
font-weight:normal;
}

p.pinky_lrg a {
font-weight:normal;
color:#fff;
border:none;
text-decoration:underline;
}

p.pinky_lrg a:hover {
text-decoration:none;
}

div.pinky p {
background:transparent url(/images/new/pinky_right.gif) right 50% no-repeat;
font-size:18px;
line-height:24px;
font-style:italic;
color:#fff;
margin:0px 0 0 0;
padding:0px 0;
}

.item_head p.pinky {
font-size:14px;
line-height:22px;
float:right;
text-transform:none;
margin:23px 20px 0 0;
}

.item_head p.pinky a {
padding:3px 10px 5px 8px;
border:none;
}

p.pinky {
background:#ff3366 url(/images/new/pinky_alt_right.gif) right 50% no-repeat;
font-size:18px;
line-height:24px;
font-style:italic;
color:#fff;
margin:0px 0 0 0;
padding:0;
}

div.pinky a, p.pinky a {
color:#fff;
text-decoration:underline;
}

div.pinky a:hover, p.pinky a:hover {
text-decoration:none;
}


p.recent_work {
text-transform:uppercase;
font-family:georgia, serif;
font-size:9px;
color:#666;
margin:0;
padding:0 0 3px;
}

.tag_cloud {
overflow:hidden;
}

.wip_main .tag_cloud {
width:460px;
float:right;
margin-top:-6px;
}

.tag_cloud .left b {
display:block;
padding-left:25px;
padding-top:6px;
background:transparent url(/images/site/tag_bulb.gif) 0 6px no-repeat;
}

.tag_cloud .left {
width:78px;
float:left;
padding-bottom:10px;
background:transparent url(/images/site/tag_arrow.gif) 100% 27px no-repeat;
color:#000;
}

.wip_main .tag_cloud b {
text-transform:capitalize;
}

.wip_main .tag_cloud .left {
background-image:none;
width:50px;
}

.wip_main .tag_cloud .right {
width:360px;
}

.tag_cloud .right {
width:284px;
float:right;
color:#535353;
font-size:13px;
}

.item_main .tag_cloud .right {
width:420px;
}

span.wip_tag {
padding:4px 6px;
margin:0px 2px;
background-color:#FFEEBA;
color:#884431;
white-space:nowrap;
}

.wip_main span.wip_tag {
background-color:#fff;
}

.project_summary p {
font-size:16px;
line-height:23px;
color:#000;
}

.project_info .project_summary p {
margin:12px 0 0 0;
padding:0 0 0 0;
font-size:18px;
line-height:26px;
}

.project_list span.client {
color:#666 !important;
text-size:15px;
font-style:italic;
display:block;
padding-bottom:20px;
}

q {
padding:17px;
margin:20px 0;
color:#333;
background-color:#eaeaea;
}

p.captcha_fields {
margin:0 !important;
padding:0 !important;
}

.captcha_fields input {
float:left;
margin:23px 10px 0;
padding:3px 0;
}

.captcha_fields img {
float:left;
}

.smaller {
font-size:12px;
line-height:17px;
}

.free_bottom {
font-size:18px;
color:666px;
margin-bottom:0;
padding-bottom:0;
}

.grid_inner p.top {
text-align:center;
margin:0;
padding:6px 0 16px;
font-size:17px;
color:#666;
}
.grid_inner p.bottom {
text-align:center;
margin:0;
padding:28px 0 28px;
font-size:12px;
color:#666;
}

ul.grid_projects {
margin:0;
padding:0;
}

ul.grid_projects li {
list-style:none;
background-color:#FFF1C6;
margin-bottom:1px;
padding:18px 18px;
clear:both;
overflow:hidden;
}
ul.grid_projects li img {
float:left;
padding-right:12px;
}
ul.grid_projects li h3 {
font-size:20px;
line-height:24px;
font-style:italic;
margin:0;
padding:0;
}
ul.grid_projects li h3 a {
color:#000;
border:none;
text-decoration:underline;
}
ul.grid_projects li h3 a:hover {
text-decoration:none;
}
ul.grid_projects li h3 span {
font-size:12px;
color:#666;
font-style:normal;
white-space:nowrap;
}

#footer p {
color:#ccc;
}

#twitter #twitter_update_list li {
list-style:none;
font:normal 19px/23px Georgia, "Times New Roman", serif;
font-style:italic;
}
.grid #twitter #twitter_update_list li {
color:#333;
font:normal 16px/20px Georgia, "Times New Roman", serif;
font-style:italic;
}

/* 3. Layout */

#wip_comments {
background-color:#FFEEBA;
padding:20px 200px 20px 200px;
}

#wip_comments .comment_top {
background:#fff url(/images/new/comment_top.gif) 0 top no-repeat;
padding:25px 36px 1px 36px;
overflow:hidden;
}
#wip_comments .comment_top p {
margin:0;
padding:10px 0 0;
font-size:16px;
color:#333;
line-height:21px;
}
#wip_comments .comment_bottom {
padding:10px 36px 30px 36px;
background:#fff url(/images/new/comment_bottom.gif) 0 bottom no-repeat;
}
#wip_comments .comment_bottom p {
clear:both;
padding:0px;
margin:0;
color:#999;
font-size:11px;
}
.wip_comment {
margin:20px 0;
}

.wip_flickr {
margin:0 28px 20px 19px;
clear:both;
text-align:right;
color:#884431;
font-family:georgia, "times new roman", serif;
font-size:12px;
}

.wip_flickr a {
padding:6px;
display:block;
margin-bottom:3px;
background-color:#FFEEBA;
border:none;
text-align:center;
}

.wip_flickr span {
margin-right:6px;
margin-top:1px;
}

.cleaner {
clear:both;
height:30px;
display:block;
}

.content_container {
padding-left:61px;
padding-right:71px;
}

.project_info_odd {
width:376px;
float:left;
clear:left;
}

.project_info_even {
width:376px;
float:right;
clear:right;
}

.project_info_odd, .project_info_even {
background:transparent url(/images/site/project_bottom.gif) 50% 100% no-repeat;
padding-bottom:30px;
}

#bd-home .project_info {
width:374px;
padding:12px 16px;
background-color:#fff;
margin:25px auto;
text-align:left;
}

.avatar_display {
overflow:hidden;
margin-top:20px;
}

.wip_main .avatar_display {
float:left;
margin-right:16px;
margin-top:6px;
border-width:6px;
}

#bd-home .avatar_display {
margin-bottom:6px;
}

.avatar_display img {
float:left;
margin:0 !important;
padding:0;
}

.avatar_display p {
padding:0;
margin:0;
}

.comment_avatar {
float:left;
margin:12px 14px 0px 0;
padding-bottom:0px;
padding-left:0
}

#top_navigation_wrap {
overflow:hidden;
width:865px;
padding:30px 25px 25px 25px;
border-bottom:1px dotted #E7E7E7;
}

#bd-workinprogress #top_navigation_wrap {
border-bottom:none;
}

#cheers {
margin: 30px 0px 50px 130px;
width:600px;
padding:20px;
background-color:#E8F5FC;
}

#notify {
margin: 30px 0px 50px 100px;
width:630px;
padding:20px;
background-color:#E8F5FC;
}

#notify h3 {
font-size:20px;
}

#notify ul {
margin:20px 0 20px 20px;
}

#notify ul li {
list-style:disc;
padding:2px 0;
}

.standard_header  {
clear:both;
text-align:center;
width:100%;
margin-top:25px;
margin-bottom:20px;
/* background-color:#FFD75E; */
}
#bd-about .standard_header {
margin-bottom:12px;
}

#bd-home .standard_header {
background-color:transparent;
}

#bd-ourwork .standard_header {
background-color:transparent;
border-bottom:1px dotted #ccc; 
padding-bottom:30px;
margin-bottom:0;
}


#recent_work {
margin-left:25px;
overflow:hidden;
}

#recent_work_writeup {
background-color:#F9EFE7;
padding-top:12px;
margin:0 25px 75px;
width:865px;
overflow:hidden;
}

#recent_work_writeup_left {
float:left;
width:292px;
}

#recent_work_writeup_right {
float:left;
width:480px;
}

.left_col .pink_box {
margin-top:30px;
margin-bottom:60px;
}

.pink_box, .invert_pink_box {	
border:1px dotted #FF3366;
margin-top:40px;
margin-bottom:50px;
}

.invert_pink_box#special {
margin-bottom:12px;
}

.pink_box {
background-color:#FFEAEF;
}

.pdf {
background:#FFEAEF url(/images/new/pdf_partial.gif) 8px bottom no-repeat;
padding-left:38px;
}

.invert_pink_box {
background-color:#fff;
}

.invert_pink_box p, .pink_box p {
padding:8px;
}

.invert_pink_box p a, .pink_box p a {
text-decoration:none;
color:#FF3366;
border-bottom:1px dotted #FF3366;
}

.invert_pink_box p a:hover, .pink_box p a:hover {
border-bottom:none;
}

p#telephone {
padding-left:53px;
padding-top:0;
margin:12px 0 25px 10px;
background:transparent url(/images/uploads/avatars/uploads/cache/avatar_21-40x40.jpg) 0 0 no-repeat;
}

p#telephone span.tel {
font:normal 20px/23px Helvetica, Arial, sans-serif;
color:#000;
}

.left_col {
clear:both;
float:left;
padding-left:100px;
width:336px;
}

.left_col p, .left_col h4, .left_col h5, .left_col #telephone, .left_col .pink_box  {
margin-left:10px;
}

.sub_header_strapline {
padding-top:20px;
font:bold 17px/1.25em Georgia, "Times New Roman", serif;
font-style:italic;
color:#000;
}

.left_col_block {
margin-top:25px;
width:310px;
padding:8px 10px;
background-color:#F9EFE7;
}

#bd-home .left_col_block {
margin-top:6px;
}

.left_col_block h5 {
font:bold 15px/1.3em Georgia, "Times New Roman", serif;
color:#535353;
}

#bd-home .left_col_block h5 {
margin-left:0;
padding-left:0;
color:#000;
}

#bd-home .left_col_block ul {
margin-left:0;
list-style:none;
}

#bd-home .left_col_block li {
margin-left:17px;
margin-bottom:25px;
}

.left_col_block ul {
margin:15px 0 20px 0;
padding:0;
list-style:disc;
}

.left_col_block li {
margin-left:17px;
margin-top:4px;
color:#535353;
font:normal 15px Georgia, "Times New Roman", serif;
}

#bd-home .right_col {
float:left;
margin-left:30px;
width:336px;
}

.right_col#right_short {
width:316px;
}

.right_col img {
margin-top:20px;
}

#twitter {
clear:both;
padding:28px 159px;
margin:0px 0 20px 0;
background:#E8F5FC url(/images/new/tweet.gif) 104px 50% no-repeat;
}

.grid #twitter {
padding:16px 20px 16px 70px;
margin:0px 0 10px 0;
background:#E8F5FC url(/images/new/tweet.gif) 12px 50% no-repeat;
}

#bd-workinprogress #twitter {
margin-bottom:0;
}

.spacer {
height:50px;
clear:both;
}

#footer {
height:288px;
clear:both;
padding-bottom:12px;
overflow:hidden;
background:#262523 url(/images/new/stitch.jpg) 0 -5px no-repeat;
}

#footer .footer_text {
padding:24px 120px 0 316px;
}

/* Links */

a:hover {
text-decoration:none;
}

a.project_external {
width:90px;
height:30px;
display:block;
position:absolute;
margin-left:260px;
margin-top:-15px;
text-decoration:none;
border:none;
background:transparent url(/images/site/view_work.png) 0 0 no-repeat;
}

#bd-home .project_info a.project_external {
width:172px;
height:40px;
margin-left:295px;
margin-top:124px;
background:transparent url(/images/new/view_our_work.png) 0 0 no-repeat;
}

a.project_case_study {
width:75px;
height:74px;
display:block;
position:absolute;
margin-left:280px;
margin-top:-37px;
text-decoration:none;
border:none;
background:transparent url(/images/site/case_study.png) 0 0 no-repeat;
}

a.project_external span, a.project_case_study span {
display:none;
}

a {
text-decoration:none;
color:#FF3366;
border-bottom:1px dotted #FF3366;
}

a.clean {
border-bottom:none;
}

p.twitterlink img {
border:none;
margin:0 5px -4px 0;
padding:1px;
border:1px solid #C3F5FA;
}

p.twitterlink a {
}

.aboutinfo p.twitterlink {
padding-top:3px;
margin-top:0;
font-style:italic;
}

a:hover {
border-bottom:none;
}

/* 4. Lists */

.archive_list {
margin-bottom:28px;
}

.archive_list li {
font-style:italic;
font-size:20px;
line-height:24px;
padding-bottom:3px;
}
.archive_list li a.active {
border:none;
color:#000;
}

.blog_latest {
margin:20px 0;
margin-bottom:0;
padding-left:22px;
list-style:disc;
}
.blog_latest li {
padding-bottom:8px;
color:#FF3366;
}

.blog_latest li span {
font-size:11px;
color:#666;
}

.blog_latest li i {
line-height:22px;
color:#FF3366;
font-size:18px;
padding-right:4px;
}

.item_main ul, .item_main ol {
font:normal 16px/20px Georgia, "Times New Roman", serif;
margin-left:22px;
margin-top:18px; 
color:#333;
}
.item_main ul {
list-style:disc;
padding:2px 0;
}
.item_main ol {
list-style:decimal;
padding:2px 0;
}


#top_navigation {
margin:6px 10px 0 0;
padding:0;
float:right;
text-align:center;
}

#top_navigation li {
display:inline;
list-style:none;
}

#top_navigation li a {
border:none;
font:normal 17px Georgia, "Times New Roman", serif;
text-decoration:none;
margin-left:30px;
color:#FF3366;
float:left;
letter-spacing:0.1px;
}

#top_navigation li a span {
font:normal 10px  Georgia, "Times New Roman", serif;
text-transform:uppercase;
text-decoration:none;
color:#585858;
}

.pink_list {
}

.pink_list li {
color:#FF3366;
list-style:none;
background:transparent url(/images/new/pink_bullet.gif) 5px 8px no-repeat;
padding:3px 0 3px 20px;
}

.pink_list li a {
color:#FF3366;
text-decoration:none;
border-bottom:1px dotted #FF3366;
}

.pink_list li a:hover {
border-bottom:none;
}

/* 5. Forms */

label.error {
color:#cc0000;
font-size:11px;
display:block;
}

#wip_comments textarea {
width:100%;
height:140px;
}

#wip_comments form p.lefty {
width:213px;
float:left;
margin-bottom:0;
padding-bottom:0;
}
#wip_comments form p.righty {
width:213px;
float:right;
}

#wip_comments form .center {
text-align:center;
margin:0 auto;
width:320px;
}

#wip_comments form .center input, #wip_comments form .center img {
margin-bottom:6px;
}

#wip_comments form p.righty input, #wip_comments form p.lefty input {
width:213px !important;
}

form, fieldset {
margin:0;
padding:0;
border:0;
}

/* 6. Extras */


#recent_work img {
  float:left;
}

/* Case Study */

#bd-home #casestudy_container {
background:#000 url(/images/new/idworks_home.jpg) 0 bottom no-repeat;
height:481px;
margin:0px 0 60px 0;
overflow:hidden;
}

.bd-idworks #casestudy_container{
background:transparent url(/images/new/idworks_case.jpg) 0 0 no-repeat;
height:644px;
}

.bd-mybluenosefriends #casestudy_container{
background:transparent url(/images/mbnf_case3.jpg) 0 0 no-repeat;
height:424px;
}


#casestudy_container {
overflow:hidden;
}



#casestudy_container h2 {
color:#999;
font:normal 21px Custodia, "Custodia-Normal", Georgia, "Times New Roman", serif;
margin:0;
padding:0;
display:block;
}

#casestudy_container h3 {
color:#fff;
font:normal 36px Custodia, "Custodia-Normal", Georgia, "Times New Roman", serif;
margin:0;
padding:0;
display:block;
float:left;
}


#bd-home #case_study_title {
margin-top:56px;
margin-left:58px;
}

.bd-idworks #case_study_title {
margin-top:56px;
margin-left:58px;
float:left;
}


.bd-mybluenosefriends #case_study_title {
margin-top:65px;
margin-left:35px;
}


.bd-mybluenosefriends #case_study_link {
margin-top:200px;
}

#case_study_link {
margin-top:60px;
margin-right:60px;
float:right;
}

#case_study_link p {
font:normal 15px Georgia, "Times New Roman", serif;
color:#fff;
}

#case_study_link a {
display:inline-block;
}

#case_study_link a:hover {
border-bottom:dotted 1px #000;
}

a.case_study_badge, span.case_study_badge {
background:transparent url(/images/new/case_study_badge.png) 0 0 no-repeat;
width:75px;
height:74px;
display:block;
float:left;
margin-top:-25px;
margin-left:16px;
border:none;
}

a.case_study_badge span {
display:none;
}


#bd-home #case_study_blurb {
clear:both;
width:415px;
margin-left:58px;
margin-top:77px;
}

.bd-idworks #case_study_blurb {
clear:both;
float:left;
width:415px;
margin-left:58px;
margin-top:28px;
}

.bd-mybluenosefriends #the_client {
clear:both;
float:left;
width:280px;
margin-left:35px;
margin-top:28px;
}



#case_study_blurb p {
margin:0;
padding:0;
color:#fff;
float:left;
font:italic 22px/1.4em Georgia, "Times New Roman", serif;
background:transparent url(/images/new/close_quotes.png) 75% bottom no-repeat;
}

#bd-home #case_study_blurb p {
margin:0 0 12px 0;;
padding:0;
color:#fff;
float:none;
font:normal 18px/22px Georgia, "Times New Roman", serif;
background-image:none;
}

#bd-home #case_study_blurb p.alt {
font:normal 15px/19px Georgia, "Times New Roman", serif;
background-image:none;
}

#case_study_blurb p.client_quote {
font:normal 15px Georgia, "Times New Roman", serif;
color:#CCC;
margin-top:10px;
}

.bd-idworks #the_client {
float:right;
width:274px;
margin-top:288px;
margin-right:35px;
}

#the_client p {
color:#fff;
font:normal 14px/1.5em Georgia, "Times New Roman", serif;
clear:left;
padding:0;
margin:0;
}

h3#the_client_header {
color:#fff;
font:normal 23px Custodia, "Custodia-Normal", Georgia, "Times New Roman", serif;
padding:0;
margin:0 0 10px 0;
}

#bd-casestudy .case_study_left_1, .case_study_left_2, .case_study_left_3 {
float:left;
margin-bottom:20px;
margin-left:50px;
width:470px;
padding:0;
}

#bd-casestudy .case_study_left_1 h4, .case_study_left_2 h4, .case_study_left_3 h4 {
font:normal 41px Custodia, "Custodia-Normal", Georgia, "Times New Roman", serif;
margin:50px 0 0px 0;
}

#bd-casestudy .case_study_left_1 p, #bd-casestudy .case_study_left_2 p, #bd-casestudy .case_study_left_3 p {
color:#5C5C5C;
margin-top:0px;
margin-bottom:12px;
padding:0;
}

#bd-casestudy .case_study_left_1 ul, #bd-casestudy .case_study_left_2 ul, #bd-casestudy .case_study_left_3 ul {
margin:0;
padding:0;
list-style:none;
}

#bd-casestudy .case_study_left_1 li, #bd-casestudy .case_study_left_2 li, #bd-casestudy .case_study_left_3 li {
color:#5C5C5C;
font:normal 14px/1.3em Georgia, "Times New Roman", serif;
background:transparent url(/images/new/bullet.gif) 0 4px no-repeat;
padding-left:18px;
margin-bottom:28px;
}

#bd-casestudy .case_study_right_1, #bd-casestudy .case_study_right_2, #bd-casestudy .case_study_right_3 {
width:367px;
background-color:#666;
position:absolute;
margin:65px 0 0 0px;
overflow:hidden;
padding:9px;
}

#bd-casestudy .case_study_right_1 p, #bd-casestudy .case_study_right_2 p, #bd-casestudy .case_study_right_3 p {
margin:10px 0 0 0;
padding:12px 0 0 0;
background:transparent url(/images/new/up_arrow.gif) 0 0 no-repeat;
color:#fff;
font:normal 13px/1.4em Georgia, "Times New Roman", serif;
}

#bd-casestudy .body_block {
overflow:hidden;
z-index:0;
}

#bd-casestudy .hr {
clear:both;
border-top:1px solid #EDEDED;
width:100%;
height:1px;
margin:20px 0 0 0;
padding:0;
}

#bd-casestudy #footer_small {
clear:both;
height:60px;
}

#bd-casestudy #footer_small p {
font:normal 18px/1.3em Georgia, "Times New Roman", serif;
color:#333;
padding:20px 0 0 30px;
}

#bd-casestudy .top {
font:normal 15px Georgia, "Times New Roman", serif;
}

#bd-casestudy p.intro {
font:normal 18px/1.3em  Georgia, "Times New Roman", serif;
color:#000;
margin:35px 0 25px 0;
}

#bd-home p.intro {
font:normal 18px/1.3em Georgia, "Times New Roman", serif;
color:#000;
margin-top:0;
padding-top:18px;
}

#bd-casestudy .body_block .right_col {
width:220px;
float:right;
}

#casestudy .body_block .right_col img {
margin:0;
}

/* Domain Registration Page */

.summit {
margin:0 auto;
text-align:center;
padding-top:220px;
width:480px;
background:transparent url(/images/summit_flag.gif) 50% 0px no-repeat;
}

.summit h2, .summit p {
text-align:center;
}

.cleanshare a {
border:none;
}

.cleanshare {
text-align:right;
margin:-45px 0px 0 0;
float:right;
}

#bd-home .rss_subscribe {
padding-top:0;
padding-left:0;
margin-top:0;
margin-bottom:20px;
border:0;
}

.share_index {
padding-left:23px;
color:#666;
padding-top:14px;
padding-bottom:3px;
font-size:14px;
border-top:1px solid #E8CBB9;
font:normal 13px Georgia, "Times New Roman", serif;
}

#careers_col .share_index {
border-top:0;
}

.rss_subscribe {
padding-left:23px;
color:#666;
padding-top:14px;
padding-bottom:8px;
font-size:14px;
font:normal 13px Georgia, "Times New Roman", serif;
}

.rss_subscribe a.clean {
margin-left:3px;
}


.author_bio {
border-top:1px dotted #ccc;
margin-top:30px;
clear:both;
color:#333;
padding-top:30px;
margin-bottom:20px;
}

.author_bio .item_main .img {
float:left;
margin-right:10px;
margin-top:5px !important;
}
.author_bio .item_main .img img {
margin-top:0px !important;
}

.author_bio .item_main h4 {
margin-top:0;
padding-top:0;
padding-bottom:0;
margin-bottom:0;
font-size:14px;
font-weight:bold;
}
.author_bio .item_main p {
margin-top:0px;
padding-top:0;
margin-bottom:0;
padding-bottom:3px;
font-size:14px;
line-height:18px;
}

p.ourdetails {
text-align:center;
font-size:12px;
margin:0;
padding:15px 0 15px 0;
font-family:Arial, helvetica, sans-serif;
color:#333;
border-top:1px dotted #DEDEDE;
}

/* Vacancies */

#header_vacancies {
height:30px;
background:#FFEAEF;
border-bottom:1px dotted #FF3366;
position:relative;
}

a.were_hiring {
background:url(../images/were_hiring.gif) 0 0 no-repeat;
display:block;
height:37px;
width:123px;
position:absolute;
left:-7px;
top:4px;
border:0;
z-index:10;
}

a.were_hiring span {
display:none;
}

a.were_hiring:hover {
background-position:0 -37px;
}

div#more_vacancies {
position:absolute;
top:0;
right:-6px;
background:transparent url(../images/arrow.gif) 100% 0 no-repeat;
color:#333;
font:italic 0.9em Georgia;
width:100%;
height:30px;
text-align:right;
padding:6px 20px 0 0;
}

.item_main .job_summary p {
font-size:19px;
line-height:25px;
}

h2.job_title {
font-size:20px;
margin:22px 0 24px 60px;
text-transform:uppercase;
font-size:16px;
}

h2.job_title span {
color:#A56E53;
}

div.careers_content {
margin-bottom:30px;
}

div.job_description {
margin-top:0;
padding-top:0;
}

.left_thumb {
float:left;
width:225px;
}

.right_thumb {
float:right;
width:225px;
}

.left_thumb img, .right_thumb img {
border:none;
margin-top:12px;
margin-bottom:4px;
}

span.clear {
display:block;
height:1px;
clear:both;
}

/*-- new twitter --*/

#twitter_div {
float:right;
width:360px;
background-image:none;
padding-left:0;
padding-right:10px;
}

.grid #twitter {
background-color:#E8F5FC;
background-image:none;
overflow:hidden;
margin:0 0 10px;
padding:16px 0px 16px 0px;
position:relative;
width:100%;
}

#twitter a.icon_twitter {
background:#E8F5FC url(../images/new/tweet.gif) no-repeat 10px 0px;
display:block;
float:left;
width:45px;
height:33px;
border:none;
padding-left:10px;
position:absolute;
top:32%;
}

#twitter a.icon_twitter span {
display:none;
}

/* -- slide away --*/

#slides{
  height:473px;
  width:916px;
  overflow:hidden;
}

.slide{
  float:left;
}

#menu{
height:58px;
position:absolute;
bottom:25px;
left:110px;
}

#menu li{
width:58px;
display:inline-block;
list-style:none;
height:58px;
overflow:hidden;
background-color:#B46E53;
padding:1px;
margin-right:5px;
}

#menu li.act {
border:4px solid #B46E53;
}

#menu li a{
display:block;
height:58px;
text-decoration:none;
border:none;
}

#case_study_gallery {
position:relative;
overflow:hidden;
}

#case_study_gallery #case_study_title {
background:transparent url(../images/projects/case_study_title_bg.png) 0 0 repeat;
position:absolute;
width:290px;
top:50px;
left:0px;
padding:15px 30px;
}

a.project_case_study {
width:75px;
height:74px;
display:block;
position:absolute;
margin-left:280px;
margin-top:-37px;
text-decoration:none;
border:none;
background:transparent url(/images/site/case_study.png) 0 0 no-repeat;
}

#bd-casestudy .body_block .right_col.abbeytheatre {
width:300px;
padding-right:40px;
}

p.case_study_title_link {
clear:both;
color:#fff;
}

#project_quotes {
margin-top:50px;
width:100%;
}

#project_quotes li {
margin-bottom:50px;
width:100%;
}

.project_quote {
background-color:#FFF1C6;
padding:20px;
}

.project_quote p {
padding-top:0;
}

.quote_name {
background:transparent url(../images/projects/quote_bg.gif) 170px 0 no-repeat;
position:relative;
padding-left:20px;
}

.quote_name p {
padding-top:7px;
width:190px;
font-size:16px;
}

.quote_name p.role {
font-size:12px;
padding-top:3px;
}

.quote_image {
position:absolute;
right:20px;
top:-30px;
}

.case_study_side_header {
padding-bottom:5px;
border-bottom:1px solid #F4E3D4;
}

.tag_cloud p {
padding-top:10px;
}

.tag_cloud {
padding-bottom:50px;
}

.related_projects li {
padding-bottom:20px;
}

.related_projects p {
padding-top:5px;
}

.related_projects h6 {
font-weight:normal;
font-size:18px;
padding-top:20px;
}

.related_projects p {
font-size:14px;
}

.related_projects p.company {
font-style:italic;
font-size:16px;
color:#444;
padding-top:0px;
}

.related_project_image {
position:relative;
}

.related_project_image .related_project_case_study {
position:absolute;
background:transparent url(/images/site/case_study.png) 0 0 no-repeat;
width:75px;
height:74px;
display:block;
right:0px;
top:-20px;
border:none;
}

.related_project_image .related_project_case_study span {
display:none;
}

#footer_chunky {
background-color:#FFF1C6;
padding:20px 0;
overflow:hidden;
width:100%;
clear:both;
}

#footer_chunky p.like {
text-align:center;
font-size:18px;
color:#333;
padding-bottom:30px;
padding-top:0px;
}

.footer_chunky_left {
margin-top:20px;
float:left;
padding-left:90px;
width:330px;
background:url(/images/avatars/uploads/avatar_21.jpg) no-repeat 90px 0 transparent;
}

.footer_chunky_right {
margin-top:20px;
float:right;
padding-right:55px;
width:330px;
font-size:15px;
}

.footer_chunky_right p {
padding-top:10px;
}

.or {
background:transparent url(../images/projects/or.png) 0 0 no-repeat;
width:30px;
height:117px;
float:left;
}

.footer_chunky_left h5 {
padding-left:70px;
}

.footer_chunky_left p#telephone {
background-image:none;
margin:0;
padding-left:70px;
}

/*DH removing CSS3 for Island Lolly so i am
#bd-home .project_snippet  {
text-shadow:0 -1px 0 #000;
}*/

#bd-home .project_snippet a.project_case_study {
margin-left:0;
margin-top:-78px;
}

a .project_snippet h3, a .project_snippet p, .project_snippet h3 a.case_study_block, .project_snippet p a.case_study_block {
color:#FFF;
border:none;
}

a .project_snippet h3:hover, a .project_snippet p:hover, .project_snippet h3 a.case_study_block:hover, .project_snippet p a.case_study_block:hover {
color:#FF3366;
}

.related_project_image a.project_external {
margin-left:220px;
margin-top:-220px;
}





/* -- MR CRAB -- */

.grid .mr_crab {
height:53px;
width:83px;
margin:0px auto 0 -93px;
position:absolute;
bottom:0;
    -webkit-animation-name: 'mr_crab';
    -webkit-animation-duration: 15s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
}

.grid .mr_crab div {
height:53px;
width:83px;
position:absolute;
}

.grid .mr_crab .mr_crab_body {
background:transparent url(../images/site/mr_crab_body.png) 0 0 no-repeat; 
margin-bottom:13px;
}

.grid .mr_crab .mr_crab_left_claw {
background:transparent url(../images/site/mr_crab_left_claw.png) 0 0 no-repeat; 
    -webkit-animation-name: 'mr_crab_left_claw';
    -webkit-animation-delay: 2s;    
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
}

.grid .mr_crab .mr_crab_right_claw {
background:transparent url(../images/site/mr_crab_right_claw.png) 0 0 no-repeat; 
    -webkit-animation-name: 'mr_crab_right_claw';
    -webkit-animation-delay: 2s;    
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
}

.grid .mr_crab .mr_crab_left_antenae {
    -webkit-animation-name: 'mr_crab_left_antenae';
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
background:transparent url(../images/site/mr_crab_left_antenae.png) 0 0 no-repeat; 
}

.grid .mr_crab .mr_crab_right_antenae {
    -webkit-animation-name: 'mr_crab_right_antenae';
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0.75s;
    -webkit-animation-iteration-count: infinite;
background:transparent url(../images/site/mr_crab_right_antenae.png) 0 0 no-repeat; 
}

.grid .mr_crab .mr_crab_left_legs {
background:transparent url(../images/site/mr_crab_left_legs.png) 0 0 no-repeat; 
    -webkit-animation-name: 'mr_crab_left_legs';
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
}

.grid .mr_crab .mr_crab_right_legs {
background:transparent url(../images/site/mr_crab_right_legs.png) 0 0 no-repeat; 
    -webkit-animation-name: 'mr_crab_right_legs';
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;

}

@-webkit-keyframes 'mr_crab' {
    from {   
     -webkit-transform:translate(-1000px, 0px);  
    }
    10% {
      animation-timing-function: ease-in;
     -webkit-transform:translate(-1000px, 0px);	    
    }
    20% {
      animation-timing-function: ease-in;
      -webkit-transform:translate(260px, 0);   	
    }
    30% {
      -webkit-transform:translate(255px, 0);   	
    }
    40% {
      -webkit-transform:translate(265px, 0);   	
    }
    50% {
      -webkit-transform:translate(255px, 0);   	
    }
    60% {
      -webkit-transform:translate(265px, 0);   	
    }
    70% {
      -webkit-transform:translate(255px, 0);   	
    }
    80% {
      animation-timing-function: ease-out;
      -webkit-transform:translate(260px, 0);   		    
    }
    90% {
      animation-timing-function: ease-out;
      -webkit-transform:translate(2000px, 0px);   	    
    }
    to {
      -webkit-transform:translate(2000px, 0px); 
    }
 }


  @-webkit-keyframes 'mr_crab_left_antenae' {
    from {
	-webkit-transform:rotate(10deg);
    }
    50% {
    }
    to {
	-webkit-transform:rotate(10deg);
    }
}

  @-webkit-keyframes 'mr_crab_right_antenae' {
    from {
	-webkit-transform:rotate(-10deg);
    }
    50% {
    }
    to {
	-webkit-transform:rotate(-10deg);
    }
}

  @-webkit-keyframes 'mr_crab_left_legs' {
    from {   
      -webkit-transform:rotate(0);  
    }
    50% {
      -webkit-transform:rotate(-5deg);  	    
    }
    to {
      -webkit-transform:rotate(0);   
    }
 }

   @-webkit-keyframes 'mr_crab_right_legs' {
    from {   
      -webkit-transform:rotate(0);  
    }
    50% {
      -webkit-transform:rotate(-5deg);  	    
    }
    to {
      -webkit-transform:rotate(0);   
    }
 }

   @-webkit-keyframes 'mr_crab_left_claw' {
    from {   
      -webkit-transform:rotate(0);  
    }
    50% {
      -webkit-transform:rotate(12deg);  	    
    }
    to {
      -webkit-transform:rotate(0);   
    }
 }

   @-webkit-keyframes 'mr_crab_right_claw' {
    from {   
      -webkit-transform:rotate(0);  
    }
    50% {
      -webkit-transform:rotate(-12deg);  	    
    }
    to {
      -webkit-transform:rotate(0);   
    }
 }