﻿html
{
    height:100%;
    min-height:100%;
    overflow: scroll; 
    overflow-x: auto;
}
body{
height:100%;
min-height:100%;
margin:0px;
padding:0px;
font-family:Verdana,arial,sans-serif;
font-size:12px;
color:#000000;
background-position:top center;
background-repeat:repeat-x;
}
div.clearBoth{
width:990px;
clear:both;
height:89px;
}
h1,h2,h3,h4,h5,p
{
    margin-top:0px;
    padding:0px;
}
div{
padding:0px;
margin:0px;
}
div.layout{
width:990px;
margin:auto;
overflow:visible;
padding:0px 0px 0px 0px;
}
a,a:visited
{
    color:#000000;
}
p.section
{
font-size:13px;
font-weight:bold;
}
/*
-----------------------------------------------MENU
*/

div.menu{
width:230px;
height:420px;
background-position:bottom left;
background-repeat:no-repeat;
float:left;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 0px;
}
div.menu ul.menu
{
    width:110px;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:absolute;
}
div.menu ul.menu li, div.menu ul.menu li.selected
{
width:110px;
height:88px;
font-size:13px;
margin:0px 0px -95px 0px;
padding:35px 0px 0px 15px;
background-repeat:no-repeat;

}
div.layout div.menu ul.menu li div.arrow, div.layout div.menu ul.menu li.selected div.arrow
{
    
    position:absolute;
   left:107px;
   margin:-37px 0px 0px 0px;
  height:90px;
  width:115px;
   
}
div.layout div.menu ul.menu li.sub
{
   margin:0px 0px -95px 5px;
   line-height:14px;
   height:85px;
    color:#999999;
    width:100px;
}



div.menu ul.menu li a
{
    color:#000000;
    text-decoration:none;
}

a.menuSelected
{
    font-weight:bold;
}

/*
-----------------------------------------------BRACKET
*/



/*
-----------------------------------------------HEADING
*/
div.heading{
width:650px;
float:left;
font-family:Georgia, Serif;
font-size:30px;
margin:80px 0px 0px 0px;

}
div.heading h1
{
font-family:Georgia, Serif;
font-size:40px;
font-weight:normal;
}
div.summary{
bottom:0px;
float:left;
font-size:20px;  
width:390px;
margin:15px 0px 0px 0px;
color:#000000;
}
div.summary h2
{
 color:#000000;
font-size:18px;   
font-weight:normal; 
}
div.summaryList
{
    margin:0px 0px 10px 0px;
    clear:both;
}
div.summaryList h3
{
        font-family:verdana, arial;
        font-size:12px;
        font-weight:bold;
         margin:0px 0px 0px 0px;
         clear:right;
}
div.summaryList h3 a
{
    text-decoration:none;
}
div.summaryList p
{
    font-size:12px;
    margin:0px 0px 0px 0px;
}
span.summaryListHeading
{
    font-family:Georgia, serif;
    font-size:18px;
    font-weight:normal;
    padding:0px 0px 10px 0px;
    display:block;
}
img.summaryListImage
{
    float:right;
    width:48px;
    height:48px;
    margin:0px 10px 10px 0px;
    border:solid 5px #FFFFFF;
    float:left;
    clear:both;
}

div.back
{
    position:absolute;
    margin:-30px 0px 0px 0px;
    font-family:Verdana,arial,sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
div.back a
{
 font-family:Verdana,arial,sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
       
}



/*
----------------------------------------------- DESCRIPTION
*/
div.description{
width:390px;
float:left;
font-size:12px;
font-weight:normal;
margin:20px 0px 0px 0px;
line-height:18px;
}

div.description ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:5px 0 0 0;
}
div.description ul
{
margin:0px 0px 0px -20px;
padding:0px 0px 0px 20px;
margin:0 0 15px 15px;
list-style-type: square;
}

/*
-----------------------------------------------SIDEBAR
*/
div.sideBar{
width:320px;
float:left;
font-size:12px;
font-weight:normal;
position:relative;
left:40px;
margin:20px 0px 0px 0;
line-height:18px;
}
div.mainImage{
width:320px;

z-index:10;
}
/*
---------------------------------------------- footer
*/
div.footer
{
    clear:both;
    width:840px;
    margin:0px 0px 0px 140px;
    font-size:12px; 
    padding-top:50px;
    padding-left:60px;
    padding-bottom:10px;
    background-image:url(footer_long.png);
    height:120px;
    background-repeat:no-repeat;
    font-size:9px;
    color:#666666;
    background-color:#FFFFFF;
}
div.footer a
{
    font-weight:normal;
    text-decoration:none;
    color:#666666;
}

div.footer .footer1
{
    width:370px;
    margin:0px 15px 0px 30px;
    float:left;
    font-weight:bold;
    line-height:16px;
}
div.footer .footer2
{
    width:180px;
    margin:0px 0px 0px 0px;
    float:left;
    font-weight:bold;
    line-height:16px;
}
div.footer .footer3
{
    width:325px;
    margin:0px 0px 0px 25px;
    float:left;
}
/*
 ------------------------  blog image viewer
  */


div.imageViewer div.smallPictureHost {
	height:100px;
	width: 100px;
	margin:5px 5px 5px 5px;
	display:inline;
	float:left;
	clear:both;
	
}

div.imageViewer div.smallPictureHost div.smallPicture{
width:100px;
height:100px;
overflow:hidden;
cursor:pointer;
}
div.imageViewer div.mainPictureHost {
	
	width: 400px;
	float:left;
	margin: 5px 5px 5px 5px;
	background-image: url(mainShadow.jpg);
	vertical-align:top;
	text-align:left;
	padding:0px;
	display:inline;
}
div.imageViewer div.mainPictureHost div.mainPicture{

width:400px;
overflow:hidden;
}
div.imageViewer div.mainPictureHost div.mainPicture img{

}
div.imageViewer {
	width: 400px;
	margin: 0px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	
}
div.imageViewer div.smallPicture img.thumbnailImage {
 margin: -15px 0px 0px -15px;
}
div.mainPicComment{

margin:3px 0px 3px 0px;
font-size:12px;
}

div.imageViewer div.tempPic {
visibility:hidden;
}
div.tempComment {
visibility:hidden;
display:none;
}

/*
 ------------------------  blog footer
  */

div.blogFooter
{
 
 padding: 15px 0px 0px 0px;  
 clear:left;
}
div.blogFooter img
{
    float:left;
    margin:0px 0px 0px 0px;
 
}
div.blogFooter div.author
{
    width:120px;
    padding:20px 0px 0px 0px;
    float:left;
}
div.blogFooter div.add
{
    padding:28px 0px 0px 0px;
   
    float:right;
    
}

/*
---------------------------------------------- twitter feed
*/
.twitter_update_list
{
    font-weight:normal;
	overflow:hidden;
	width:125px;
	display:block;
}

.twitter_update_list a
{
    display:block;
    font-weight:normal;
}
.twitter_div
{
/*

   margin:5px 0px 0px 0px;
    position:absolute;
    left:-220px;
    top:650px;
    width:185px;
    font-size:12px;
    color:#000000;
*/ 
    margin:0px 0px 0px 15px;
   
    width:125px;
    font-size:12px;
    color:#000000;
    min-height:400px;
	position:absolute;
	top:400px;

}
div.twitter_div ul li
{
    margin:5px 0px 0px 0px;
    padding:2px;
    list-style-type:none;

}
div.twitter_div ul
{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
}
div.twitter_div img
{
    float:left;
    margin:5px 0px 5px 0px;
}
div.twitter_div img.bird
{
     margin:5px 0px -10px 0px;
}
