@font-face		                        { font-family: 'Museo-Sans'; src: url('./fonts/Museo-Sans/MuseoSans_500.ttf'), url('./fonts/Museo-Sans/MuseoSans_500.woff'), url('./fonts/Museo-Sans/MuseoSans_500.otf'); }
@font-face		                        { font-family: 'MayberryPro-Semibold'; src: url('./fonts/MayberryPro-Semibold/MayberryPro-Semibold.ttf'), url('./fonts/MayberryPro-Semibold/MayberryPro-Semibold.woff'), url('./fonts/MayberryPro-Semibold/MayberryPro-Semibold.otf'); }

body,input,textarea, address          { font:normal 12px/20px "Lucida Grande",Arial,Verdana,sans-serif; color:#222; }
textarea                              { resize:none; }

body                                  { text-align:center; background:#F2EEE3 url(/images/background.png); }
p                                     { margin-bottom:20px; }
* p:last-child, input:last-child			{ margin-bottom:0; }

/* h1               				          { float:left; width:270px; height:150px; overflow:hidden; text-indent:-9999px; background: url(./images/black-pepper_OFF.png) 10px 1px no-repeat; } */
h1                                    { position:absolute; top:81px; width:213px; height:89px; background:url(/images/logo-bcdc.us.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; }
h2                                    { float:left; width:320px; height:20px; padding-bottom:20px; color:#444; text-transform:uppercase; font-size:16px; text-indent:-9999px; }
h2 + p                     	          { color:#777777; font-size:10px; }
h3 + p																{ display:none; padding: 0 0 0 44px; width:746px; }
h2 + span a		                        { text-decoration:underline; }
                                     
a:link,
a:visited,
a:active                              { color:#222222; text-decoration:none; }
a:hover                               { color:#222222; text-decoration:none; background:#3399CC; color:#F3F3EC; }

* a:focus,
* a:active                            { outline:none; -moz-outline-style:none; }                                         
/* a.external[href^="http:"]				  { background:url(/images/icon_external_link2.png) no-repeat right top; padding-right:14px; } */
/* a[href$='.pdf']                    { padding:0 20px 0 0; background:transparent url(/graphics/icons/pdf.gif) no-repeat center right; } */

.left																	{ float:left; }
.right																{ float:right; }
.center																{ float:left; }

/* ================================================================================================== */

.left																	{ width:300px; padding-right:20px; clear:both; }
.center																{ width:300px; padding-right:20px; }
.right																{ width:300px; padding-right:20px; }

a.expand                      			  { display:block; height:22px; width:180px; margin-top:20px; background:url(/images/icon_expandview.png) 80px 2px no-repeat; }
a.expand:hover												{ color:#777; }
a[rel='underline']                    { text-decoration:underline; }

/* ================================================================================================== */

#wrapper                              { width:960px; position:relative; margin:0 auto; padding:0 60px 0 60px; text-align:left; }
#content                              { position:relative; padding:40px 0 40px 0; overflow:auto; }
#header                               { width:960px; height:190px; background:url(/images/drop-shadow.png) 0 170px no-repeat; }
#header img                           { display:block; }

/* ================================================================================================== */

div.section                           { margin:40px 0 0 0; padding:40px 0 0 0; background:url(/images/dash.png) top right repeat-x; width:960px; overflow:auto; clear:both; }
div.mid-section                       { margin:20px 0 0 0; padding:20px 0 0 0; background:url(/images/dash-light.png) top right repeat-x; overflow:auto; }


div.tanka                             { background:url(/images/dash-light.png) top right repeat-x; }
div.tanka blockquote                  { width:960px; height:120px; background:url(/images/type-japanese-tanka-by-thor-correia.png) 98px 12px no-repeat; text-indent:-9999px; float:none; clear:left; }

div.black-pepper                      { background:url(/images/dash-light.png) top right repeat-x; margin-top:10px; padding-top:40px; }

div.jquery h2                         { background:url(/images/jquery-plugins.png) no-repeat; }
div.jquery h2 + p         	          { margin-bottom:20px; }
div.jquery p strong										{ color:#3399CC; }
div.jquery ul   											{ margin-bottom:20px; }
div.jquery ul li											{ color:#919D9A; }

div.snippets div.left									{ width:620px; }
div.snippets h2                       { width:620px; background:url(/images/snippets.png) no-repeat; }
div.snippets div.right h2             { width:300px; background:url(/images/tags.png) no-repeat; float:left; }

ul.tags                               { width:320px; overflow:hidden; }
ul.tags li                            { float:left; display:block; }
ul.tags li a                          { color:#666; text-decoration:none; background:#B1BCB9; padding:2px 12px; -moz-border-radius:9px; -webkit-border-radius:9px; } 
ul.tags li a:hover                    { color:#555; text-decoration:none; background:#B6E01B; text-shadow: none; }

ul li span                            { color:#777777;  font-size:10px; margin-right:20px; }
div.books h2                          { background:url(/images/books.png) no-repeat; }
div.references h2                     { background:url(/images/references.png) no-repeat; }
div.online-tools h2                   { background:url(/images/online-tools.png) no-repeat; }

div.contact h2                        { background:url(/images/type_contact.png) no-repeat; padding:0; }
div.contact p                         { font-size:12px; color:#222; clear:left; }

ul.short-tw                      		  { padding:0 60px 0 0; position:absolute; top:200px; right:0px; z-index:100; }
ul.short-tw li                        { float:right; }
ul.short-tw li                        { float:left; height:20px; text-shadow: 1px 1px 1px #EFEBE0; }
ul.short-tw li.twitter                { padding-left:30px; padding-right:10px; background:url(/images/twitter-bird.png) 0 -2px no-repeat; }
                                      
ul.short-tw a:link,                 
ul.short-tw a:visited,              
ul.short-tw a:active                  { color:#57433F; text-decoration:none; background:#B1BCB9; padding:2px 12px; -moz-border-radius:9px; -webkit-border-radius:9px; }
ul.short-tw a:hover                   { color:#57433F; text-decoration:none; background:#B6E01B; text-shadow: none; }

dl                                    { clear:both; }
dd                                    { color:#777777; font-size:10px; line-height:20px; margin-bottom:20px; }
dd ol                                 { list-style-type:decimal; list-style-position:inside; }
dd ol li a:link,                    
dd ol li a:visited,                 
dd ol li a:active                     { color:#777777; text-decoration:none; }
dd ol li a:hover                      { color:#777777; text-decoration:none; background:#B6E01B; padding-right:3px; }
dd ol li a:after              			  { content: url(/images/icon_external_link.png); padding-left:5px; }

/* ================================================================================================== */

#contact-form .left  			            { width:420px; padding:0; }
#contact-form .right       			      { width:420px; padding:0; }
                        
form                                  { overflow:auto; padding:40px 40px 20px 40px; color:#FFF; height:280px; width:880px; background:url(/images/form-background.jpg) 0 -30px repeat-x, url(/images/drop-shadow.png) 0 330px no-repeat; }
input                                 { border:1px solid #FFF; width:410px; height:20px; padding:4px; display:block; margin-bottom:10px; background:url(/images/graphic_45lines.png); }
textarea                              { border:1px solid #FFF; width:410px; height:200px; padding:4px; display:block; background:url(/images/graphic_45lines.png); overflow:auto; }
                   
input[type=submit]                    { clear:both; float:right; border:none; text-decoration:none; margin-top:10px; width:87px; height:29px; background:url(/images/button_form_send.png) top left no-repeat; }
input[type=submit]:hover,        
input[type=submit]:active,       
input[type=submit]:visited            { background-position:top right; cursor:pointer; }


input#blockspam, input#ip_address     { display:none; }

                              
/* ================================================================================================== */
                                      
#footer                           		{ color:#969280; min-width:960px; text-align:left; padding-right:60px; padding-left:60px; background:url(/images/image-footer.jpg); }
#footer p                             { clear:left; margin-bottom:20px; }
#footer a.external[href^="http:"]			{ background:url(/images/icon_external_link2.png) no-repeat right top; padding-right:14px; }
#footer a:link,                   		
#footer a:visited,                		
#footer a:active                  		{ color:#6b6759; text-decoration:none; }
#footer a:hover                   		{ color:#485e5f; text-decoration:none; background:none; }


.twitter-posts            	        	{ width:960px; padding-top:40px; margin:0 auto; }
.twitter-posts h2                     { background:url(/images/type_recent_tweets.png) no-repeat; padding:0; }                                  		
.twitter-posts ol         		        { clear:left; padding:15px 0; border-top:5px solid #969280; border-bottom:5px solid #969280; display:block; list-style:decimal; list-style-position:inside; margin-bottom:20px; }                                  				
.copyright                        		{ width:960px; font-size:10px; margin:0 auto; padding-bottom:40px; }