@CHARSET "UTF-8";

/*-----------------------------------------------------
@author:    convexstyle
@version:   1.0
@copyright: 2009, convexstyle.com
@since:     2009.12.12
-------------------------------------------------------*/

/*-------------
  Common
---------------*/
* {
    margin: 0px;
    padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg-pattern.gif);
	background-repeat: repeat;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-family: Georgia, Arial, Verdana, "Times New Roman", Times, serif;
	line-height: 140%;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a img {
	border: none;
}

a:hover img {
	border: none;	
}

pre {
}

block {
}

.red {
	color:#ff0000;	
}


/*-------------
  Layout
---------------*/
div#wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div#container {
	margin: 20px;
	padding: 60px 0px 60px 60px;
	background-color: #fff;
}

div#main {
	margin: 0px;
	padding: 0px;
}

div#main:after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}

/*-------------
  header
---------------*/
div#header {
	margin: 0px;
	padding: 0px 0px 60px 0px;	
}

	h1#logo {
		width: 81px;
		height: 81px;
	}

/*-------------
  menu
---------------*/
div#menu {	
	margin: 0px 0px 100px 0px;
	padding: 0px;
}
    
    /* home */
	div#menu-home a {
		display: block;
		margin-bottom: 8px;
		width: 32px;
		height: 8px;
		background-image: url(../images/menu-home.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-home a:hover {
		background-position: top right;
	}
	
	div#menu-home-active a {
		display: block;
		margin-bottom: 8px;
		width: 32px;
		height: 8px;
		background-image: url(../images/menu-home.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	/* profile */
	div#menu-profile a {
		display: block;
		margin-bottom: 8px;
		width: 46px;
		height: 8px;
		background-image: url(../images/menu-profile.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-profile a:hover {
		background-position: top right;
	}
	
	div#menu-profile-active a {
		display: block;
		margin-bottom: 8px;
		width: 46px;
		height: 8px;
		background-image: url(../images/menu-profile.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	/* projects - year - all */	
	div#menu-projects-year a {
		display: block;
		margin-bottom: 8px;
		width: 128px;
		height: 8px;
		background-image: url(../images/menu-projects-year.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-projects-year a:hover {
		background-position: top right;
	}
	
	div#menu-projects-sub-menu {
		display: none;
		padding-left: 10px;
	}
	
		/* 2010 */
		div#menu-2010 a {
			display: block;
			margin-bottom: 8px;
			width: 25px;
			height: 8px;
			background-image: url(../images/menu-projects-2010.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2010 a:hover {
			background-position: top right;
		}
	
		div#menu-2010-active a {
			display: block;
			margin-bottom: 8px;
			width: 25px;
			height: 8px;
			background-image: url(../images/menu-projects-2010.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2009 */
		div#menu-2009 a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2009.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2009 a:hover {
			background-position: top right;
		}
	
		div#menu-2009-active a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2009.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2008 */
		div#menu-2008 a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2008.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2008 a:hover {
			background-position: top right;
		}
	
		div#menu-2008-active a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2008.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2007 */
		div#menu-2007 a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2007.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2007 a:hover {
			background-position: top right;
		}
	
		div#menu-2007-active a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2007.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2006 */
		div#menu-2006 a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2006.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2006 a:hover {
			background-position: top right;
		}
	
		div#menu-2006-active a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2006.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2005 */
		div#menu-2005 a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2005.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2005 a:hover {
			background-position: top right;
		}
	
		div#menu-2005-active a {
			display: block;
			margin-bottom: 8px;
			width: 27px;
			height: 8px;
			background-image: url(../images/menu-projects-2005.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2004 */
		div#menu-2004 a {
			display: block;
			margin-bottom: 8px;
			width: 28px;
			height: 8px;
			background-image: url(../images/menu-projects-2004.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2004 a:hover {
			background-position: top right;
		}
	
		div#menu-2004-active a {
			display: block;
			margin-bottom: 8px;
			width: 28px;
			height: 8px;
			background-image: url(../images/menu-projects-2004.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* 2003 */
		div#menu-2003 a {
			display: block;
			margin-bottom: 8px;
			width: 26px;
			height: 8px;
			background-image: url(../images/menu-projects-2003.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-2003 a:hover {
			background-position: top right;
		}
	
		div#menu-2003-active a {
			display: block;
			margin-bottom: 8px;
			width: 26px;
			height: 8px;
			background-image: url(../images/menu-projects-2003.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
	
	
	/* projects - category - all */
	div#menu-projects-category a {
		display: block;
		margin-bottom: 8px;
		width: 157px;
		height: 8px;
		background-image: url(../images/menu-projects-category.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-projects-category a:hover {
		background-position: top right;
	}
	
	div#menu-projects-category-sub-menu {
		padding-left: 10px;
		display: none;
	}
	
		/* flash */
		div#menu-flash a {
			display: block;
			margin-bottom: 8px;
			width: 35px;
			height: 8px;
			background-image: url(../images/menu-projects-flash.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-flash a:hover {
			background-position: top right;
		}
	
		div#menu-flash-active a {
			display: block;
			margin-bottom: 8px;
			width: 35px;
			height: 8px;
			background-image: url(../images/menu-projects-flash.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* flex */
		div#menu-flex a {
			display: block;
			margin-bottom: 8px;
			width: 26px;
			height: 8px;
			background-image: url(../images/menu-projects-flex.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-flex a:hover {
			background-position: top right;
		}
	
		div#menu-flex-active a {
			display: block;
			margin-bottom: 8px;
			width: 26px;
			height: 8px;
			background-image: url(../images/menu-projects-flex.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* air */
		div#menu-air a {
			display: block;
			margin-bottom: 8px;
			width: 19px;
			height: 8px;
			background-image: url(../images/menu-projects-air.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-air a:hover {
			background-position: top right;
		}
	
		div#menu-air-active a {
			display: block;
			margin-bottom: 8px;
			width: 19px;
			height: 8px;
			background-image: url(../images/menu-projects-air.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* flashmediaserver */
		div#menu-flashmediaserver a {
			display: block;
			margin-bottom: 8px;
			width: 124px;
			height: 8px;
			background-image: url(../images/menu-projects-flashmediaserver.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-flashmediaserver a:hover {
			background-position: top right;
		}
	
		div#menu-flashmediaserver-active a {
			display: block;
			margin-bottom: 8px;
			width: 124px;
			height: 8px;
			background-image: url(../images/menu-projects-flashmediaserver.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* php */
		div#menu-php a {
			display: block;
			margin-bottom: 8px;
			width: 21px;
			height: 8px;
			background-image: url(../images/menu-projects-php.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-php a:hover {
			background-position: top right;
		}
	
		div#menu-php-active a {
			display: block;
			margin-bottom: 8px;
			width: 21px;
			height: 8px;
			background-image: url(../images/menu-projects-php.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* html */
		div#menu-html a {
			display: block;
			margin-bottom: 8px;
			width: 131px;
			height: 8px;
			background-image: url(../images/menu-projects-html.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-html a:hover {
			background-position: top right;
		}
	
		div#menu-html-active a {
			display: block;
			margin-bottom: 8px;
			width: 131px;
			height: 8px;
			background-image: url(../images/menu-projects-html.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
		
		/* others */
		div#menu-others a {
			display: block;
			margin-bottom: 8px;
			width: 45px;
			height: 8px;
			background-image: url(../images/menu-projects-others.gif);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		div#menu-others a:hover {
			background-position: top right;
		}
	
		div#menu-others-active a {
			display: block;
			margin-bottom: 8px;
			width: 45px;
			height: 8px;
			background-image: url(../images/menu-projects-others.gif);
			background-repeat: no-repeat;
			background-position: top right;
		}
	
	/* awards */
	div#menu-awards a {
		display: block;
		margin-bottom: 8px;
		width: 50px;
		height: 8px;
		background-image: url(../images/menu-awards.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-awards a:hover {
		background-position: top right;
	}
	
	div#menu-awards-active a {
		display: block;
		margin-bottom: 8px;
		width: 50px;
		height: 8px;
		background-image: url(../images/menu-awards.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	/* framework */
	div#menu-framework a {
		display: block;
		margin-bottom: 8px;
		width: 74px;
		height: 8px;
		background-image: url(../images/menu-framework.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-framework a:hover {
		background-position: top right;
	}
	
	div#menu-framework-active a {
		display: block;
		margin-bottom: 8px;
		width: 74px;
		height: 8px;
		background-image: url(../images/menu-framework.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	/* publications */
	div#menu-publications a {
		display: block;
		margin-bottom: 8px;
		width: 81px;
		height: 8px;
		background-image: url(../images/menu-publications.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-publications a:hover {
		background-position: top right;
	}
	
	div#menu-publications-active a {
		display: block;
		margin-bottom: 8px;
		width: 81px;
		height: 8px;
		background-image: url(../images/menu-publications.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	/* contact */
	div#menu-contact a {
		display: block;
		margin-bottom: 8px;
		width: 52px;
		height: 8px;
		background-image: url(../images/menu-contact.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#menu-contact a:hover {
		background-position: top right;
	}
	
	div#menu-contact-active a {
		display: block;
		margin-bottom: 8px;
		width: 52px;
		height: 8px;
		background-image: url(../images/menu-contact.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	


/*-------------
  col1
---------------*/
div#col1 {
	float: left;
	width: 200px;   	
}


/*-------------
  col2
---------------*/
div#col2 {
	float: left;
	width: 450px;
	border-right: 1px dotted #cfcfcf;
}


	/* common */
	div#content {
		margin: 0px 0px 100px 0px;
	}
	
	div#content h2#content-header {
		padding-bottom: 5px;
		margin-bottom: 40px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		border-bottom: 1px dotted #cfcfcf;
	}
	
	div#content h2.content-header {
		padding-bottom: 5px;
		margin-bottom: 40px;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 20px;
		border-bottom: 1px dotted #cfcfcf;
	}
	
	div.entry-footer-arrow a {
		display: block;
		margin-bottom: 40px;
		width: 7px;
		height: 15px;
		background-image: url(../images/entry-footer-arrow.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	div.entry-footer-arrow a:hover {
		background-position: top right;
	}

    div#errors {
        margin: 0px 40px 20px 0px;
        padding: 10px 20px 10px 20px;
        border: 2px solid #cfcfcf;
        background-color: #f1f1f1;
    }
    
        div#errors ul {
            list-style-type: none;
        }
        
        div#errors li {
            margin-bottom: 2px;
        }
    
    /* paginator */
    div#paginator {
    	border-top: 1px dashed #666;
    	padding: 10px 30px 0px 0px;
    	text-align: right;
    }
    
    	div#paginator ul {
    		list-style-type: none;
    	}
    	
    	div#paginator li {
    		display: inline;
    		margin-right: 10px;
    		font-size: 14px;
    	}
    	
    	div#paginator li#current-list {
    		font-weight: bold;
    	}
    	
    	div#paginator li.page-list a {
    		display: inline;
    	}


	/* entry */
	div.entry {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
		div.entry div.entry-header-image {
			margin-bottom: 7px;
		}
	
		div.entry p.entry-date {
			color: #cfcfcf;
			font-size: 40px;
			margin-bottom: 20px;
		}
		
		div.entry h2.entry-title {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			div.entry h2.entry-title span.entry-title-image {
				margin-right: 8px;
				padding-bottom: 5px;
			}
		
		div.entry div.entry-image {
			margin-bottom: 30px;
		}
		
			div.entry div.entry-image img {
				background-color: #cfcfcf;
				padding: 2px;
			}
		
		div.entry div.entry-embedSwf {
			margin-bottom: 20px;
		}
		
		div.entry div.entry-link {
			text-align: right;
			margin: 0px 40px 30px 0px;
		}
		
			div.entry-link a {
				text-decoration: none;
			}
		
			div.entry-link a span {
				color: #000;
				padding: 2px;
				background-color: #f9f7e2;
			}
			
			div.entry-link a:hover span {
				color: #fff;
				padding: 2px;
				background-color: #000;
			}
		
		div.entry p.entry-content {
			margin-bottom: 30px;
			line-height: 140%;
		}

		div.entry dl.entry-publisher {
			/*background-color: #f1f1f1;*/
			border: 1px solid #cfcfcf;
			margin: 0px 40px 30px 0px;
			padding: 10px;
		}

			dl.entry-publisher dt {
				font-weight: bold;
			}

		div.entry-footer-arrow a {
			display: block;
			margin-bottom: 40px;
			width: 7px;
			height: 15px;
			background-image: url(../images/entry-footer-arrow.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div.entry-footer-arrow a:hover {
			background-position: top right;
		}
		
	/* projects-entry */
	div.projects-entry {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
		div.projects-entry div.entry-header-image {
			margin-bottom: 7px;
		}
	
		div.projects-entry p.projects-entry-date {
			color: #cfcfcf;
			font-size: 40px;
			margin-bottom: 20px;
		}
		
		div.projects-entry h2.projects-entry-title {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			div.projects-entry h2.projects-entry-title span.projects-entry-title-image {
				margin-right: 8px;
				padding-bottom: 5px;
			}
		
		div.projects-entry div.projects-entry-image {
			margin-bottom: 20px;
		}
		
			div.projects-entry div.projects-entry-image img {
				background-color: #cfcfcf;
				padding: 2px;
			}
			
			div.projects-entry div.projects-entry-image a:hover img {
				background-color: #000000;
				padding: 2px;
			}
		
		div.projects-entry div.projects-entry-embedSwf {
			margin-bottom: 20px;
		}
		
		div.projects-entry div.projects-entry-link {
			text-align: right;
			margin: 0px 45px 30px 0px;
		}
		
			div.projects-entry-link a {
				text-decoration: none;
			}
		
			div.projects-entry-link a span {
				color: #000;
				padding: 3px 5px;
				background-color: #ccc;
			}
			
			div.projects-entry-link a:hover span {
				color: #fff;
				background-color: #000;
			}
		
		div.projects-entry p.projects-entry-content {
			margin: 0px 40px 30px 0px;
			line-height: 140%;
		}
		
		div.projects-entry dl {
			border: 1px solid #cfcfcf;
			padding: 20px;
		    margin-right: 40px;
		}
		
		div.projects-entry dt {
		    font-weight: bold;
		    margin-bottom: 5px;
		}
		
		div.projects-entry dd {
		    margin-bottom: 20px;
		}
		
		div.projects-entry dd#responsibility {
		    margin-bottom: 0px;
		}
		
		div.projects-entry ul {
			list-style-type: none;
		}


    /* introduction */
    div#introduction-container {
    	margin-bottom: 100px;
    }
    
    	div#introduction-image-container {
    		margin-bottom: 20px;
    	}
    
    	div#introduction-container p {
    		padding-right: 20px;
    		margin-bottom: 20px;
    	}


	/* favorite */
	div#favorite-container {
		
	}
	
	div#favorite-container a img {
		padding: 2px;
		background-color: #999;
	}
	
	div#favorite-container a:hover img {
		background-color: #000;
	}
	
	div#favorite-main-image {
		margin-left: 35px;
		margin-bottom: 30px;
	}
	
	div#favorite-image-container {
		margin-bottom: 10px;
	}
	
	div#favorite-image-container:after {
		display: block;
		clear: both;
		height: 0px;
		visibility: hidden;
		content: ".";
	}
	
	div.favorite-image-left {
		float: left;
		margin-right: 10px;
	}
	
	div.favorite-image-center {
		float: left;
		margin-right: 10px;
	}
	
	div.favorite-image-right {
		float: left;
	}

	
	/* skill */
	div#skill-entry-container {
		margin: 0px 0px 100px 0px;
	}
	
		div#skill-container {
			margin: 0px 0px 60px 0px;
	    	padding: 0px;
		}
		
		div#skill-container dl {
			margin: 0px 0px 25px 0px;
		}
		
		div#skill-container dt {
			margin-bottom: 5px;
			font-weight:bold;
		}
		
		div#skill-container dd {
			margin-left: 20px;
			margin-right: 30px;
			height: 18px;
			padding: 2px 10px 2px 10px;
			color: #fff;
		}
		
		div#skill-container dd:after {
			display: block;
       		clear: both;
       		height: 0px;
       		visibility: hidden;
       		content: ".";
		}
		
		div#skill-container dd.skill-advanced {
			background-color: #000;
		}
		
		div#skill-container dd.skill-intermediate {
			background-color: #666;
		}
		
		div#skill-container dd.skill-beginner {
			background-color: #999;
		}
		
			div#skill-container dd div.skill-period {
				float: left;
			}
	
			div#skill-container dd div.skill-level {
				float:right;
			}
	
	/* profile */
	div#profile-container {
	
	}
	
	    div#profile-image-container {
	    	margin: 0px 0px 60px 0px;
	    	padding: 0px;
	    }
	
			div#profile-image-container img#profile-image {
				background-color: #cfcfcf;
				padding: 3px;
			}
	
		div#skills h3, div#work-experience h3, div#educational-background h3 {
			margin-bottom: 30px;
		}
		
		div.profile-entry-footer a {
			display: block;
			width: 7px;
			height: 15px;
			background-image: url(../images/entry-footer-arrow.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div.profile-entry-footer a:hover {
			background-position: top right;
		}
		
		/* work experience */
		div#work-entry-container {
			margin-bottom: 100px;
		}
		
			div.work-entry {
				margin-bottom: 40px;
			}
			
				div.work-entry p.work-entry-date {
					color: #cfcfcf;
					font-size: 40px;
					margin-bottom: 20px;
				}
				
				div.work-entry h4.work-entry-title {
					margin-bottom: 3px;
					font-size: 16px;
				}
				
				div.work-entry p.work-entry-position {
					font-style: Italic;	
				}
		
		/* educational background */
		div#education-entry-container {
			margin-bottom: 100px;
		}
		
			div.education-entry {
				margin-bottom: 40px;
			}
			
				div.education-entry p.education-entry-date {
					color: #cfcfcf;
					font-size: 40px;
					margin-bottom: 20px;
				}
				
				div.education-entry h4.education-entry-title {
					margin-bottom: 3px;
					margin-right: 10px;
					font-size: 16px;
				}
				
				div.education-entry p.education-entry-license {
					font-style: Italic;	
				}

		
	/* awards-entry */
	div.awards-entry {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
		div.awards-entry div.entry-header-image {
			margin-bottom: 7px;
		}
	
		div.awards-entry p.awards-entry-date {
			color: #cfcfcf;
			font-size: 40px;
			margin-bottom: 20px;
		}
		
		div.awards-entry h2.awards-entry-title {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			div.awards-entry h2.awards-entry-title span.awards-entry-title-image {
				margin-right: 8px;
				padding-bottom: 5px;
			}
		
		div.awards-entry div.awards-entry-image {
			margin-bottom: 10px;
		}
		
			div.awards-entry div.awards-entry-image img {
				background-color: #cfcfcf;
				padding: 2px;
			}
			
			div.awards-entry div.awards-entry-image a:hover img {
				background-color: #000000;
				padding: 2px;
			}
		
		div.awards-entry div.awards-entry-embedSwf {
			margin-bottom: 20px;
		}
		
		div.awards-entry div.awards-entry-link {
			text-align: right;
			margin: 0px 45px 30px 0px;
		}
		
			div.awards-entry-link a {
				text-decoration: none;
			}
		
			div.awards-entry-link a span {
				color: #000;
				padding: 3px 5px;
				background-color: #f9f7e2;
			}
			
			div.awards-entry-link a:hover span {
				color: #fff;
				background-color: #000;
			}
		
		div.awards-entry p.awards-entry-content {
			margin: 0px 40px 30px 0px;
			line-height: 140%;
		}


	/* framework-entry */
	div.framework-entry {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
		div.framework-entry div.entry-header-image {
			margin-bottom: 7px;
		}
	
		div.framework-entry p.framework-entry-date {
			color: #cfcfcf;
			font-size: 40px;
			margin-bottom: 20px;
		}
		
		div.framework-entry h2.framework-entry-title {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			div.framework-entry h2.framework-entry-title span.framework-entry-title-image {
				margin-right: 8px;
				padding-bottom: 5px;
			}
		
		div.framework-entry div.framework-entry-image {
			margin-bottom: 10px;
		}
		
			div.framework-entry div.framework-entry-image img {
				background-color: #cfcfcf;
				padding: 2px;
			}
			
			div.framework-entry div.framework-entry-image a:hover img {
				background-color: #000000;
				padding: 2px;
			}
		
		div.framework-entry div.framework-entry-embedSwf {
			margin-bottom: 20px;
		}
		
		div.framework-entry p.framework-entry-content {
			margin: 0px 40px 30px 0px;
			line-height: 140%;
		}
		
	
	/* publications-entry */
	div.publications-entry {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
		div.publications-entry div.entry-header-image {
			margin-bottom: 7px;
		}
	
		div.publications-entry p.publications-entry-date {
			color: #cfcfcf;
			font-size: 40px;
			margin-bottom: 20px;
		}
		
		div.publications-entry h2.publications-entry-title {
			font-weight: bold;
			font-size: 16px;
			margin-bottom: 20px;
		}
		
			div.publications-entry h2.publications-entry-title span.publications-entry-title-image {
				margin-right: 8px;
				padding-bottom: 5px;
			}
		
		div.publications-entry div.publications-entry-image {
			margin-bottom: 10px;
		}
		
			div.publications-entry div.publications-entry-image img {
				background-color: #cfcfcf;
				padding: 2px;
			}
			
			div.publications-entry div.publications-entry-image a:hover img {
				background-color: #000000;
				padding: 2px;
			}
		
		div.publications-entry div.publications-entry-embedSwf {
			margin-bottom: 20px;
		}

		div.publications-entry div.publications-entry-link {
			text-align: right;
			margin: 0px 45px 30px 0px;
		}
		
			div.publications-entry-link a {
				text-decoration: none;
			}
		
			div.publications-entry-link a span {
				color: #000;
				padding: 3px 5px;
				background-color: #f9f7e2;
			}
			
			div.publications-entry-link a:hover span {
				color: #fff;
				background-color: #000;
			}

		div.publications-entry p.publications-entry-content {
			margin: 0px 40px 30px 0px;
			line-height: 140%;
		}
		
		div.publications-entry dl.publications-entry-publisher {
			/*background-color: #f1f1f1;*/
			border: 1px solid #cfcfcf;
			margin: 0px 40px 30px 0px;
			padding: 10px;
		}

			dl.publications-entry-publisher dt {
				font-weight: bold;
			}	

	
	/* contact */
	div#content p#contact-exp {
		margin-bottom: 15px;
	}

	div#content p#contact-alert {
		font-size: 10px;
		margin-bottom: 30px;
	}
	
		div#contact-form-container dl {
			margin-bottom: 10px;
		}
		
		div#contact-form-container dt {
			margin-bottom: 4px;
			font-weight: bold;
		}
		
		input#contact-name, input#contact-email, input#contact-subject {
			padding: 6px 2px 2px 2px;
			border: 2px solid #cfcfcf;
			width: 292px;
			height: 26px;
			font-size: 14px;
		}
		
		textarea#contact-message {
			padding: 2px;
			border: 2px solid #cfcfcf;
			width: 416px;
			height: 166px;
			font-size: 14px;
		}

		div#contact-buttons {
			margin-top: 40px;
		}
		
		div#contact-buttons:after {
			display: block;
			clear: both;
			height: 0px;
			visibility: hidden;
			content: ".";
		}

		div#contact-buttons div#contact-buttons-left {
			float: left;
			margin-right: 5px;
		}
		
		div#contact-buttons div#contact-buttons-right {
			float: left;
		}

		div#contact-buttons a#contact-confirm {
			display: block;
			width: 54px;
			height: 23px;
			background-image: url(../images/contact-confirm.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div#contact-buttons a:hover#contact-confirm {
			background-position: top right;
		}
		
		div#contact-buttons a#contact-reset {
			display: block;
			width: 54px;
			height: 23px;
			background-image: url(../images/contact-reset.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div#contact-buttons a:hover#contact-reset {
			background-position: top right;
		}
		
		div#contact-buttons a#contact-back {
			display: block;
			width: 54px;
			height: 23px;
			background-image: url(../images/contact-back.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div#contact-buttons a:hover#contact-back {
			background-position: top right;
		}

		div#contact-buttons a#contact-submit {
			display: block;
			width: 54px;
			height: 23px;
			background-image: url(../images/contact-submit.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div#contact-buttons a:hover#contact-submit {
			background-position: top right;
		}
		
		div#contact-buttons a#contact-top {
			display: block;
			width: 54px;
			height: 23px;
			background-image: url(../images/contact-back.gif);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		div#contact-buttons a:hover#contact-top {
			background-position: top right;
		}


/*-------------
  col3
---------------*/
div#col3 {
	float: left;
	margin-left: 35px;
	/*width: 250px;*/
	overflow: hidden;
}


/* external-link */
div#external-link {
	margin-bottom: 45px;	
}

	div#external-link h2#external-link-header {
		margin-bottom: 15px;
	}

    div#external-link .external-link-element {
    	margin-bottom: 10px;
    }

/* photos */
div#photos {
	margin-bottom: 45px;	
}

	div#photos h2#photos-header {
		margin-bottom: 15px;
	}
	
	div#photos div#public-photos {
		margin-bottom: 20px;
	}
	
		div#public-photos table {
			table-layout: auto;
			empty-cells: show;
			border-collapse: collapse;
			border: none;
			margin: 0px;
			padding: 0px;
		}
		
		div#public-photos table th, div#public-photos table tr, div#public-photos table td {
			margin: 0px;
			padding: 0px;
		}
		
		div#public-photos td div.flickr-image-holder {
			width: 75px;
			height: 75px;
		}		
	
	div#flickr-link {
		font-weight: bold;
	}

/* words */
div#words {
	margin-bottom: 45px;	
}

	div#words h2#words-header {
		margin-bottom: 15px;
	}
	
	div#words div#words-content {
		margin-bottom: 10px;
	}
	
		div#words-content ul {
			list-style-type: none;
			width: 250px;
		}
		
		div#words-content li {
			list-style-image: url(../images/words-list-header.gif);
			margin: 0px 0px 10px 18px;
			padding: 0px;
		}