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

img {border: 0; }

#container { margin: 0px; padding: 0px; background-color: #333; 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: #fff; font-size: 0.7em; text-align: right; }
#main { padding: 2px; border-right: 5px solid #000; border-left: 5px solid #000; text-align: left; }

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

h1 { text-align: right; margin-right: 1em; text-transform: uppercase; margin-bottom: -0.5em; }
h2 { padding-left: 1.5em; 
margin-left: -2em;
margin-right: -2em; 
margin-bottom: -0.05em; 
color: #333; 
font-size: 99%; 
border: 1px solid #333; border-left: none; 
background: #FFaaFF; 
text-transform: uppercase; 
}
h3 { padding-left: 1.5em;
margin-left: 0.5em; 
margin-bottom: -0.05em;  
margin-left: -1.3em;
margin-right: -1.3em;
font-size: 150%; 
text-transform: uppercase; 
color: #444; 
font-style: italic; 
background: #FBB117;
border: 1px solid #333; border-left: none;
}

a { color: #666; text-decoration: none; }
a:visited { color: #444; }
a:hover { color: #00CD00; }

#footer a { color: #ddd; text-decoration: none; }
#footer a:visited { color: #aaa; }
#footer a:hover { color: #fff; }

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

#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; background: #fffffb; 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_items_table_long_desc { margin-top: -0.01em; font-size: 0.8em; padding-left: 0.5em; 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-bottom: 0.6em;
    color: #555;
    text-align:left;
    background: #EFFFFF;
    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; }