@charset "UTF-8";
/* CSS Document */

body{ margin:0px; font-size:12px; font-family: "Century Gothic", Arial, "Times New Roman"; background:url(images/body-bg.gif) no-repeat fixed; }

h1,h2 { font-size:14px; margin:0px 5px 10px 5px;}

p{margin:0px 5px 10px 5px;}

img{ border: 0px;} 

#outer{width:1073px; position:relative; margin:auto;}

#outer-expand{width:100%; background-color:#FFFFFF;}

#site{ width:1073px; background:url(images/site-bg.png) repeat-y; float:left}

#site-top{width:1073px; float:left}

#site-bottom{width:1073px; float:left; background-image:url(images/bottom.png); height:143px; }

#site-home{ width:1073px; background:url(images/site-bg.png) repeat-y; float:left}

#bg-expand{background:url(/images/blog/bg-body.jpg) repeat-y #FFF; margin:auto; width:992px; float:left;}

#expand{ width:920px; margin:auto}


.div{ width:100%; float:left;}

.content-div{float:right; width:800px; margin-top:5px; margin-right:50px;}

#portrait-keyt{width:152px; float:left;}
#editorial-keyt{width:185px; float:left; margin-top:15px}
#art-keyt{width:180px; float:left;}
#edus-keyt{width:196px; float:left; margin-top:10px}

#name{float:left; width:550px; height:75px; margin:0px 0px 75px 22px}

#contact-top{float:right; width:300px; margin:0px 20px 75px 0px}

a:link{ color:#000000; font-weight:bold}
a:visited{ color:#000000; font-weight:bold}
a:hover{ color:#000000; font-weight:normal;}
a:active{ color:#000000; font-weight:bold}

.menu2{background: #CC0033; color:#FFFFFF; font-weight:bold; font-size:12px; margin:0px 0px 20px 0px; line-height:12px;}
a.menu2:link{ background: #CC0033; color:#FFFFFF; font-weight:300; font-size:12px; text-decoration:none;}
a.menu2:visited{ background: #CC0033; color:#FFFFFF; font-weight:300; font-size:12px; text-decoration:none}
a.menu2:hover{ background: #FFF; color:#000; font-weight:bold; font-size:12px;}
a.menu2:active{ background: #CC0033; color:#FFFFFF; font-weight:300; font-size:12px;}

.main-menu{ color:#FFFFFF; font-weight:bold; font-size:14px; margin:0px 0px 20px 0px; line-height:10px;}
a.main-menu:link{ background: #000000; color:#FFFFFF; font-weight:300; font-size:14px; text-decoration:none;}
a.main-menu:visited{ background: #000000; color:#FFFFFF; font-weight:300; font-size:14px; text-decoration:none}
a.main-menu:hover{ background: #FFF; color:#000; font-weight:bold; font-size:14px;}
a.main-menu:active{ background: #000000; color:#FFFFFF; font-weight:300; font-size:14px;}

.thumb-divider{float:left; width:154px; margin-right:10px;s }


#main-menu{ width:170px; float:left; margin-left:25px; margin-top:10px; height:100%;}

#mid-section{float:left; width:720px;}

#intro{width:700px; height:125px; margin:0px 0px 0px 0px; float:left;}

#gallery{ float:left; width: 700px; margin:30px 0px 0px 0px; }

.gallery-long{ float:left; width: 700px; margin:30px 0px 0px 0px; }

#gallery-scroll{ float:left; width: 700px; margin:30px 0px 0px 0px; overflow:auto }

.gallery-thumb{ float:left; width:150px; height:150px; margin-right:10px; margin-bottom:10px; border:#000000 2px solid;}

#home-hotkeys{ float:right; width:400px; margin:0px 0px 0px 0px}

#latest-news{ float:left; width:350px; height:360px; margin-top:15px;}

#cv{ float:left; width:650px; height:360px; margin-top:15px;}

#a-statement{ float:left; width:650px; height:360px; margin-top:15px;}

#second-menu{float:right; width:100%; text-align:right;}

#footer{width:100%; text-align:center; font-size:10px; margin-top: 110px}

/* scrollbar */


#cv-scroll{
				height: 360px;
				width: 600px;
				float:left;
				background: #FFFFFF;
				overflow:hidden;
			}

#content1, #content2, #content3{
				height: 210px;
				width: 300px;
				float:left;
				background: #FFFFFF;
				overflow:hidden;
			}
			#content1 p{
				margin: 10px;
			}
			.scrollbar-vert{
				background-color: #FFFFFF;
				height: 210px;
				width: 28px;
				float:left;
			}
			.handle-vert{
				height:55px;
				width: 28px;
				background: url(images/scroller.png) no-repeat;
			}
			
			#content2 p{
				width: 1000px;
			}
			.scrollbar-hor{
				background-color: #FFFFFF;
				height: 28px;
				width: 700px;
				float:left;
			}
			.handle-hor{
				height: 28px;
				width: 55px;
				background: url(images/scroll-h.png) no-repeat;
			}
			
			#content3 p{
				width: 700px;
			}
.quote{ font-style:italic;}

.blog-head-home{ color:#666666; font-weight: normal; text-decoration:none;}
a.blog-head-home:link{ color:#666666; font-weight: normal; text-decoration:none;}
a.blog-head-home:visited{ color:#666666; font-weight: normal; text-decoration:none;}
a.blog-head-home:hover{ color:#666666; font-weight: normal; text-decoration: underline;}
a.blog-head-home:active{ color:#666666; font-weight: normal; text-decoration:none;}