/* Styles for inter:digital strategies by Joseph Dolson http://www.joedolson.com */
/* Layout Divs */
body {
margin: 0;
padding: 0;
font-family: 'Trebuchet MS',Arial, Verdana, sans-serif; 
background: #efefef;
background-attachment: fixed;
} 
#header {
position: absolute;
top: 0; 
left: 0;
width: 100%;
height: 80px;
background: #F5FFFA url(images/logo_corner_banner_sq.png) top left no-repeat;
color: #014783;
border-bottom: 6px solid #483D8B;
text-align: right;
}
#outer {
position: relative;
top: 105px;
width: 80%;
text-align: center; 
margin: 0 auto;
}
#content {
width: 72%; 
float: right;
text-align: left;
font-size: 90%;
}
#nav {
width: 25%; 
text-align: left;
font-weight: bold;
}
#footer {
position: relative;
top: 115px;
width: 100%;  
clear: both;
background: #F5FFFA url(images/footer_60.png) top left repeat-x;
color: #014783; 
border-top: 1px solid #cedbee;
border-bottom: 1px solid #cedbee;
margin-top: 15px;
}  
/* General Link Styles */
a {
font-weight: bold;
text-decoration: none;
color: #0258a5;
border-bottom: 1px dotted #a9f;
}
a:visited {
color: #d60;
border-bottom: 1px dotted #a9f;
}
a:hover {
color: #000;
border-bottom: 1px solid #ffa500;
}
a:focus, a:active {
color: #000;
background: #fff;
}
/* Navigation Buttons */

#button {
width: 100%;
padding: 0;
font-weight: bold;
background: transparent;
color: #111;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
}
#button ul li {
position:relative;
} 

#button li { 
margin: 0;
padding: 0;
margin-bottom: 12px;
display: block;
}

#button li a {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: block;
padding: 3px;
background: #fff url(images/logo_decoration_16.png) 97% 50% no-repeat;
color: #333;
text-decoration: none;
width: 100%;
} 

html>body #button li a {
width: auto;
}

#button li a:hover {
border-bottom: 1px solid #c5c5c5;
border-top: 1px solid #c5c5c5;
background: #cef url(images/logo_decoration_16_blue.png) 97% 50% no-repeat;
color: #222;
text-decoration: underline;
}

#button li a:active {
background: #FFF;
color: #000;
}  

#button li a:focus {
background: #000;
color: #fff;
}
#button li a.active {
color: #111;
border-bottom: none;
} 
#button li ul {
position: absolute;
left: 15%;
font-size: 80%;
width: 22%; 
border-left: 1px solid #347ab6;
display: none; 
}
#button li:hover ul, #button li:active ul, #button li:focus ul, #button li.over ul { display: block; margin: 0; padding: 0;}  
#button li ul li {margin-bottom: 0px;} 
#button li ul li a {background-image: none; background: #ffc;}
#button li ul li a:hover {background-image: none;}
/* header styles */
#header h1 {
margin-top: -16px;
padding-top: 26px;
padding-right: 5px;	
font-size: 350%;
font-family: Garamond, "Times New Roman", serif;
text-align: right;
width: 99.5%;
background: transparent url(images/h1_logo.png) top right no-repeat;
}
.lt_blue {
color: #347ab6;
} 
/* footer styles */
#footer p { 
padding: 4px;
font-size: 80%;
text-align: center;
}
#footer a {
color: #014783;
font-weight: bold; 
text-decoration: none;
}
#footer a:hover {
color: #000;
border-bottom: 1px solid #FFA500;
}
/* login styles */
#login {
width: 20%;
border: 1px solid silver;
float: right;
font-size: 80%;
line-height: 90%;
padding: 5px;
margin: 10px;
}
#login input {
width: 95%;
}
#login p {
width: 100%;
margin: 3px;
}
/* content body specific styles */
#content p {
padding: 5px;
}
h3.author {
text-align: right;
font-size: 90%;
font-style: italic;
} 
#content ul {
font-size: 90%; 
border: 0px solid #ffc722;
margin: 25px; 
padding: 5px 5px 5px 30px;
color: #222;
}
#content ul p {
font-weight: normal;
text-indent: 15px;  
margin: 10px;
padding: 0;
}
#content ul span {
font-weight: 700;
}
#content ul.nobullet {
list-style: none;
padding-left: 5px;
}
#glossary {
border-left: 1px solid #ffa500;
padding-left: 6px;
}
#glossary dd {
margin-bottom: 5px;
}
p.emphasized {
border: 1px solid #ffc722;
color: #347ab6;
padding: 5px 0;
font-weight: bold;
text-align: center; 
} 
div.center {
text-align: center;
margin-top: -5px;
margin-bottom: -5px;
}
/* article specific styles */
.related {
border: 1px solid #ffa500;
padding: 5px;
margin: 10px;
background: #fff;
font-style: italic;
}
#content ul.articles {
padding: 5px;
border: none; 
line-height: 150%;
}

/* general styles */
h1, h2, h3, h4, h5, h6 {
margin: 0;
}
.orange {
color: #FFA500;
}
dl {
border-left: 3px solid #FFA500;
padding-left: 3px;
} 
dt {
font-weight: bold;
border-bottom: 1px solid silver; 
padding-bottom: 2px;
} 
blockquote {
padding: 5px;
border-left: 1px solid #ffa500;
width: 80%; 
} 
blockquote.license {
font-size: 80%;
border-top: 1px solid #ffa500;
border-left: none;
}
blockquote.synopsis {
padding: 5px;
border: 1px solid #dfdfdf; 
font-size: 90%;
background: #fff;
}
blockquote.example {
padding: 5px;
border: 1px solid #dfdfdf;
font-size: 90%;
background: #fff;
}
img {
border: none;
}
.right {
float: right;
}
.left {
float: left;
}
.image {
margin: .5em;
}
.auth_cite {
font-style: italic;
}
/* offset */
#offset li { 
list-style-type : none; 
}
#offset li a {
position : absolute;
top : -1000px;
left : -2000px;
}
#offset li a:focus, #offset li a:active {
position : absolute;
margin : 0;
top : 86px;
left : 0;
background-color : #fffa55;
border : 1px solid #ffa500;
display : block;
width :  99.2%;
padding : 1px 4px 1px 0;
font-size : 80%;
text-align : right;
color : #014783;
}
#offset li a:hover { 
background-color : #fff;
border : 1px solid #999;
color : #014783;
}
/* blog only */
.post-footer {
font-size: 90%;
}
.nav-list {
margin: 0;
font-size: 80%;
width: 90%;
line-height: 150%;
}
.nav-list a { 
display: block;
background: #efefef;
color: #014783;
text-decoration: none;
border-bottom: 1px solid #ddd;
}
.nav-list a:hover {
background: #dcdcdc;
border-bottom: 1px solid #FFA500;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav h4 {
margin-top: 20px;
border-bottom: 1px solid #ccc;
background: #ddd;
padding: 2px;
}
.nav-list {
margin: 0;
font-size: 80%;
}
#technorati {
height: 24px;
border: 1px solid silver;
margin-bottom: 10px;
padding: 5px 5px 5px 90px;
font-size: 80%;
background: #fff; 
text-align: right;
overflow: hidden;
}
#technorati input {
background: #FFFACD;
}
#technorati input:hover, #technorati input:focus {
background: #efefef;
}
#technorati p {
line-height: 20px;
}
#technorati p.te_lo {
position: relative; 
top: -55px;
left: -95%;
}
div.post {
border-bottom: 1px solid silver;
margin-top: 5px;
}
.post-footer {
border: 1px solid silver;
background: #ffe;
font-size: 80%;
} 
h2.date-header {
margin-top: 5px;
background: #dfdfdf;
padding: 3px;
}
#adsense {
width: 99.5%;
text-align: center;
} 
#nav table {
width: 100%;
}
#spamq {
width: 10em;
}
.checkbox {
width: 2em;
margin-left: 0;
}
/* hacks for Opera */
 
/* * hacks for IE */
/* \*/
* html #nav {width: 23%; margin-top: 10px;} 
* html #button {margin-left: 0px;}
* html #header h1 {line-height: 110%; margin-top: 0px; position: absolute; top: 0; left: 0;}
* html #header {overflow: hidden; z-index: 0;}
* html #footer p {font-size: 80%;}
* html #content, #footer p {margin-top: 10px;} 
* html #technorati p.te_lo {top: -70px; left: -270px;}
* html #footer {top: 0px; margin-top: 130px;}
* html #offset li a:focus, #offset li a:active {top: 0px;}  
* html #button li ul {width: 100%;}
/* */