* { margin: 0; }
body, html { height: 100%; background: url('../img/grey3.gif'); }
img { display: block; }

#wrap {
	border: 10px solid #e3e3e3;
	border-width: 10px 0px 0px 0px;
	padding: 30px 0px 0px 30px; 
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10px; /* the bottom margin is the negative value of the footer's height */
}

#bottom { height: 10px; width: 100%; background-color: #e3e3e3; }

#left,#right { position:fixed; background:#e3e3e3; }
#left,#right { top:0; height:100%; width:10px; }
#left { left:0; }
#right { right:0; }

#header { position: fixed; }

/* layout */
#col-1 { float: left; margin: 0px 30px 0px 0px; position: fixed;}
#col-2 { float: right; }
#main { width: 1150px; padding-bottom: 80px; padding-top: 58px; }
#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#main {display: inline-block;}
/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
/* End hide from IE-mac */
#main-about { width: 965px; padding-top: 58px; }

.post-img { float: left; margin: 0px 25px 0px 0px; }
.post-descr { float: right; width: 240px; }
.post { margin-bottom: 15px;  }
.post:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.post {display: inline-block;}
/* Hides from IE-mac \*/
* html .post {height: 1%;}
.post {display: block;}
/* End hide from IE-mac */


/* layout */

/* navigation */
#nav .drop-down ul { display: none; }
#nav .open { background: #f1f1f1 url('../img/li-bg-v-grey.png') no-repeat scroll right top; }
#nav .open ul { display: block; }
#nav { background: url("../img/nav-top-border.png") top left repeat-x; width: 151px; padding: 20px 0px 0px 0px; }
#nav h2 { line-height: 11px; }
#nav h2 a { font: bold 10px Arial; color: #868686; text-decoration: none; line-height: 11px; }
#nav #contact { font: bold 10px Arial; color: #868686; text-decoration: none; line-height: 11px; cursor: pointer; }

#nav ul.top-nav p { font: normal 11px Arial; color: #6d6d6d; line-height: 11px; margin-bottom: 5px; }
#nav ul.top-nav li { background: url("../img/li-dotted-border.png") bottom left repeat-x; padding: 9px 0px 10px 0px; }
#nav ul.top-nav li.first-no-padding { padding: 0px 0px 10px 0px; }
#nav ul.top-nav li.no-border { background: none; }

#nav ul.sub-nav { margin-top: 11px; }
#nav ul.sub-nav li { padding: 0;  background: #ffffff url("../img/li-bg-v.png") top right no-repeat;  margin: 0px 0px 10px 0px;  border: 1px solid #e3e3e3; }
#nav ul.sub-nav li.no-margin { margin-bottom: 0px; }
#nav ul.sub-nav li a { line-height: 10px;  padding: 2px 0px 3px 4px; display: block; font: bold 10px Arial; color: #c7c7c7; text-decoration: none; }
#nav ul.sub-nav li a:hover { border: none; color: #868686; }

#nav ul.tri-nav { padding-top: 5px; padding-bottom: 6px;   }
#nav ul.tri-nav li { background: none; border: none; margin-bottom: 0; }
#nav ul.tri-nav li a { padding: 5px 0px 5px 14px; color: #c7c7c7; font: bold 10px Arial; }
#nav ul.tri-nav li a:hover { color: #979797; }

#contact-copy { display: none; cursor: pointer; }
#nav ul.top-nav .copy { font: normal 10px Arial; color: #909090; line-height: 15px; margin-bottom: 15px; }
#nav ul.top-nav .info { font: normal 10px Arial; color: #c7c7c7; line-height: 13px; text-transform: uppercase; }
#nav ul.top-nav .info a { font: normal 10px Arial; color: #c7c7c7; text-decoration: none; }
#nav ul.top-nav .info:hover { color: #868686; }
#nav ul.top-nav .info:hover a { color: #868686; }

/* end navigation */

/* posts */

.post-img { padding-top: 16px; }
.post-first { padding: 0; border: none; }
.post-img img { border: 1px solid #e3e3e3; }
.post-img img.no-border { border: 0; }
.post-descr h2 { font: bold 11px Arial; color: #f8585b; margin-bottom: 8px; }
.post .post-descr p { font: normal 10px Arial; color: #909090; line-height: 15px; }
.post-descr span.fsName { color: #4e4e4e; font: bold 10px Arial; }
.post-descr .bot-links { margin-top: 20px;  border-top: 1px dashed #c1c1c1; padding-top: 10px; }
.post-descr .bot-links li { margin-bottom: 10px; line-height: 11px; }
.post-descr .bot-links a { font: normal 10px Arial; color: #f8585b; text-decoration: none;  }

#twitter { padding-top: 25px; margin-top: 20px;  border-top: 1px dashed #d6d6d6; } 
#tweet ul li { font: normal 10px Arial; color: #909090; line-height: 15px; margin-bottom: 12px; }
#tweet ul li a { font: normal 10px Arial; color: #f8585b; }

/* end posts */

/* slide shows */
.slide-show-wrapper { margin-top: 25px;  }
.top-slide { margin-top: 0px; }
.slide-show-wrapper .post-descr { font: normal 10px Arial; color: #909090; line-height: 15px; padding-top: 25px; }
.top-slide .post-descr { padding-top: 0px; }
.post-slide-show { position: relative; margin-bottom: 15px; float: left; width: 700px; margin-right: 25px;}
 
.post-slide-show .slide { position: absolute; top: 25px; left: 0; }
.top-slide .post-slide-show .slide { top: 0px; }
.post-slide-show .slide img { display: none; }
.post-slide-show .slide img { border: 1px solid #e3e3e3; }
.post-slide-show .slide .no-border { border: 0; }
.post-slide-show .slide .active {}
.slide-show-info { margin-top: 25px;  }
.slide-show-info p, .slide-show-info img { float: left; }
.slide-show-info p { width: 52px; text-align: center; margin-top: 3px; }
.slide-show-info .controller { font: italic 11px Georgia; color: #868686; }
.left-arrow, .right-arrow { cursor: pointer; }

.top-divide { padding-top: 25px; background: url("../img/li-dotted-border.png") top left repeat-x; }

/* end slide shows */

.clear:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }