/*  
Theme Name: Cipriani v2
Theme URI: http://ciprianidesign.com
Description: Cipriani Design theme for WordPress
Version: 2.0
Author: Jim Cipriani
Author URI: http://ciprianidesign.com
*/

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,
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;
	line-height:1.3em; 
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}


/* a, a:link, a:visited { color:#26a; } */
a, a:link, a:visited { color:#37d; }
a:hover { color:#49f; }
/*
a, a:link, a:visited { color:#E30; }
a:hover { color:#A30; }
*/

/* div { border:1px solid #999; margin:-2px; } */


body { 
	background:#434343 url(images/CD_01_01.gif) repeat-x; 
	/* background:#434343 url(images/newbackground.jpg) repeat-y;  */
	font-family:"Helvetica Neue",Helvetica,"Lucida Grande",Arial,Verdana,sans-serif;
	font-size:75%;
	color:#333;
	line-height:1.3em;
	margin:10px 60px 30px 60px;
	text-align:left;
	}
	
p { margin-bottom:.8em; }

h1 { font-size:6.75em; font-weight:900; color:#55534d; letter-spacing:-.06em; line-height:.8em;}
h2 { font-size:4em; font-weight:400; color:#55534d; letter-spacing:-.06em; line-height:.8em;  padding:0 0 1em 0;} 
h3 { color:#55534d; font-size:2em; font-weight:bold; letter-spacing:-.05em; margin:0 0 0.5em;   }
h4 { color:#709A44;
font-size:0.9em;
font-weight:bold;
letter-spacing:0.03em;
margin:0 0 0.3em;
text-transform:uppercase; }
h5 {}
h6 {}

#page h4 { color:#F32700;
font-size:1.5em;
font-weight:lighter;
letter-spacing:-0.05em;
margin:0 0 0.3em;
text-transform:none; }

.EIP_textbox { font-size:1em;  letter-spacing:-0.03em;}

#home h1 {  padding:0 0 1em 0; }
#single h1 {  padding:0.1em 0 0.25em; font-size:5.5em; }
#single .secondary h2 { color: #887; font-size:2.5em; letter-spacing:-0.05em; line-height:30px; padding:0 0 0.3em; }
/* #single .EIP_content { display:none; } */

#tagline { 
border-left:1px solid #555555;
color:#666666;
float:left;
font-size:1.5em;
font-weight:200;
height:15px;
margin:22px 0 0 20px;
padding:0 0 10px 15px;
}

#tagline a { color:#666666; }
#tagline a:hover { color:#AAA; }

#topshadow { width:1030px; background:#434343 url(images/bg_shadow_top.gif) no-repeat 0 bottom; height:10px;  }
#outercontainer { width:1030px; background:#434343 url(images/bg_shadow.gif) repeat-y; text-align:left; }
#innercontainer { width:980px; margin:0 0 0 21px; }

#header {height:65px; background:#434343; overflow:hidden;  padding-top:25px;}
#menu { float:right; height:72px; margin-right:30px;; }
#menu a, #brand a { display:block; height:72px; }

#brand { width:260px; height:72px; background:url(images/CD_01_home_a.gif) no-repeat 10px 5px; cursor:pointer; float:left; text-indent:-10000px; left:2	0px; position:relative;}
#home #brand a, #brand a:hover { width:260px; height:72px; display:block; background:url(images/CD_01_home_b.gif) no-repeat 10px 5px;  }

.no_categories { display:none; }

.right { float:right; }
.left { float:left; }
.clear { clear:both; }



#menu li { height:36px;margin:22px 0; }
#menu li a { display:block; font-size:15px; margin:8px 9px; text-transform:uppercase; }
#menu li a { color:#aaa; text-decoration:none; }
#menu li a:hover { color:#fff; }
#menu li.about {border-left:1px solid #666666; margin-left:25px; padding-left:10px;}

 
.sIFR-active #menu li, .sIFR-active #menu li a { font-size:23px;height:30px;margin:23px 1px; }
.sIFR-active #menu li.about { border-left:1px solid #666; margin-left:20px;padding-left:10px; }


.client-login { position:relative;text-align:right;top:7px;width:1050px;}
.client-login a { color:#555; text-decoration:none; font-size:.8em; text-decoration:none; }
.client-login a:hover { color:#999; }

.photo, .about, .strategy, .home, .design, .build, .start { height:72px; float:right; }

#primary { padding:10px; border:0px solid #900;background: #E3E6E3; }
#primary .primary { float:left; width:635px; margin:0; border:0px solid #900; text-align:left; }
#primary .secondary { color:#555; float:left; /* width:320px; */ width:300px; margin:0; position:relative; min-height:450px; text-shadow: white 0px 1px 1px; }

#sidebar {}
#sidebar h2 { font-size:1.4em; padding:.5em 0 .3em; letter-spacing:-.05em;}
#sidebar li { list-style:none; } 
#sidebar .sidebar2, #sidebar .sidebar1 { float:left; margin:0 5px 0 0; width:140px; display:none; }
#sidebar .sidebar2 { border-left:1px solid #999; padding:0 0 0 20px;}

.post-meta { display:none;}
.featured { clear:both; border-bottom:1px solid #666; border-top:1px solid #666; padding:10px 0; margin:10px 0; color:#666; }
.navigation { font-weight:bold; width:300px;  text-transform:uppercase; font-size:0.75em; letter-spacing:0.06em; }
.featured div { padding:0 10px 0 0; list-style:none; height:1.5em; text-transform:uppercase; font-weight:bold; }
.navigation a, .featured div a { text-decoration:none; /* border-left:1px solid #AAA; */ margin:0 5px 0 4px; padding:0 0 0 10px; font-weight:normal; padding:0; }
.navigation a:hover,.featured div a:hover { text-decoration:underline; }
.featured { overflow:auto; font-size:0.75em; letter-spacing:0.06em; font-weight:bold; }
.featured a { font-weight:normal;} 


#feature { background-color:#F1F2ED; height:301px; width:980px; position:relative; overflow:hidden; border-bottom:1px solid #333333; }
#home #feature {border-bottom:0px solid #333333; cursor:pointer; }
#feature .content { bottom:0; position:absolute; width:734px; overflow:hidden; padding:20px 20px 0; }
#feature .content a h1, #feature .content h1 { width:650px; padding:0 0 10px 0; /* text-shadow:0px 0 30px rgba(255, 255, 255, 0.75); */}
#feature .content a { display:block; padding:200px 1000px 0px 0px; text-decoration:none; }
#feature .content h1 span { color:#F32700; }
#feature .content a p, #feature .content p  { font-size:14pt; font-weight:200; /* color:#7f7d78; */color:#333333; line-height:1.3em; width:650px; /* text-shadow:0 0 10px rgba(255, 255, 255, 1); */}


#clients, #clients_inner { width:205px; height:270px; border-left:1px solid #333; float:right; padding:20px; position:relative; }
#clients ul.clients  { left:25px; /* border-top:1px solid #333; */ list-style:none; position:absolute; bottom:30px; }
#clients li a  { display:block; padding:0.3em 0 .4em; border-bottom:1px solid #ccc; color:#999; text-decoration:none; }
#clients li a:hover { color:#333; }

#page.page_about #feature .content p { color:#999; }
#page.page_about #content .post p { color:#999; font-size:1.3em;  }
#page.page_about #content .post p strong { 
color:#CCCCCC;
display:block;
font-size:0.7em;
font-weight:bold;
letter-spacing:0.2em;
padding:1em 0 0;
text-transform:uppercase;
}

.featured h3 {color:#55534D;
font-size:1.3em;
font-weight:bold;
letter-spacing:0.1em;
margin:0.3em 0 0.8em;
text-transform:uppercase; display:none;}


#tags { font-size:0.9em; }
#technorati { font-size:0.9em;
/* left:635px; */
padding:1em 0;
position:relative; }
#edit-link { padding:1em 0; }
#archive #clients { height:165px; }

.single-post .content { padding:1em 0 .5em; font-size:1.1em; line-height:1.2em; }



#middle { /* border-top:1px solid #333333; */ /* height:180px; */ width:980px; background:#F1F2ED /* url(images/CD_01_14.gif) repeat-x 0 -1px */; border-top:1px solid #333333;  }
#middle h2 { color:#666666; font-size:2em; font-weight:200;  line-height:1.2em; letter-spacing:-0.04em; padding:.5em 0 .5em; text-shadow: white 0px 1px 1px;}
#middle h2 a { line-height:1.2em; }
.middle { float:left; height:72px; overflow:hidden; border-right:1px solid #333;  }
#middle h4 { font-size:16px;letter-spacing:-.5px;margin:0 0 4px;font-weight:normal; } 
#middle .middle:hover { background:#fff; }

#fbc_login span small, .middle p { color:#888; font-size:10pt; line-height:1.2em; }
#fb_login_image { margin:.5em 0; }
.middle.last { border-right:0px solid #a4a6a1; display:none;}

/* #bottom { width:980px; background:url(images/CD_01_18.gif) #fff repeat-x bottom; border-top:1px solid #0A0A0A; overflow:hidden; } */
#bottom, #content { width:980px; background:#333; border-top:1px solid #0A0A0A; overflow:hidden; color:#ddd; }

#page.page_about #feature  { background:#000 /* url(images/photo_me.jpg) */ no-repeat scroll 0 -150px; height:300px;}

#page.page_about #content { background:#222; border-top:1px solid #333;}

#bottom ul { width:981px; }
#bottom li { float:left; }
#bottom li a { border-bottom:1px solid #2A2A2A;
width:200px;
height:155px;
border-right:1px solid #2A2A2A;
color:#999999;
display:block;
float:left;
margin:0 auto;
overflow:hidden;
padding:2em 22px;
text-decoration:none;
}
#bottom li a:hover { border-bottom:1px solid #000; border-right:1px solid #000; }
#bottom li img { padding:0; cursor:pointer;}
#bottom li a h3 { cursor:pointer; font-size:1.3em;
width:190px;
font-weight:lighter;
letter-spacing:-0.02em;
line-height:1em;
margin:0;
padding:0.75em 0 0; }
#bottom li a:hover h3 { color:#75736A; }

/*
#bottom li.small a { height:150px; width:100px;padding:20px 12px 0 10px; }
#bottom li.small a h3 { font-size:1.2em;letter-spacing:-0.01em;line-height:1em; padding:1.5em 0; font-weight:normal; }
#bottom li.small img { width:100px; height:62px; }
*/

#bottom li a { position:relative; }

#bottom li.small a { padding:1.5em 22px; height:82px; }

#bottom li.small a h3 { display:none; }



#footer { width:940px; height:36px; background:url(images/CD_01_19.gif) #696969 repeat-x; padding:20px 20px 0; }
#footer, #footer a { font-size:7.5pt; color:#999; }
#footer a:hover { color:#fff; }
#footer_shadow { width:1030px; height:26px; background:url(images/bg_shadow_bottom.gif) #434343 no-repeat; }

#the_breadcrumb, #the_breadcrumb a { color:#999; font-size:.95em; text-decoration:none; display:none; }
#the_breadcrumb a:hover {text-decoration:underline;}

.clickable {  cursor:pointer; cursor:hand;}
#bottom .clickable:hover { background:#222; }
/* #feature .clickable:hover { background:#F1F2ED; } */

.image1, .image2 { list-style:none; padding:0; margin:0; padding:0;  }
.image2 img, .image1 img { list-style:none; border:1px solid #444; }

.thumbnails { padding:20px 0 0; /* display:none; */ }
.thumbnails .image1, .thumbnails .image2 { padding:0; }
.thumbnails li { margin:0 10px 10px 0; /* border:1px solid #777; */ width:60px; height:60px; cursor:pointer; }
.thumbnails a { display:block; }

/* #home .image1 { margin-bottom:10px; } */


#archive #feature { height:200px; }



#middleheader { background:#222; display:block; padding:30px 20px; text-decoration:none; width:940px; }
#middleheader h3 { margin:0; }
#archive #middleheader {padding:15px 20px;}

#feature.dark ul.clients  				{ background:transparent url(images/black_30-trans.png); }
#feature.dark #clients_inner  	{ background:transparent url(images/black_20-trans.png); }
#feature.light ul.clients 				{ background:transparent url(images/white_30-trans.png); color:#eee; }
#feature.light #clients_inner  	{ background:transparent url(images/white_20-trans.png); }

#home #clients h3 { color:#888; border-bottom:0px solid #333333; margin:0; padding:10px 20px 10px; margin-bottom:1px;}
#home #feature.dark #clients h3 { color:#ccc; }

#feature #clients li a { display:block; font-size:1.2em; font-weight:bold; text-decoration:none; text-indent:20px; width:300px; margin:0 0 1px; border:0;}
#feature.dark #clients li a { background:transparent url(images/black_30-trans.png) repeat scroll 0 0; /* border-bottom:1px solid #333; */ color:#CCCCCC; }
#feature.light #clients li a { background:transparent url(images/white_30-trans.png) repeat scroll 0 0; /* border-bottom:1px solid #333; */ /* color:#999944; */ color:#333;  }

#feature.dark #clients li a:hover { background:url(images/black_60-trans.png); color:#fff; }
#feature.light #clients li a:hover { background:url(images/white_70-trans.png); color:#000; }

#feature.dark h1 { color:#fff; }
#feature.light h1 { color:#333; }

#feature.dark .content a p, #feature.dark .content p { color:#fff; }
#feature.light .content a p, #feature.light .content p {  }

#clients { height:300px; } 



/* #feature .content.dark h1 { color:#25231D;} */
#clients { width:245px; border-left:1px solid #333333; padding:0; }



#tag #feature, #page #feature, #error404 #feature { height:150px; }
#error404 #clients, #archive #clients { height:200px; }

#tag #clients ul.clients, #tag #feature .cat-item .children { display:none; }


#page #content .post { padding:20px; width:500px; }

/* #page .post { width:650px; } */


#cformsform { color:#999; padding:0 0 0 20px; }
#cformsform label  { width:150px; display:block; padding:10px 0 5px 0; font-size:1.2em; }
#cformsform li span.reqtxt, #cformsform li span.emailreqtxt { padding:0 0 0 7px; }

p.cf-sb input { margin:20px 0 0 0 ;}

#usermessagea.failure { font-size:1.5em; padding:0 0 0 20px; color:#FFFF99;}
li.cf_li_err, li.cf_li_err .emailreqtxt { color:#FFFF99; font-weight: bold; }
li.cf_li_err input { background:#FFFF99; }
.cf_li_err, .cform .cf_li_err .emailreqtxt, .cform .cf_li_err .reqtxt  { color:#FFFF99; }

input, textarea { background:#EEEEEE none repeat scroll 0 0;
border:0 none;
color:#555555;
font-size:1.2em;
padding:0.25em;	font-family:Helvetica,"Lucida Grande",Arial,Verdana,sans-serif;
}

input:focus, textarea:focus { background:#fff none repeat scroll 0 0; }

.cform legend, .linklove { display:none; }

.cform { margin:0; width:410px; }
.cform fieldset { background:transparent; border:0; }
/* .cform .emailreqtxt, .cform .reqtxt { color:#999; } */
p.cf-sb { margin:0 0 20px 0; text-align:left; }
div.cf_info { margin:0; }

/* #twitter { background:#222;clear: both;color: #666;font-weight:200;letter-spacing:0px;font-size: 16px;padding:10px 15px 10px;} */
#twitter { clear: both;color: #666;font-weight:200;letter-spacing:0px;padding:6px 15px 10px;overflow: hidden;padding: 6px 15px 10px;width:790px;}
#twitter a {color:#777; padding:0 0px 0 5px; }
.twitter-timestamp { color:#555; font-size:10px; line-height:18px; float:right; display:none; }
#twitter-speak { 	background: url(images/speak.png) no-repeat transparent; display: block;height: 25px;left:37px;position: absolute;top: 30px;width: 25px;z-index: 1000;}


.fbconnect_share {border:0; margin:0; padding:0; font-size:0.85em;}

html a.fb_share_button {
background:#FFFFFF url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat scroll right top;
border:1px solid #D8DFEA;
display:inline-block;
height:15px;
padding:1px 20px 0 5px;
width:40px;
}

.fbc_connect_button_area { border-left:0 dashed grey;
float:left;
margin-left:0;
margin-top:0;
padding-left:0;
padding-top:0;}

#categorydiv div.ui-tabs-panel, #linkcategorydiv div.ui-tabs-panel { height:350px; overflow:auto;
padding:0.5em 0.9em;
}

#feature .content a p.project_client, #feature .content p.project_client {
font-size:7pt;
font-weight:900;
letter-spacing:1em;
line-height:1.3em;
position:relative;
text-transform:uppercase;
top:-10px;
opacity:0.5;
filter:alpha(opacity=50);
}


.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

#post-strategy { left:10px;overflow:hidden;position:relative; }
#primary #post-strategy .primary { border:0 solid #990000;float:right;margin:80px 0 20px;text-align:right;width:500px; }
#primary #post-strategy .secondary { float:left;margin:0;min-height:450px;position:relative;width:400px; padding:60px 20px 40px 20px; }
#primary #post-strategy .thumbnails, #primary #post-strategy .featured { display:none; }
#primary #post-strategy .navigation { margin:30px 0 0 0; }

#twitter_update_list { float:left; list-style: none; }
#twitter_update_list li { float:left;list-style: none; position:relative; padding:0px 3px 0 10px; position:relative; top:-2px; }
#twitter_update_list li span+a { display:none; }
#twitter-link { position:relative; top:-2px;	 }