/* Stylesheet for davebonds.info */

body{font-family:arial;font-size:10px;color:#ccc;background: #163A10;}
/* old color #365931 */
a {color:#7AAC72;text-decoration:none;}
a:hover {color:#AFD89A;text-decoration:none}

h1 { font-size:280%; font-weight:bold; letter-spacing:-1px; margin:0 0 -2px; }
h2 { font-size:200%; font-weight:bold; letter-spacing:-1px; margin:0 0 -2px 8px; }

#header { margin:50px 0 0 0;}
#header .avatar { float:left; margin:0 12px 10px 10px; padding:0; }
#header h1 { font-size:280%; font-weight:bold; letter-spacing:-1px; margin:0 0 -2px 8px; padding:0;}
#header h1 a { color:#7AAC72; }
/* old color #369804 */
#header p.title { font-size:110%; font-style:italic; margin:10px 0 0 20px;}
#header p.org { font-size:120%; font-weight:bold; margin:0 0 0 30px; padding:0 0 5px;}
#header p.resume { font-size:110%; font-style:italic; margin:0 0 0 30px; padding:0 0 10px;}

#footer { align:center; color:#555; clear:both; color:#fff; }
#footer p { margin:0; }
#footer a { color:#369804; }
#footer a:hover { color:#AFD89A; }

#tabMenu {margin:0;padding:0 0 0 30px;list-style:none;}
#tabMenu li {float:left;height:45px;width:70px;cursor:pointer;cursor:hand}

.ie #twitter {margin:8px 0 0 -6px;}
.ie em {margin-left:12px;}

li.about {background:url(images/tabAbout.png) no-repeat 0 -46px;}
li.contact {background:url(images/tabContact.png) no-repeat 0 -46px;}
li.networks {background:url(images/tabNetworks.png) no-repeat 0 -46px;}

li.twitter {background:url(images/tabTwitter.png) no-repeat 0 -46px;}
li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -46px;}
li.selected {background-position:0 0;}




.card {width:340px;text-align:left;}

.cardTop {background:url(images/boxTop.gif) no-repeat;height:11px;clear:both}
*html .cardTop {margin-bottom:-2px;}
.cardBody {background-color:#282828;}
.ie .cardBody {width: 340px;background-color:#282828;float:left;margin:0 6px 6px 0;}
.cardBottom {background:url(images/boxBottom.gif) no-repeat;height:11px;margin: 0 0 6px 0;}
.ie .cardBottom {clear: both; margin-top: -8px;}



.box {width:340px;align:center;}
.boxTop {background:url(images/boxTop.gif) no-repeat;height:11px;clear:both}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#282828;}
.ie .boxBody {width: 340px;background-color:#282828;float:left;margin:0 6px 6px 0;}
.boxBottom {background:url(images/boxBottom.gif) no-repeat;height:11px;}
.ie .boxBottom {clear: both; margin-top: -6px;}

.boxBody div {display:none;text-align:left;padding:8px;}
.boxBody div.show {display:block;}

.boxBody div ul {margin:0 10px 0 17px;padding:0;width:300px;list-style-image:url(images/arrow.gif);}
.ie .boxBody div ul { margin:8px 3px 0 12px;padding:0;width:300px;list-style-image:url(images/arrow.gif);}
.ie .boxBody div ul li { background:url(images/arrow.gif) no-repeat left 8px;padding-left: 12px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none; padding:4px 0 10px 0;}
.ie .boxBody div ul li.last {background:url(images/arrow.gif) no-repeat left 10px; border-bottom:none; padding:7px 0 10px 12px;clear:both;}
.ie .boxBody div ul li.last strong {margin-top: -24px;}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}
.boxBody div ul li strong { color:#999; float:right; margin:0 5px 0 0; text-transform:uppercase; }
/*.gecko .boxBody div ul li strong { color:#999; float:right; margin:-12px 5px 0 0; text-transform:uppercase; }*/
.ie .boxBody div ul li strong { color:#999; float:right; margin:-18px 5px 0 0; text-transform:uppercase; }
.boxBody div ul li.address {border-bottom:none; padding:4px 0 40px 0;}
.boxBody div ul li.address strong { color:#999; text-align:right; margin:0 5px 0 120px; text-transform:uppercase; }
.ie .boxBody div ul li.address {background:url(images/arrow.gif) no-repeat left 10px; border-bottom:none; padding:7px 0 10px 12px;}
.ie .boxBody div ul li.address strong { clear:both; color:#999; text-align:right; margin:-25px 5px 0 120px; text-transform:uppercase;clear:both; }
.boxBody div ul.aboutme { color:#999; font-size: 120%; margin:8px 5px 0 12px;}
.boxBody div ul.tweet { color:#999; font-size: 110%; margin:2px 5px 0 12px;}
.boxBody div ul.tweet_list { color:#999; font-size: 110%; margin:2px 5px 0 8px;}
.boxBody div span.tweet_join { color:#999; font-size: 110%;}
.boxBody div span.tweet_text { color:#999; font-size: 110%;}
.boxBody div a.tweet_avatar { margin:2px 6px 0 8px;}