/*
Theme Name: Diapo
Theme URI: http://diapo.co.uk
Description: Wordpress theme for Diapo
Version: 2.8.4
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/
/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/************************************************
*	Image Resizing in IE7 and IE6  				*
************************************************/
img{-ms-interpolation-mode:bicubic;}
/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*:first-child+html .clearFix{height:1%;}
*html .clearFix{height:1%;}
/************************************************
*	Wordpress default classes settings		    *
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:10px;}
.alignright { float:right; margin-left:10px;}
/************************************************
*	global settings							    *
************************************************/
html{/* to compensate for several browser bugs */font-size:100.01%;overflow: scroll;}
body {font-size:62.5%;font-family:Georgia,'Times New Roman',Times, serif; color:#666666;background-color:#FFF;font-style:italic;}
a{outline:none; text-decoration:none;font-size:1.0em;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
.red{color:#c1272d;}
.darkGrey{color:#4d4d4d;}
p a{color:#c1272d;}
#wrapper{width:980px;margin:50px auto 0;position:relative;}
.light_grey{color:#999999}
/************************************************
*	Left Column settings					    *
************************************************/
#left_col{width:120px;padding:0 20px 0 23px;float:left;position:relative;}
#logo{display:block;width:126px;height:48px;background: url(images/logo.gif) no-repeat 0 0;text-indent:-9999em;margin:0 0 20px 0}
#logo a{display:block;width:126px;height:48px;}
#contact_details{font-family:Arial, Helvetica, sans-serif;color:#999999;margin-top:258px;font-size:1.0em;line-height:1.5555em;}
#contact_details a{color:#999999}
#contact_details a:hover{color:#c1272d}
#download{border-bottom:1px dotted #bfbfbf;padding-bottom:5px;margin-bottom:5px;}
#download a{color:#c1272d;}
#download a:hover{color:#999999;}
#email{border-bottom:1px dotted #bfbfbf;padding-bottom:5px;margin-bottom:5px;}
/************************************************
*	menu settings							    *
************************************************/
/* all menu links */
#nav{font-family:Arial, Helvetica, sans-serif;border-top:1px dotted #dedede;}
#nav li{border-bottom:1px dotted #dedede;width:120px;padding:5px 0;}
#nav a{color:#999999;padding:5px 0px;}
#nav a:hover{color:#4d4d4d;}
#nav ul{height:670px;background:url(images/red_bg_80.png) repeat 0 0;padding:0 20px 0 10px;margin-top:-1px;}
#nav ul li a{color:#ffffff;padding:5px 0px;}
#nav ul li ul{height:471px;background:url(images/red_bg_70.png) repeat 0 0position:absolute;top:-62px;padding-top:62px;}
#nav ul li ul li a{color:#ffffff;padding:5px 0px;}
.sf-menu .page_status{padding:5px 0;}
/************************************************
*	Right Column settings						*
************************************************/
#right_col{width:817px;float:right;}
/************************************************
*	Services settings							*
************************************************/
#intro{margin-bottom:45px;width:540px;font-size:1.6em;line-height:1.5em;}
.category-services #accordion{padding-right:17px;}
.category-services .head{color:#4d4d4d;font-size:1.3em;line-height:1.8181em;display:block;width:530px;border-bottom:1px dotted #bfbfbf;}
.category-services .ui-state-active{background:url(images/minus.gif) no-repeat;background-position:right 50%;color:#c1272d;}
.category-services .ui-state-default{background:url(images/plus.gif) no-repeat;background-position:right 50%;color:#4d4d4d;}
.services_posts{padding-top:5px;}
.services_posts img{border:1px solid #d2d2d2}
.services_posts p{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.4em;margin-bottom:1.4em;font-style: italic;}
/************************************************
*	Contact Page settings						*
************************************************/
.category-contact h3{color:#4d4d4d;font-weight:normal;font-size:1.1em;line-height:1.8181em;display:block;border-bottom:1px dotted #bfbfbf;border-top:1px dotted #bfbfbf;}
.category-contact #right_col_left{float:left;width:260px;margin-right:10px;}
.category-contact #right_col_left ul{padding-top:3px;}
.category-contact #right_col_left ul li{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.5555em;color:#999999}
.category-contact #right_col_left ul li a{color:#999999}
.category-contact #right_col_left ul li a:hover{color:#c1272d;}
.category-contact #right_col_right{float:left;width:400px;}
.category-contact .head{color:#333333;font-size:1.2em;line-height:1.6666em;display:block;width:400px;border-bottom:1px dotted #bfbfbf;}
.position{color:#999999}
.category-contact .ui-state-active{background:url(images/minus.gif) no-repeat;background-position:right 50%;}
.category-contact .ui-state-default{background:url(images/plus.gif) no-repeat;background-position:right 50%;}
.contact_posts{padding:5px 0;border-bottom:1px dotted #bfbfbf;}
.contact_posts p{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.3636em;color:#999999}
#downloads{margin-top:20px;}
/************************************************
*	News page settings		        			*
************************************************/
.category-news #right_col{width:800px;padding-right:17px;}
.category-news h3{color:#4d4d4d;font-weight:normal;font-size:1.1em;line-height:1.8181em;display:block;border-bottom:1px dotted #bfbfbf;border-top:1px dotted #bfbfbf;}
#featured_news h2{margin-top:5px;}
#featured_news h2 a{color:#4d4d4d;font-weight:normal;font-size:1.6em;line-height:1.2em;margin-top:5px;}
.featured_news_image{width:600px;margin-top:8px;}
.post_meta{font-family:Arial, Helvetica, sans-serif;color:#999;line-height:1.2727em;}
#news_posts{border-top:1px dotted #bfbfbf;border-bottom:1px dotted #bfbfbf;padding:12px 0;margin:55px 0 0 0;}
.news_small{float:left;width:192px;margin-right:12px;}
.news_small h2 a{font-size:1.1em;line-height:1.2727em;color:#4d4d4d;}
.news_image_small{width:192px;margin-bottom:7px;}
.category-news .pagination{width:188px;float:right;padding:112px 0 0 0;}
.news_post h1{font-size:1.6em;margin-top:15px;}
.news_post p{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.4em;margin-bottom:1.4em;font-style:normal;width:600px;}
.news_post p.post_meta{font-style:italic;font-size:1.1em; margin-top:3px;}
#post_links{text-align:right;margin-right:17px;border-bottom:1px dotted #bfbfbf;padding-bottom:10px;}
#post_links a{color:#999999;}
#post_links a:hover{color:#c1272d;}
.news_post{width:600px;}
.news_post #controller{color:#fff;width: 290px;padding:6px 5px 9px 5px;margin-top:-24px;position:relative;z-index:101;}
.news_post #controller_btns{float:left;width: 590px;height:19px;padding:6px 5px 0 5px;margin-top:-24px;background:url(images/red_bg_70.png) repeat 0 0;position:relative;z-index:100;}
/************************************************
*	Pagenation Override settings		        *
************************************************/
.pagination{padding-right:20px;margin-bottom:10px;}
.wp-pagenavi{font-family:Arial, Helvetica, sans-serif!important;text-align: center!important;font-size:1.1em!important;}
.wp-pagenavi span.pages, .wp-pagenavi a, .wp-pagenavi span.current{border:none!important;padding:0!important;background-color: transparent!important;}

.wp-pagenavi, .wp-pagenavi a, .wp-pagenavi span.pages{color:#666666!important;line-height:2.0em;}
.wp-pagenavi span.pages{color:#c1272d!important;padding:0 10px 0 0!important;}
.wp-pagenavi span.current{color:#c1272d!important;}
/************************************************
*	Portfolio page settings		        		*
************************************************/
.category-staircases #right_col,.category-structural #right_col,.category-architectural #right_col{width:817px;}
.category-staircases .headings_open,.category-structural .headings_open,.category-architectural .headings_open,.category-staircases .headings_close,.category-structural .headings_close,.category-architectural .headings_close, .category-staircases .headings_close_last,.category-structural .headings_close_last,.category-architectural .headings_close_last{width:782px;}
.category-staircases .ui-state-active,.category-structural .ui-state-active,.category-architectural .ui-state-active{background:url(images/minus.gif) no-repeat;background-position:right 50%;}
.category-staircases .ui-state-default,.category-structural .ui-state-default,.category-architectural .ui-state-default{background:url(images/plus.gif) no-repeat;background-position:right 50%;}
#staircases h1, #structural h1, #architectural h1{color:#4d4d4d;font-size:1.1em;line-height:1.8181em;display:block;width:600px;float:left;border:none;}
.portfolio_posts{padding-bottom:10px;}
.portfolio_small{width:193px;position:relative;overflow: hidden;float:left;margin:10px 10px 0px 0;}
.portfolio_small div a{line-height:0.001em;}
.portfolio_small strong {background:url(images/red_bg_70.png) repeat 0 0;top: 0;display: block;position: absolute;text-align: left;margin: 0;padding: 60px 5px 0 5px;width: 183px;height: 100%;left: 0;color: #fff;font-size: 1.0em;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);font-weight:normal;line-height:1.0em;}
.portfolio_image_small{width:193px;}
#portfolio_images{width:800px;position:relative;}
#portfolio_images #myslides {width: 800px;height: 470px;z-index:100;} 
#portfolio_images #myslides img {width: 800px;height: 470px;top:0;left: 0}
#portfolio_images #controller{float:right;color:#fff;width: 390px;height:19px;padding:6px 5px 0 5px;margin-top:-24px;background:url(images/red_bg_70.png) repeat 0 0;position:relative;z-index:101;}
#portfolio_images #controller_btns{float:left;width: 390px;height:19px;padding:6px 5px 0 5px;margin-top:-24px;background:url(images/red_bg_70.png) repeat 0 0;position:relative;z-index:101;}
#prev, #pause, #next, #resume{display:block;width:13px;height:13px;float:left;text-indent: -9999em}
#prev{background:url(images/prev.png) no-repeat 0 0;padding-right:4px;border-right:1px solid #c33a3b;}
#next{background:url(images/next.png) no-repeat 0 0;margin:0 6px 0 4px;}
#pause{background:url(images/pause.png) no-repeat 0 0;margin-right:6px;}
#resume{background:url(images/play.png) no-repeat 0 0;}
#portfolio_posts_left{width:540px;float:left;margin:15px 10px 0 0;}
#portfolio_posts_left h1{font-size:1.6em;}
#portfolio_posts_left p{font-family:Arial, Helvetica, sans-serif;font-size:1.0em;color:#666;line-height:1.4em;font-style:normal;letter-spacing:0.015em;margin-bottom:14px;font-size:1.1em;}
#portfolio_posts_left p.post_meta{color:#999;line-height:1.2727em;margin-bottom:14px;font-style:italic;font-size:1.1em;}
#portfolio_posts_info{border-bottom:1px dotted #bfbfbf;position:relative;width:800px;}
#portfolio_posts_right{position: absolute;top:15px;right:0px;font-size:1.1em;}
#portfolio_posts_right a{color:#999999}
#portfolio_posts_right a:hover{color:#c1272d;}
/************************************************
*	Concept / Project page settings		        *
************************************************/
#right_col_inner{width:800px;border-bottom:1px dotted #bfbfbf;padding-bottom:15px;}
#right_col_left{float:left;width:130px;padding:0 20px 0 0px;}
#right_col_right{float:left;width:650px;}
#concept_recent_posts li{padding:5px 0;border-bottom:1px dotted #bfbfbf}
#concept_recent_posts li h2{font-size:1.0em;}
#concept_recent_posts li h2#here a{color:#4d4d4d; line-height:1.2em;}
#concept_recent_posts li h2 a{color:#999999;}
#concept_posts_left{width:520px;float:left;margin:15px 10px 0 0;}
#concept_posts_left h1{font-size:1.6em;margin-bottom:10px;}
#concept_posts_left p{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;color:#666;line-height:1.4em;font-style:normal;letter-spacing:0.015em;}
#concept_posts_right{width:120px;float:right;margin-top:7px;}
#concept_posts_right ul li.stages{background:url(images/video_icon.gif) no-repeat 0 90%;color:#4d4d4d;padding:8px 0 0 20px;border-top:1px dotted #bfbfbf;margin-bottom:5px;}
#concept_posts_right ul li.stages_first{background:url(images/video_icon.gif) no-repeat 0 90%;color:#4d4d4d;padding:8px 0 0 20px;margin-bottom:5px;}
#concept_posts_right ul li.concept_video_link{margin-bottom:8px;}
#concept_posts_right ul li.concept_video_link a{color:#999;}
#concept_posts_right ul li.concept_video_link a:hover{color:#c1272d;}
#concept_images #myslides {width: 650px;height: 382px;z-index:100;margin-top:10px;} 
#concept_images #myslides img {width: 650px;height: 382px;top:0;left: 0}
#concept_images #controller{color:#bfbfbf;width: 255px;height:19px;padding:6px 5px 0 5px;margin-top:-24px;background:url(images/red_bg_70.png) repeat 0 0;position:relative;z-index:101;}
#concept_images #controller_btns{float:left;width: 375px;height:19px;padding:6px 5px 0 5px;margin-top:-24px;background:url(images/red_bg_70.png) repeat 0 0;position:relative;z-index:101;}
#controller a{color:#fff;padding:0 2px 0 0} 
#controller a:after{content: " / ";color:#fff;}
#controller a:hover, #controller a.activeSlide{color:#c1272d}
.overlay{width:700px;height:500px;display:none;border:15px solid #fff;}
/************************************************
*	Introduction page settings		            *
************************************************/
.headings_open{border-bottom:1px dotted #BFBFBF;border-top:1px dotted #BFBFBF;color:#cc3333;display:block;font-size:1.2em;font-weight:normal;line-height:1.6666em;background:transparent url(images/minus.gif) no-repeat scroll left 50%;padding:0 0 0 20px;}
.headings_close{border-top:1px dotted #BFBFBF;color:#4D4D4D;display:block;font-size:1.2em;font-weight:normal;line-height:1.6666em;background:transparent url(images/plus.gif) no-repeat scroll left 50%;padding:0 0 0 20px;margin-bottom:0px;}
.headings_close_last{border-top:1px dotted #BFBFBF;border-bottom:1px dotted #BFBFBF;color:#4D4D4D;display:block;font-size:1.2em;font-weight:normal;line-height:1.6666em;background:transparent url(images/plus.gif) no-repeat scroll left 50%;padding:0 0 0 20px;margin-bottom:0px;}
.introduction{height:330px;padding-top:10px;}
.page-id-1176 .introduction{height:498px;}
.introduction p{font-size:1.4em;line-height:24px;width:540px;color:#333;margin-bottom:8px;}
.headings_close a, .headings_close_last a{color:#333}
/************************************************
*	Front page settings		        		*
************************************************/
#myslides {width: 799px;height: 469px;z-index:100;position:relative;} 
#myslides img {width: 799px;height: 469px;top:0;left: 0}
#controller{font-family:Arial, Helvetica, sans-serif;color:#bfbfbf;width: 300px;padding:10px 0px 0 5px;float:right;text-align: right;margin:7px 0 0 0;}
.blog #controller{border-top:1px dotted #bfbfbf;margin-right:18px;}
.blog #controller a{color:#999999;padding:0 2px 0 0;font-size:1.2em;} 
.blog #controller a:after{content: " / ";color:#999999;}
.blog #controller a:hover, .blog #controller a.activeSlide{color:#c1272d}
#latest_portfolio_title{width:494px;border-top:1px dotted #bfbfbf;margin-top:7px;}
#latest_portfolio_title h2{width:494px;font-size:1.6em;line-height:2em;float:left}
#latest_portfolio_title h2 a{color:#c1272d}
#latest_news{width:817px;}
.latest_news_small{width:193px;margin-right:9px;float:left;}
.latest_news_image_small{width:193px;margin-bottom:8px;}
.latest_news_small h2{font-size:1.0em;line-height:1.3em;}
.latest_news_small h2 a{color:#4d4d4d;}
.readMore{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#999999;line-height:1.4444em;}
.readMore:hover{color:#c1272d}
#latest_news_holder #accordion_front a.head{color:#4d4d4d;font-size:1.1em;line-height:1.8181em;display:block;border-top:1px dotted #bfbfbf;width:799px;background:url(images/minus.gif) no-repeat;background-position:right 50%;}
#latest_news_holder #accordion_front a.head-close{color:#4d4d4d;font-size:1.1em;line-height:1.8181em;display:block;border-top:1px dotted #bfbfbf;width:799px;background:url(images/plus.gif) no-repeat;background-position:right 50%;}
#latest_news_holder .ui-state-active{background:url(images/minus.gif) no-repeat;background-position:right 50%;}
#latest_news_holder .ui-state-default{background:url(images/plus.gif) no-repeat;background-position:right 50%;border-bottom:1px dotted #bfbfbf;}
#accordion-front .head-close{background:url(images/plus.gif) no-repeat;background-position:right 50%;}
#accordion-front .head{background:url(images/minus.gif) no-repeat;background-position:right 50%;}
/************************************************
*	Copyright page settings		        		*
************************************************/
#copyright p{font-family:Arial, Helvetica, sans-serif;font-size:1.1em;line-height:1.4em;width:540px;margin-bottom:1.4em;margin-top:10px;font-style: italic;}