/*** BASICS ***/

body {
	background: #FFF;
   	font-family:  Georgia, serif;
    font-size: 12px;
    line-height: 1.66;
    color: #222;
    padding:0px;
    margin:0px;

}

body { font-size: 12px; font-family: Georgia, serif; } 

p { font-size: 1em; /* 12px */ line-height: 1.6667em; /* 20px */ margin: 0 0 1.6667em 0; }

/* 36px - The quick brown fox jumps over the lazy dog */
h1 { font-size: 3em; /* 36px */ line-height: 1.1111em; /* 40px */ margin-top: 0.5556em; margin-bottom: 0em; }
/* 24px - The quick brown fox jumps over the lazy dog */
h2 { font-size: 2em; /* 24px */ line-height: 1.6667em; /* 40px */ margin-top: 0.416em; margin-bottom: 0.416em; }
/* 18px - The quick brown fox jumps over the lazy dog */
h3 { font-size: 1.5em; /* 18px */ line-height: 1.1111em; /* 20px */ margin-bottom: .55em; margin-top: 0.55em; }
/* 15px - The quick brown fox jumps over the lazy dog */
h4 { font-size: 1.25em; /* 15px */ line-height: 1.3333em; /* 20px */ margin-top: .66em; margin-bottom: 0.66em; }

ul{
	list-style: none;
	margin: 0px;
	margin-bottom: 19px;
	border-top: 1px solid #e6e9df;
}

li{
	padding:0px;
	display:block;
	float:left;
	clear:both;
}

.inlineList{
	margin:0px;
}

.inlineList li{
	border-bottom: 1px solid #e6e9df;
	padding:3px 7px 3px 3px;
	float:none;
}

img{
	border:0px;
	padding:0px;
	margin:0px;
}

/*** LAYOUT ***/

.leftColumn{
   position:absolute;
   top:0px;
   left:20px;
}

#content{
    background: #FFF;
	position:absolute;
	top:178px;
	left:197px;
	padding:0px 21px;
	width:712px;
	margin:0;
}

.motto{
	font-size:26px;
	color:#333;
	position:absolute;
	z-index:3;
	top:-80px;
	left:21px;
	width:900px;
}

.logo, .pageHeader{
  	border-top:10px solid #D6D9CD;
  	background: #FFF;
  	height:170px;
}

.pageHeader{
	position:absolute;
	left:218px;
	top:0px;
	width:712px;
}


.logo{
  	/*background:#000;*/
	height:168px;
	padding-left: .33em;
}

.logo img{
	margin-top:49px;
}


/*** HEADINGS ***/

h2, h3, h4, h5, .motto, .menu li.section-title{
	font-family:  "Helvetica Neue", Arial, Helvetica, serif;
   	font-weight:normal; 
	color: #444; 
	float: none;
	clear:both;
}

.pageHeader h2{
	font-size:5em;
	margin:5px 0px;
}

/*** CONTENT ***/

#content p{
	display:block;
	float:none;
	margin:0px 0px 21px 0px;
}

.whiteBG{
	background:#EEE;
    padding:0px 10px;
}

.box{
	background: #EEE;
}

/*** MENU ***/

.menu p{
	display:none;
}

.menu ul, .linkList{
	border: none;
}

.menu li{
	border:none;
	padding:0px;
	margin:0px;
	float:none;
}

.menu li.section-title{
	font-size:1.33em;
	background: transparent;
	margin:1em 0px 0px 5px;
	height:34px;
}


a {
	text-decoration:none;
	font-weight: normal;
	color:#333;
	border-bottom: 1px dotted #999;
}


a:hover, a:active {
	background:#EEE;
	color:#000;
}

a.noUnderline, a.noUnderline:hover, a.noUnderline:active{
	border-bottom:none !important;
	background-color: #FFF !important;
}

a.noUnderline.small p{
	margin-bottom:5px !important;
}

.menu a{
	display:block;
	float:none;
	background: #e6e9df;
	padding:3px 7px;
	border-bottom: 1px solid #FFF;
	/*font-size:.92em;*/
	color:#333;
	margin:0px;
}

.menu a:hover{
	background:#cad2b5;
	color:#000;
}

.menu li.active a{
	color:#FFF;
	font-weight:bold;
	background:#29D;
}

.linkList{
	border-top: 1px solid #e6e9df;	
}

.linkList a img{
	margin:5px 10px 0px 0px;
	display: inline;
	vertical-align: baseline;
}

.linkList a, a.button{
	display:block;
	float:none;
	background: url(../img/icons_mo/arrow_right.gif) center left no-repeat #FFF;
	border-bottom: 1px solid #e6e9df;
	padding:.3em .2em .25em 22px;
	color:#333;
	line-height: 1.5;
}

.linkList a{
	border-bottom: 1px solid #e6e9df;
}

a.button{
	border-top:1px solid #e6e9df;
	margin-bottom: .25em;
}

.linkList a:hover, a.button:hover{
	background-color: #d1d6c4;
	color:#000;
}
/*
a.external{
	background-image: url(../img/icons_mo/external.gif);
}
*/

a.document{
	background-image: url(../img/icons_mo/document.gif);
}

a.demo{
	background-image: url(../img/icons_mo/demo.gif);
}

a.star{
	background-image: url(../img/icons_mo/star.gif);
}

a.image, a.images{
	background-image: url(../img/icons_mo/document.gif);
}

a.video, a.audio{
	background-position: left .33em;
	background-image: url(../img/icons_mo/media.gif);
}

a.download{
	background-position: left .33em;
	background-image: url(../img/icons_mo/arrow_down.gif);
	padding-left:20px;
}

a.rss{
	background-image: url(../img/icons/feed.png);
}

a.mail{
	background-position: left .33em;
	background-image: url(../img/icons_mo/mail.gif);
}

a.linkedin{
	background-position: left .33em;
	background-image: url(../img/icons/linkedin.gif);
}

a.twitter{
	background-position: left .33em;
	background-image: url(../img/icons/twitter.gif);
}

a.delicious{
	background-position: left .33em;
	background-image: url(../img/icons/delicious.gif);
}

a.ffffound{
	background-position: left .33em;
	background-image: url(../img/icons/ffffound.gif);
}

.linkList.noArrow a{
	background-image: none !important;	
	padding-left: 3px !important;
}


.footer a{
	font-size:100%;
	display:inline;
	text-transform: none;
	padding:0px;
}


#img-container .nav{
	background-color:#D6D9CD;
	color:#666;
	text-align:right;
}

#img-container .nav #num{
	font-weight:bold;
}

.links{
	float:right;
}

.separator{
	clear:left;
	float:none;
	padding:0px 1.33em;
	font-size:.9em;
	color:#888;
}

small{
	line-height:21px;
}

.authors, .date, .details{
	display:block;
	font-size:.9em;
	color:#666;
	line-height:21px;
}

.metaField{
	color:#555;
}

.details{

}

.remark{
	color:#666;
	font-style:italic;
    font-weight:normal !important;
}

.authors{
	font-family:inherit;
}

.tileList.top{
	margin-top:17px !important;
}

.tile3col{
	width:202px;
	height:303px;
	display:block;
	float:left;
	border:none;
	background:#EEE;
	margin: 0px 7px 7px 0px;
	padding:1.33em;
}

.teaserList li{
	padding:1.5em 0px;
	border-bottom:1px solid #E6E9DF;
}

.teaserList img, .teaserImg{
	border:1px solid #E6E9DF;
}

.teaserList h3{
	margin-top:0px;
}

.large{
	font-size:1.2em;
	line-height:1.62;
}

.teaser{
	float:none;
	border:none;
}

.teaser h5{
	/*
	border-top: 1px dotted #CCC;
	padding-top:.5em !important;
	*/
	padding-top:0px !important;	
	margin-top:0px !important;
}

.teaser img{
	border:1px solid #AAA;
}

.caption{
	font-style:italic;
}

.screenshot{
	clear:both;
	border:1px solid #CCC;
	overflow:hidden;
	background: #CCC;
	margin-bottom: 10px;
}
.screenshot .caption{
	display:block;
	float:left;
	margin:.33em 1em;
	color:#000;
}

.screenshot img{
	display:block; 
	float:left;
	clear:both;
}

.metadata li, .metadata ul{
	border:none;
}

li h2, li h3, li h4, li h5{
	/*margin:0px;*/
} 

.footer{
	border-top: 2px solid #e6e9df;
	color:#666;
	padding-top: .5em;
	margin-top:6em !important;
}

.small{
	font-size: .833em !important;
	line-height: 2em !important;
	
}
/* sifr */

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px; !important;
  z-index: 0;
}


/* shadowbox */

#img-container{
	clear: both;
}
a.shadowboxteaser { 
	border:1px solid #CCC; 
	margin-right:3px;
	float:left;
}

#shadowbox a{
	border:none;
	margin:0px;
	padding:5px;
	display:block;
}

/* delicious */
.delicious-blogbadge-custom{
	float:left;
	text-decoration: none;
	font-style: normal;
	clear:both;
	margin:30px 0px 10px -5px;
	border-top:1px solid #DDD;
	padding-top:5px;
	color:#666 !important;
}

.delicious-blogbadge-custom .save-to-link, .delicious-blogbadge-custom .url-link{
	border:none;
	display:block;
	float:left;
	clear:none;
	margin:0px 1px 0px 0px;
}

.delicious-blogbadge-custom .save-to-link{
	background: url(../img/icons/delicious.gif) no-repeat 2px 2px;
	padding-left:24px;
}

.delicious-blogbadge-custom ul{
	border:none;
	padding:5px 0px 0px 0px;
}

.delicious-blogbadge-custom li{
	border:none;
	display:block;
	float:left;
	clear:none;
	margin:1px 1px 0px 0px;
	background:#EEE;
}

.top-tags-container{
	clear:both;
}

.post-count{
	font-weight: bold;
}

.empty-save-to-link-label, .top-tags-title{
	display:none;
}

.delicious-blogbadge-custom a, .empty-message{
	border:none !important;
	display:block;
	float:left;
	padding:2px 5px;
	font-style: normal;
}

.empty-message, .delicious-blogbadge-custom .url-link{
	font-style: italic;
}

.delicious-blogbadge-custom a:hover{
	color:#000;
	background-color:#DDD;
}