/* DroidSans font                               */
/* Straight jacked from greyscalegorilla.com    */
@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*                      */
/* Generic Declarations */
/*                      */

html, div { padding:0px; margin:0px; }
/*body { font: 15px 'Lucida Grande',helvetica,tahoma,arial,clean,sans-serif; } */
body {font: 15px 'DroidSansRegular', helvetica, tahoma, arial, clean, sans-serif; }

img {border: 0; }

#container { margin: 0px; padding: 0px; 
    background-color: #FFF;
background-image:url('pinstripe.png');
background-repeat: repeat-y;
background-attachment: scroll;
background-position:left; 
    position: absolute;
    top: 0px; bottom: 0px; left; 0px; right: 0px; width: 100%; height: 100%;
    overflow: auto; vertical-align: top; }
#content { width: 50%; background: #fff; }
#footer { width: 48%; color: #666; font-size: 0.7em; text-align: right; margin-bottom:3em; }
#main { padding: 2px; 
    /*border-right: 5px solid #000; 
    border-left: 5px solid #000; */
    text-align: left; }

a { color: #444; text-decoration: none; }
a:visited { color: #444; }
a:hover { color: #F535AA; }

#footer a { color: #E3319D; text-decoration: none; }
#footer a:visited { color: #C12283; }
#footer a:hover { color: #FF00FF; }

#index_link {margin-left: 0.5em; float: left;}
#index_link h1 { margin-top: -0.2em; margin-right: 1em; }

font.subscript { font-size: 70%; color: #666; }

h1 { text-align: right; margin-right: 1em; 
    font-family: 'Lucida Grande', helvetica, tahoma, arial, clean, sans-serif; 
    text-transform: uppercase;
    margin-bottom: -0.5em; }
h2 { padding-left: 1.5em; 
margin-left: -2em;
margin-right: -2em; 
color: #333; 
font-size: 99%; 
border: 1px solid #BBB; border-left: none; border-right: none; 
background: #EEE;
/*background: #FFaaFF; */
text-transform: uppercase; 
}
h3 { 
padding-left: 1.5em;
margin-left: -1.3em;
margin-right: -1.3em;
font-size: 150%; 
text-transform: uppercase; 
color: #333; 
font-style: italic; 
background: #EEE;
/*background: #FBB117;*/
/*background-image: url("pinstripe.png");*/
border: 1px solid #BBB; border-left: none; border-right: none;
}


#explanatory_block { float:clear; margin-top: 1.5em; padding-bottom: 0.5em; margin-right: 3em; }
table.e_block { padding-left: 0.5em; font-size: 0.8em; 
/*    border-left: 10px solid #efefef; 
    border-image: url("pinstripe.png") round round; */
    border-right: 0; border-top: 0; border-bottom: 0;
    margin-bottom: -1.2em; }
#p_block { margin-left: 1em; padding-left: 0.5em; padding-right: 1.5em; float:clear; }

/*                                                  */
/*          Style the portfolio page/tables         */
/*                                                  */
hr.portfolio { border: 0; height: 1px; color #ddd; background-color: #ddd; }
#portfolio_items_table { border: 0; margin-bottom: 1.3em; }
#portfolio_items_table td { vertical-align: top; }
#portfolio_items_table ul {
    text-align: left;
    font-size: 70%;
    color: #666;
    list-style: none;
    margin-left: -2em;
}
td.portfolio_items_table_thumbnail { text-align: center; width: 153; padding-top: 0.5em; }
p.portfolio_item_title_block { background-color: #FFF;}
p.portfolio_item_short_desc {font-size: 0.9em; padding-left: 0.5em;}
p.portfolio_items_table_long_desc { margin-top: -0.01em; font-size: 0.8em; padding-left: 1em; padding-right: 0.5em; height: 100%; }

/*                                                  */
/*          Style the links page/tables             */
/*                                                  */
#links_table { margin-left: 1.5%; width: 97%; border-collapse: collapse; }
#links_table tr { 
    padding-left: 2em;
    background: #ffffcc; 
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#links_table td {
    vertical-align: middle;
}
td.links_icon_td { padding-left: 0.6em; width: 28px; padding-top: 2px; padding-bottom: 2px; }

/*                                                  */
/*          Style the Twitter widget; use DG        */
/*                                                  */
#twitter {
    margin: 1em;
    color: #555;
    text-align:left;
    background: #EEE;
    padding: 0;
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 97%;
    font-size: 0.7em;
}
#twitter a { color: #000; }
#twitter a:visited { color: #000; }
#twitter a:hover { color: #000; text-decoration: underline; }

#twitter_update_list {
    list-style: none;
    margin-left: -2em;
}





/*                                                  */
/*          Edge transparency/shadow effect         */
/*                                                  */

/*#top { position: relative; height: 10px; width: 100%; background: url('/toconnell/images/top_middle.png') #333; }
#top_left { width: 5px; height: 10px; float: left; background: url('/toconnell/images/top_left.png') #333; }
#top_right { width: 5px; height: 10px; float: right; background: url('/toconnell/images/top_right.png') #333; }

#post_top { 
    text-align: right;
    font-size: 0.6em;
    height: 5px; 
    background-repeat:repeat-x; 
    background-position: bottom-left; 
    border-left: 5px solid #000; border-right: 5px solid #000; 
    background: url('/toconnell/images/inside_top_middle.png'); }


#pre_bottom { 
    height: 5px; 
    background-repeat:repeat-x; 
    background-position: bottom-left; 
    border-left: 5px solid #000; border-right: 5px solid #000; 
    background: url('/toconnell/images/inside_bottom_middle.png'); }
#bottom { position: relative; height: 10px; width: 100%; background: url('/toconnell/images/bottom_middle.png') #333; }
#bottom_left { width: 5px; height: 10px; background: #ccc; float: left; background: url('/toconnell/images/bottom_left.png') #333; }
#bottom_right { width: 5px; height: 10px; float: right; background: url('/toconnell/images/bottom_right.png') #333; }
*/