* {margin:0; padding: 0;}
li {list-style: none;}
.holder {overflow: hidden; height: 1%;}

body {background: #253C4D url(../img/gersh09/bg_page.gif); font: 12px/18px 'lucida grande',verdana,sans-serif; color: #303030; }
.page {background: url(../img/gersh09/bg_grad.gif) repeat-x; min-height: 500px; margin-bottom: 30px;}
#container {background: #fff; width: 970px; margin: 0 auto; overflow: hidden; height: 1%;}

#header {height: 106px; overflow: hidden; border-bottom: 0px solid red; margin: 0 2px; position: relative; background: url(../img/gersh09/bg_head.gif) repeat-x;}
#header h1 {margin-bottom: 0 !important;}
#header h1 a {width: 122px; height: 46px; background: url(../img/gersh09/gersh_logo.png) no-repeat; text-indent: -1000px; display: block;  position: absolute; top: 26px; left: 26px;}

#description {float: right; width: 270px; text-align: center; margin: 25px 60px 0 0;}
#description strong {color: #3FA9F5; font-family: georgia; font-weight: normal; font-style: italic; font-size: 15px; line-height: 18px;}
#description em {display: block; padding-top: 0px; border-top: 1px dotted #dbccd4; font-size: 12px; margin: 3px 20px;}
#description em a {color: #303030; text-decoration: underline;}
#description em a:hover {text-decoration: none;}

/* Menu global */

#menu,
#menu ul,
#menu li,
#menu li a {height: 47px;}
#menu {position: absolute; top: 25px; left: 169px; background: url(../img/gersh09/menu_left.gif) no-repeat; height: 50px; padding-left: 10px;}

#menu ul { background: url(../img/gersh09/menu_right.gif) no-repeat right 0% !important; overflow: hidden; padding-right: 10px;  }
#menu li {float: left; background: url(../img/gersh09/menu_bg.gif) repeat-x; overflow: hidden;}
#menu li a {display: block;   color: #454545; text-decoration: none; font-family: "Trebuchet MS", sans-serif; font-weight: bold; font-size: 17px; margin-left: 5px; text-shadow: 1px 1px 0px #bbb; cursor: pointer;}
#menu li span {display: block; background: url(../img/gersh09/menu_div.gif) repeat-y 0% 0; border: 0px solid red; padding: 1px 2px 1px 11px;line-height: 30px; height: 31px;}
#menu li a.active {background: url(../img/gersh09/menu_active.gif) no-repeat center bottom; color: #2B2B2B; text-shadow: 1px 1px 0px #999;}
#menu li a:hover {color: #2B2B2B; text-shadow: 1px 1px 0px #999;}
#menu li:first-child a {margin-left: -8px;}
#menu li:first-child span {background: none;}

/* Footer */

dl { overflow: hidden; height:1%;}
dt,
dd {  padding-bottom: 5px; white-space: normal;}
dt {width: 80px; float: left; clear: left; font-weight: bold; }

#footer {width: 968px; margin: 0 auto;}
#footer {background: #D1DCE3 url(../img/gersh09/footer_border.png) repeat-x; padding-top: 5px;  border: 1px solid #fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
#footer .holder { margin: 15px;}
#footer .col {float: left; overflow:hidden; height: 1%; padding: 0px 0 5px;}
#footer .col * {}
#footer .col-1 {width: 300px; padding-right: 20px; background: url(../img/gersh09/footer_stroke.gif) repeat-y 309px 0px}
#footer .col-2 {width: 380px;}
#footer .avetar {float: right; }
#footer h3 {font-size: 14px; margin: 0 0 .3em; color:#666666}
#footer p,
#footer a,
#footer dl {font-size: 12px; font-family: 'Lucida Grande','Lucida Sans Unicode', sans-serif; color:#666666; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#credits {clear: both; text-align: right; padding-top: .5em; margin-bottom: 0;}

/* Content padding */
#content { border-top: 0px solid #ddd; min-height: 300px;}
#nodes #content {margin: 0px 0 15px 15px;}
#portfolios #content {margin: 0px 15px;}
#posts #content,
#categories #content {margin: 0px 0 15px 15px;}

/* Basic typo */
.hide {display: none; }
.placeholder {width: 100px; height: 100px; background: #555;  display: block;}
a img {border: none;}
h1, h2, h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: .5em;}
h1 {color: #73BE1E; font-size: 22px; }
h2 {color: #73BE1E; font-size: 18px;}
h3 {color: #73BE1E; font-size: 15px;}

a {color: #3FA9F5; text-decoration: none;}
a:hover {text-decoration:underline;}

.action-link {font-size: 12px; display: block; padding-left: 16px; background: url(../img/gersh09/action_icon.png) no-repeat 2px center; }
.date {color: #BDCCD4; font-size: 11px; font-weight: normal;}

/* Frontpage */
.frontpage {overflow:hidden; height: 1%; padding-bottom: 2em; padding-right: 15px;}
.frontpage .col-1 {float: right; width: 460px; }
.frontpage .col-2 {float: left; width: 460px;}
.portfolio {background: #101115; padding: 12px 0 10px 8px; overflow: hidden; height: 1%; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.portfolio a {display: block; float: left; border: 0px solid #333; margin: 0 8px 4px 0; text-align: center; color: #BDCCD4; text-decoration: none; width: 140px; font-size: 11px;  }
.portfolio a span {line-height: 1.2em; height: 1.2em; overflow:hidden; display: block; padding: 2px 0;}
.portfolio a:hover span {text-decoration: underline;}
.portfolio a .crop {width: 140px; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100px; overflow: hidden; }
.portfolio a img {  }
.frontpage .col-2 p {text-align: center; color: #BDCCD4; padding: 6px 80px; font-size: 11px; line-height: 1.2em;}
.feature {margin: 0 0 20px 0px; overflow: hidden; height: 1%;}
.feature a {display: block; float: left; width: 140px; margin: 0; margin-left: 20px; text-decoration: none; text-align: center; color: #303030; font-size: 12px; line-height: 1.2em; }

.feature a:hover {text-decoration: none;}
.feature a:hover span {text-decoration: underline;}
.feature a img {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.frontpage .holder {margin-left: 0px;}
.frontpage .holder .widget {width: 220px; float: left; margin-left: 20px;}
.frontpage .widget ul {min-height: 220px; }
.feature a:first-child,
.frontpage .holder .widget-posts {margin-left: 0; }

/* Basic widget */
.widget .title { color: #73BE1E; font-size: 17px; border-bottom: 1px solid #ddd;border-top: 1px dotted #ddd; height: 1.3em; line-height: 1.2em; margin-bottom: 0;}
.widget .title span { font-family: Cambria, Georgia, Times, Times New Roman, serif; color: #BDCCD4; font-size: 13px; font-weight: normal; font-style: italic;  }
.widget ul { border-bottom: 1px dotted #ddd; margin: 2px 0px;}
.widget li,
.widget li a {color: #303030; text-decoration: none; font-size: 12px;}
.widget li a:hover {color: #3FA9F5;}
.widget .date {display: block;}

/* Category widget */
.widget-category ul {overflow: hidden; height: 1%; padding-bottom: 3px;}
.widget-category ul li {display: block; padding-left: 15px; background: url(../img/gersh09/tag.gif) no-repeat left center; font-weight: bold; float: left; margin-right: 5px; }
.widget-category ul li a {display: block; overflow: hidden; float: left;}

/* Twitter widget */
.widget-twitter ul li a {color: #BDCCD4; font-size: 11px; display: block;}
.widget-twitter ul li span a {color: #303030; font-size: 12px; display: inline;}

/* Post widget */
.widget-posts li {font-weight: bold;}
.widget-posts li .date {font-weight: normal;}

/* Image embed */
.object-right {float: right; margin: 0 0 0 .5em;}
.object-left {float: left; margin: 0 .5em 0 0em;}

/* RSS widget */
.rss-feed a {display: block; padding-left: 22px; background: url(../img/gersh09/rss.png) no-repeat left center; font-weight: normal; }
.widget-rss ul {border-bottom: 0;}

/* Portfolio list */
.portfolios-list {position: relative; overflow: hidden; height: 1%;}
.portfolios-list .holder {padding: 10px 0;  }
.portfolios-list .holder a {float: left; display: block; width: 220px; margin: 0 0 10px 20px; color: #303030; font-size: 12px; font-weight: bold; }
.portfolios-list .holder a.left {margin-left: 0;}
.portfolios-list .holder a:hover {text-decoration: none; color: #3FA9F5; }
.portfolios-list .date {display: block;}
.border {border: 1px solid #ddd; background: #eee; padding: 4px 0; text-align: center; margin-bottom: 2px; display: block; }
.border .crop { overflow: hidden; border: 1px solid #ddd;  margin: 0 auto; display: block;}
.portfolios-list .border .crop {height: 150px; width: 206px;}
.nav {overflow: hidden; height: 37px; background: #eee url(../img/gersh09/bg_portfolio.gif); text-align: center;   }
.nav ul {  display: inline;}
.nav ul li {  display: inline;}
.nav ul li a {  line-height: 35px; padding: 0 8px 0 10px; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-left: 2px solid #BDCCD4; font-weight: bold; color: #BDCCD4; }
.nav ul li a:hover,
.nav ul li.active a {text-decoration: none; color: #7AC943;}
.nav ul li a.first {border: none; }
.nav .prev,
.nav .next {float: right; line-height: 35px;margin: 0 10px; background: url(../img/gersh09/action_icon.png) no-repeat right 55%; padding-right: 15px}
.nav .prev {float: left; background: url(../img/gersh09/action_icon2.png) no-repeat left 55%; padding: 0 0 0 15px}
.nav h2 {line-height: 37px; color: #73BE1E; font-size: 21px;}

/* Portfolio full */
.portfolio-full .holder {padding: 15px 0 30px;}
.portfolio-full .col-1 {float: left; width:560px;}
.portfolio-full .col-1 .border {width: 540px;}
.portfolio-full .col-1 .crop {width: 525px; height: 360px;}
ul.images {overflow: hidden; height: 1%; padding: 0 0 10px; }
ul.images li {float: left; padding: 0 5px 5px 0; width: 60px;}
ul.images .border  {padding: 2px;}
ul.images .border .crop {width: 52px; height: 34px;}
.portfolio-full .col-2 {overflow: hidden; }
.body {padding: 5px 20px 5px 0; }
.portfolio-full dl {border: 1px solid #ddd; background: #f2f2f2; padding: 4px 8px; margin: 10px 60px 10px 0; font-size: 12px; }
.portfolio-full dt {color: #8FA7A6;}
.portfolio-full .col-2 .action-link {clear: both; }

/* Blog-list */
.posts-list .holder {padding-bottom: 30px;}
.posts-list .col-1 {width: 700px; float: left; border: 0px solid red;}
.posts-list .col-2 {width: 245px; float: right; border: 1px solid #ddd; border-right: 0px; background: #F2F2F2; -moz-border-radius: 8px 0px 0 8px; -webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px; clear: none; padding-bottom: 10px;}
.sidebar {margin: 10px 20px 0px 10px; }
.sidebar .widget {margin-bottom: 2em; }
.post h2,
.post h2 a {color: #7AC943; font-size: 20px; margin-bottom: 0;}
.meta {color: #BDCCD4;  padding: 4px 2px 6px; }
.meta div {display: inline;}
.meta .date,
.posttags {font-size: 12px;}
.posttags {padding-left: 5px; border-left: 1px solid #ddd; margin-left: 3px; }
ul.categories,
.categories li {display: inline; }
.categories li a {padding-right: 10px;}
.post {padding-bottom: 20px; }
.post .date-fx {float: left; width: 80px; padding-top: 48px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.post .date-fx span {display: block; margin: 0 20px 0 15px; background: #F2F2F2; text-align: center; color: #808080; font-size: 21px; font-weight: bold; padding: 7px 0 9px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.post .date-fx span.mnd { background: #7AC943; color: #fff; font-size: 11px; font-weight: bold; padding: 1px 0 0; text-transform: uppercase; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px;}
.post .group {overflow: hidden; }
.post .body {background: url(../img/gersh09/bg_post.gif) repeat-y; padding: 12px; overflow: hidden; height: 1%; margin-bottom: 5px;}
.post .body p {padding-right: 100px;}
.posts-list .body img.intro {float: left; border: 1px solid #ddd; margin-right: 10px;}

/* Posts archive */
.archive h2 {margin-bottom: 0;}
.archive h2 a {font-size: 15px !important; }
.archive {padding-bottom: 0;}

/* Post category view */
.category-view h1 {font-size: 17px; font-style: italic; color: #BDCCD4; }

/* Inner-page */
.inner-page .col-2 {margin-top: 4px;}
.submenu {height: 36px; margin-bottom: 1em; background: url(../img/gersh09/submenu_bg_l.gif) no-repeat left 5px; padding-left: 10px; }
.submenu .left {}
.submenu .right {background: url(../img/gersh09/submenu_bg_r.gif) no-repeat right 5px; padding-right: 10px; }
.submenu ul {overflow: hidden; height: 36px; background: url(../img/gersh09/submenu_bg.gif) repeat-x left 5px; padding: 0; padding-left: 10px; padding-top: 0;}
.submenu li {float: left; }
.submenu li a {display: block; line-height: 40px; padding: 0 10px; color: #808080; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;  }
.submenu li a:hover { text-decoration: none; color: #4D4D4D;}
.submenu li.active {background: url(../img/gersh09/submenu_active_r.gif) no-repeat right top;padding-right: 5px; margin-top: 1px;}
.submenu li.active a,
.submenu li.active a:hover {background: url(../img/gersh09/submenu_active.gif) repeat-x left top; padding: 0 5px 0 13px; color: #4D4D4D;}

/* Formated text */
.html p, .html pre, .html blockquote, .html fieldset, .html table, .html input, .html dl { margin-bottom: .5em; }
.html img  		{ margin: 0 0 1em; border: 0; }
.html img.left 	{ float: left; margin-right: .5em;}
.html img.right 	{ float: right; margin-left: .5em;}

.html dl dt 		{ font-weight: bold; }
.html dd 			{ margin-left: 1.5em;}

/* Bring back bullet list to content */
.html  ul li 	{ list-style: disc outside; 	margin: 0 0 .2em .5em; height: auto; line-height: 130%; }
.html ol li 	{ list-style: decimal outside; margin: 0 0 .2em 1em; height: auto; line-height: 130%; 	}
.html ul, 
.html ol 	{ padding: 0; margin: 0em 0 1em 1.5em; }
.html ul ul, 
.html ol ul 	{ margin: 0.3em 0 0.5em 1.3em; }
.html ul ol, 
.html ol ol 	{ margin: 0.3em 0 0.5em 1.9em; }

.html hr 			{ border: 2px solid #ccc; height: 0; }
.html q 			{ font-style: italic;}
.html b, .html strong 	{ font-weight: bold; }

.html a {text-decoration: underline;}
.html a:hover {text-decoration: none;}

.html abbr, 
.html acronym     { border-bottom: 1px dotted #666; }
.html address     { margin-top: 1.5em; font-style: italic; }
.html del         { color:#666; }

.html blockquote  { margin: 1.5em; color: #666; font-style: italic; }
.html blockquote cite {  font-style: normal; font-weight: bold; }
em,dfn      { font-style: italic; }
.html dfn         { font-weight: bold; }
.html pre,.html code    { margin: 1.5em 0; white-space: pre; background: #eee; border: 1px solid #ddd; padding: .5em; display: block; overflow: auto; }
.html pre,.html code,.html tt { font: 1em/1.2em Monaco, monospace; } 
.html tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

.html table 		{ border-spacing: 0; border-collapse: collapse; border: 0;}
.html table td, 
.html table th 	{ text-align: left; vertical-align: top; font-weight: normal; padding: .4em;  }
.html table th 	{ font-weight: bold;  text-align: center; padding: .1em .4em; border-bottom: 1px solid #ccc;}
.html table tr.alt-row td { background: #eee; }
.html table p 	{ margin: 0;}
.html tfoot   	{ font-style: italic; }
.html caption 	{ font-style: italic; text-align: center; }

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
text-align: center; 
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}