/*
THEME NAME: The Change
THEME URI: http://thechangestrategy.com
AUTHOR: Troy Thompson
AUTHOR URI: http://tr0y.com
*/

/*	=Layout
--------------------------------------*/
html {direction: ltr; unicode-bidi: embed;}
#top { position:absolute; top:0; }
#doc { margin:0 0 0 3.85em; position:relative; top:0; left:0;}
#doc, #ft { width:73.08em; *width:71.27em; min-width:950px; }
.home #doc, .home #ft { text-align:left; width:57.69em;*width:56.301em;min-width:750px;} /* thinner on homepage */
.home #doc { top:3em; }
.four04 #doc, .nojsmenu #doc, .adminmenu #doc { margin:0 0 0 18em !important; } top:5.7em; /* need more margin if menu isn't working */
#bd { min-height:500px; height:auto !important; height:500px; }
#bd { margin-top:3em; }
.jsmenu #bd { margin-top:6em; }
.parent-work #bd { margin-top:0; }
#ft { position:fixed; bottom:0; }
	#back-to-top { position:absolute; right:1em; bottom:0; }
	#contact-us { margin:0 auto; font-size:90%; width:13em; padding:.25em 1em; background:#fff; }

.sidebar #content, .post-nav { width:71%; float:left; }
#sidebar { width:26%; float:right; }

/*	=Typography
--------------------------------------*/
/* Headers */
h1,h2,h3,h4,h5,h6 { margin:.5em 0; }
h1,h2,h3 { }
h1 { font-size:290.83%; /* 37.77px 32pt */ }
h2 { font-size:218.14%; /* 28.33px 24pt */ }
h3 { font-size:145.38%; /* 18.88px 16pt */ }
h4 { font-size:100%;    /* 12.98px 11pt */ }
h5 { font-size:90.86%;  /* 11.8px 10pt  */ }
.entry-title { font-size:290.83%; margin:1em 0 0 0; padding:0; }
.first-post .entry-title { margin:0; }
.entry-title a { color:#000; text-decoration:none; margin:0; padding:0; }

.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 { font-weight:normal; }

#bd {  color:#666; }

#hd h1, .page .entry-title, .entry-date { display:none; }
.search .page .entry-title { display:block; }
.four04 .entry-title { display:block; }
#sidebar { font-size:120%;}


/*	=Links
--------------------------------------*/
a { text-decoration:none; font-weight:bold; color:#DFA200; }
a:hover { text-decoration:underline; }

/* iconified links */
a.doc, a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(img/ico/doc/doc.gif) no-repeat center right;
}
a.pdf, a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(img/ico/doc/pdf.gif) no-repeat center right;
}

.lightbox  { 
	padding: 5px 20px 5px 0;
	background: transparent url(img/ico/media/pic.gif) no-repeat center right;
}

a.mail, a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(img/ico/com/mail.gif) no-repeat center right;
}
.edit-link a, .edit-boxes-link a {
	background:#fff url('img/ico/pencil.png') left center no-repeat;
	padding: 2px 0px 2px 20px;
}
.boxes-page .edit-link a, .edit-boxes-link a {
	position:fixed;
	right:2em;
	margin-left:-50px;
	z-index:10;
}
.edit-boxes-link a { margin-top:3em; }

#see-more-work { position:absolute; bottom:-3em; z-index:9; }

/*	=Forms
--------------------------------------*/
.text, textarea, select{
    font-size:1.1em;
    line-height:1.3em;
	padding:.2em;
	border:1px solid #c3c3c3;
    border-top-color:#7c7c7c;
    border-bottom-color:#ddd;
    background:#fff url(img/forms/bg-field.gif) repeat-x top;
}
textarea:focus, .text:focus { background-color: #ffffee; }

/*	=Flash Messages
--------------------------------------*/
/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a, .notice a, .success a { text-decoration:underline; }
.error a { color: #f00; }
.notice a { color: #817134; }
.success a { color: #0f0; }

/*	=Posts
--------------------------------------*/
.entry-content { position:relative; }
.post { background:url(img/flame.gif) 50% 0 no-repeat; padding-top:45px; }
.first-post { background:none; padding-top:0; }

/*	=Page Specific
--------------------------------------*/
/* home */
.home #doc { margin-top:3.38em; }
#contact-us { display:none; }
.home #contact-us { display:block; }

/* contact page */
#post-13 dl, .p-about-contact dl * { margin:0; padding:0; }
#post-13 dt, #post-13 dd { text-transform:lowercase; font-size:145.38%; font-weight:normal; }
#post-13 dt a { font-size:200%; }

.p-about-contact dd { text-transform:uppercase; font-weight:bold; font-size:290.83%; }

/* accomplices */
.p-accomplices .entry-content { color:#000; }
.p-accomplices .entry-content ul { margin-left:0; }
.p-accomplices #accomplices h3 { font-size:200%; padding:0;margin:0; }
.p-accomplices #accomplices td { border:0; padding:0 1em; vertical-align:top; width:50%; }
.p-accomplices #accomplices h3 a { color:#000; }
.p-accomplices #accomplices h3 a:hover { color:#DFA200; }

/* work */
.p-work .entry-content li a {  color:#000; font-size:120%;  }
.p-work .entry-content li a:hover {  color:#E4A200; font-size:120%;  }
.p-work .entry-content li { list-style:none; margin-top:.5em; }

.jsmenu .horiz img { float:left; margin-right:1em; }



/*	=Widgets
--------------------------------------*/
.widget-title { background:url(img/widget-title.gif) 0 0 repeat-x; height:51px; line-height:51px; vertical-align:middle; padding-left:1em; }
.widgets, .widget { list-style:none; margin-left:0; }
.widget { margin-bottom:1em; }
#seo-search { background:url(img/widget-sep.gif) 0 100% repeat-x; padding-bottom:1em; }
#seo-search .widget-title, #seo-search .submit { display:none; }

#topics { margin-top:3em; }
#topics li { margin-bottom:1.2em; }
#topics .cat-item a { color:#666; }
#topics a:hover, #topics .current-cat a { color:#DFA200; }


/*	=General Classes
--------------------------------------*/
/* visibility */
.show { display:block !important; }
.hide { display:none !important; }

/* widths */
.third { width:32% !important; }
.half{ width:48% !important; }
.full{ width:100% !important;}

/* typography */
.highlight  { background:#ff0; }
.upper { text-transform:uppercase; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* layout */
.alignleft,.flt-l { float:left; }
.flt-r { float:right; }

img.alignleft { margin-right:1em; }
img.alignright { margin-left:1em; }

.naked, .naked li { list-style:none; margin-left:0; }


/* display */
.block { display:block; }
.inline { display:inline; }

.meta-bold { font-weight:bold; }


/* boxes */
#editing {
    padding: 1em;
    color: #fff;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
}
.boxes .preview { z-index:3 !important; }
#bd .boxes { position:relative; padding:0; margin:0; }
.boxes li { display:block; float:left; margin:5px; list-style:none; width:72px; height:72px; overflow:hidden; }
.boxes .preview { height:auto; width:auto; }
.boxes li * { margin:0 !important; padding:0 !important; }

/*	=Sifr
--------------------------------------*/
.sIFR-replaced object { outline:none; }
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/* =IE6 Fixes
--------------------------------------*/
.ie6 .dropShadow, .ie6 #ft { display:none; }


/*	=Hacks
--------------------------------------*/
/* PIE Clearer */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*	=Layout (added by NacreData)
--------------------------------------*/

#worktextouter {
	float: left;
	clear:left;
	width:350px;
	height:650px; 
	margin:5px 10px 5px 5px;
	padding: 0 0 0 0; 
	overflow: hidden;
	background-image: url(/img/work/scroll_right.gif); 
	background-position: bottom right;
	background-repeat: no-repeat;
}
#worktextinner {
	width:100%;
	margin:58px 0 0 0;
	padding:0 0 0 0;
}
#worktextinner h1 {
	margin:0 0 0 0;
	padding:10px 20px 10px 20px; 
}
#worktext {
	margin:0 0 0 0;
	padding:0 20px 0 20px;
}
#worktext,
#worktext p {
	font-size:16px;
	line-height:24px;
}
.horizimagecontainer {
	float: left;
	clear:none;
}