initial commit with simpler template

.gitignore

@@ -7,6 +7,9 @@ Session.vim
 .netrwhist
 *~
 
+## PyCharm
+#############################
+.idea
 
 ## Python
 #############################
@@ -48,3 +51,4 @@ nosetests.xml
 .project
 .pydevproject
 
+

site/css/comments.css

@@ -0,0 +1,351 @@
+/* COMMENTS ------------------------------------------------------------*/
+
+
+#comments-wrap{
+	padding-top: 40px;
+	margin-bottom: 60px;
+}
+
+.heading{
+	margin-bottom: 21px;
+}
+
+#comments-wrap a{
+	text-decoration: none;
+}
+
+.comment {
+  border-bottom: 1px #ccc solid;
+  margin: 0 0 18px;
+  padding: 0px;
+}
+
+.commentlist .odd{
+	
+}
+
+.commentlist .even{
+	
+}
+
+.v-card{ color: #ccc;}
+
+.comment .avatar {
+	float: left;
+	margin: 2px 15px 0 0;
+	height: 60px;
+	width: 60px;
+}
+
+.respond-title-wrap,
+.comment-title-wrap {
+	border-bottom: 1px solid #484848;
+	padding: 0 0 15px 0;
+	margin: 0 0 30px 0;
+}
+
+#respond-title,
+#comments,
+.add-comment-link {
+	font-size: 15px;
+	color: #2c2d31;
+	font-weight: bold;
+}
+
+.respond-caption { font-size: 11px; }
+
+.add-comment-link a {
+	font-size: 12px;
+	padding: 0 15px 0 0;
+}
+
+.commentlist {
+	margin: 0 0 30px 0;
+	list-style-type: none;
+	font-size: 13px;
+}
+
+.comment-body{
+	position: relative;
+	margin-bottom: 20px;
+}
+
+.commentlist ul li { padding: 0 0 0px 0; }
+
+
+.commentlist ul li:first-child .comment-border {
+	 border-bottom: 1px #ccc solid;
+	margin: 18px 0 0 0;
+ 	height: 18px;
+	width: 430px;
+}
+
+/* CHILDREN ------------------------------------------------------------*/
+
+.children .comment {  
+	border-bottom: none;
+	border-top: 1px #ccc solid;
+}
+
+.children { list-style-type: none; }
+
+
+.children .comment .avatar {
+	height: 35px;
+	width: 35px;
+}
+
+.comment p:last-child { margin: 0; }
+
+.comment-author cite a {
+	padding: 0 15px 0 0;
+	color: #2C2D31;
+}
+
+
+
+.comment .children li{ background: url(../img/reply.png) no-repeat 10px 40px;  }
+
+.comment .children .comment-body { 
+	margin: 20px 0 0 50px;
+}
+
+.nocomments {
+	text-align: center;
+	padding: 20px;
+}
+
+.comment-body ul { list-style-type: disc; }
+
+.comment-body ol { list-style-type: decimal; }
+
+/* REPLY ------------------------------------------------------------*/
+
+.reply {
+	position: absolute;
+	right: 0;
+	top: -5px;
+}
+
+.comment-reply-link { 
+	display: block;
+	color: #444;
+	font-size: 11px;
+	background: #eaeaea;
+	padding: 3px 10px;
+	
+	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	
+	 -webkit-transition: all 0.3s ease;
+	 -moz-transition: all 0.3s ease;
+	 -o-transition: all 0.3s ease;
+	 transition: all 0.3s ease;
+}
+
+
+
+.comment-reply-link:hover{
+	background: #fbe471;
+	color: #444;
+}
+
+.comment-reply-link-wrap {
+	position: absolute;
+	right: 0;
+	top: -18px;
+}
+
+/* META ------------------------------------------------------------*/
+
+.comment-meta { 
+	margin: 0 0 12px 50px; 
+	color: #a4a5aa;
+	font-size: 11px;
+	position: relative;
+}
+
+.children .comment-meta { margin-left: 40px; }
+
+
+
+.comment-author cite {
+	font-weight: bold;
+	font-style: normal;
+	color: #2C2D31;
+	margin: 0;
+	padding: 0;
+}
+
+/* COMMENTS PAGINATION ------------------------------------------------------------*/
+
+.comments-pagination {
+	clear:both;
+	overflow: hidden;
+	padding:20px 0;
+	position:relative;
+	font-size:11px;
+	line-height:13px;
+	margin-bottom: 10px;
+}
+ 
+.comments-pagination span,
+.comments-pagination a {
+	display:block;
+	float:left;
+	margin: 2px 2px 2px 0;
+	padding:6px 9px 5px 9px;
+	text-decoration:none;
+	width:auto;
+	color:#fff;
+	background: #555;
+}
+ 
+.comments-pagination a:hover{
+	color:#fff;
+	background: #000000;
+}
+ 
+.comments-pagination .current{
+	padding:6px 9px 5px 9px;
+	background: #000000;
+	color:#fff;
+}
+
+/* FORMS ------------------------------------------------------------*/
+
+#commentform,
+#contactForm{
+	margin-bottom: 21px;
+}
+
+
+#commentform h4,
+#contactForm h4{
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+#contactForm input,
+#contactForm textarea,
+#commentform input,
+#commentform textarea{
+	padding: 10px 15px;
+	background: #eaeaea;
+	color: #484848;
+	border: 1px  solid #ccc;
+	font-size: 13px;
+	font-family: Helvetica, Arial;
+	line-height: 1.5em;
+	
+	overflow: auto;
+}
+
+#contactForm input:focus,
+#contactForm textarea:focus,
+#commentform input:focus,
+#commentform textarea:focus{
+	background: #fff;
+	-webkit-box-shadow: 0px 0px 3px rgba(251,228,113,.4);
+	-moz-box-shadow: 0px 0px 3px rgba(251,228,113,.4);
+	-o-box-shadow: 0px 0px 3px rgba(251,228,113,.4);
+	box-shadow: 0px 0px 3px rgba(251,228,113,.4);
+}
+
+#contactForm input[type="text"],
+#commentform input[type="text"]{
+	overflow: auto;
+	width: 200px;
+	margin-bottom: 20px;
+	
+	overflow: hidden;
+}
+
+#contactForm  textarea,
+#commentform textarea{
+	width: 90%;
+	height: 230px;
+}
+
+
+#contactForm input[type="submit"],
+#commentform input[type="submit"],
+#contactForm input[type="button"]{
+	margin: 21px 0px;
+
+	width: auto;
+	color: #444;
+	font-size: 11px;
+	background: #eaeaea;
+	padding: 3px 10px;
+	border: 1px solid #ccc;
+	
+	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	
+	 -webkit-transition: all 0.3s ease;
+	 -moz-transition: all 0.3s ease;
+	 -o-transition: all 0.3s ease;
+	 transition: all 0.3s ease;
+	 
+	 cursor: pointer;
+}
+
+#contactForm input[type="submit"]:hover,
+#commentform input[type="submit"]:hover,
+#contactForm input[type="button"]:hover{
+	background: #fbe471;
+	color: #444;
+}
+
+#contactForm label,
+#commentform label{
+	padding-left: 7px;
+	color: #484848;
+}
+
+
+#respond{ 
+	margin: 25px 0 0px 0px;
+}
+
+#respond .cancel-comment-reply a{
+	float: right;
+	color: #444;
+	text-decoration: none;
+	background: #eaeaea;
+	padding: 3px 10px;
+	border: 1px solid #ccc;
+	
+	
+	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
+	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+	
+	 -webkit-transition: all 0.3s ease;
+	 -moz-transition: all 0.3s ease;
+	 -o-transition: all 0.3s ease;
+	 transition: all 0.3s ease;
+}
+
+#respond .cancel-comment-reply a:hover{
+	background: #fbe471;
+	color: #fff	
+}
+
+#error{
+	margin-left: 10px;
+}
+
+
+#sent-form-msg{
+	padding: 5px 10px;
+	margin-bottom: 40px;
+	background: rgba(0, 0, 0, 0.1);
+	color: #444;
+}

site/css/elements.css

@@ -0,0 +1,411 @@
+
+
+/* DROPCAP ------------------------------------------------------------*/
+
+.dropcap:first-letter{ 
+	font-size: 3.571em; 
+	line-height: 0.76em; 
+	padding: 0.04em 0.12em 0 0; 
+	float: left;
+}
+
+.dropcap.dark:first-letter{ 
+	display:block;
+	float:left;
+	font-size:30px;
+	line-height:40px;
+	margin:0 8px 0 0;
+	padding: 10px 10px;
+	background: #606060;
+	color: #fff;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	
+}
+
+/* LISTS ------------------------------------------------------------*/
+
+
+.lists-check ul,
+.lists-arrow ul,
+.lists-plus ul,
+.lists-star ul,
+.lists-heart ul{
+	margin-bottom: 30px;
+	margin-left: 20px;
+}
+
+
+.lists-check ul li{ 
+	list-style-image: url(../img/bullets/check.png);
+	line-height: 1.5em;
+}
+	
+.lists-arrow ul{ 
+	list-style-image: url(../img/bullets/arrow.png); 
+	line-height: 1.5em;
+}
+
+.lists-plus ul{ 
+	list-style-image: url(../img/bullets/plus.png); 
+	line-height: 1.5em;
+}
+
+.lists-star ul{ 
+	list-style-image: url(../img/bullets/star.png); 
+	line-height: 1.5em;
+}
+
+.lists-heart ul{ 
+	list-style-image: url(../img/bullets/heart.png); 
+	line-height: 1.5em;
+}
+
+/* PULLQUOTES ------------------------------------------------------------*/
+
+.pullquote-right,
+.pullquote-left {
+	border-left: #555555 2px solid;
+	float:right;
+	font-size:16px;
+	line-height:1.5em;
+	margin: 20px 0px 20px 20px;
+	width:33%;
+	font-style: italic;
+}
+
+.pullquote-left {
+	float:left;
+	margin: 20px 20px 20px 0px;
+	padding:0 0 0 20px;
+}
+
+.pullquote-right{
+	border-left: none;
+	border-right: #555555 2px solid;
+	padding:0 20px 0 0px;
+}
+
+/* HIGHLIGHT ------------------------------------------------------------*/
+
+.highlight{ background: #fbe471 }
+
+
+/* Link buttons ------------------------------------------------*/
+
+.theme-link-button{
+	display: inline-block;
+	padding: 10px;
+	background: #3b424b;
+	color: #f1d76e;
+} 
+
+.link-button {
+	display: inline-block;
+	background-color: #fe8300;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#fe8300), to(#c46500));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #fe8300, #c46500);
+	background-image: -moz-linear-gradient(top, #fe8300, #c46500);
+	background-image: -ms-linear-gradient(top, #fe8300, #c46500);
+	background-image: -o-linear-gradient(top, #fe8300, #c46500);
+	background-image: linear-gradient(top, #fe8300, #c46500);
+	border: 1px solid #c46500;
+	border-bottom: 1px solid #fe8300;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	-ms-border-radius: 3px;
+	-o-border-radius: 3px;
+	border-radius: 3px;
+	-webkit-box-shadow: inset 0 1px 0 0 #fe8300;
+	-moz-box-shadow: inset 0 1px 0 0 #fe8300;
+	-ms-box-shadow: inset 0 1px 0 0 #fe8300;
+	-o-box-shadow: inset 0 1px 0 0 #fe8300;
+	box-shadow: inset 0 1px 0 0 #fe8300;
+	color: #703a00;
+	font-weight: bold;
+	line-height: 1;
+	padding: 8px 10px;
+	text-align: center;
+	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+}
+
+.link-button:hover {
+	color: #703a00;
+	background-color: #ff9627;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9627), to(#c46500));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #ff9627, #c46500);
+	background-image: -moz-linear-gradient(top, #ff9627, #c46500);
+	background-image: -ms-linear-gradient(top, #ff9627, #c46500);
+	background-image: -o-linear-gradient(top, #ff9627, #c46500);
+	background-image: linear-gradient(top, #ff9627, #c46500);
+}
+
+.link-button.fullwidth{
+	display: block;
+	width: 97%;
+	margin: 0 auto;
+}
+
+.list-buttons{
+	display: block;	
+}
+
+.list-buttons li{
+	display: block;
+	float: left;
+	margin-right: 5px;
+	margin-bottom: 20px;
+}
+
+/* Link buttons red ------------------------------------------------*/
+
+.link-button.red{
+	color: #530909;
+	background-color: #e4504c;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#e4504c), to(#a61b1b));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #e4504c, #a61b1b);
+	background-image: -moz-linear-gradient(top, #e4504c, #a61b1b);
+	background-image: -ms-linear-gradient(top, #e4504c, #a61b1b);
+	background-image: -o-linear-gradient(top, #e4504c, #a61b1b);
+	background-image: linear-gradient(top, #e4504c, #a61b1b);
+	border: 1px solid #6e0606;
+	border-bottom: 1px solid #6e0606;
+	-webkit-box-shadow: inset 0 1px 0 0 #f95c59;
+	-moz-box-shadow: inset 0 1px 0 0 #f95c59;
+	-ms-box-shadow: inset 0 1px 0 0 #f95c59;
+	-o-box-shadow: inset 0 1px 0 0 #f95c59;
+	box-shadow: inset 0 1px 0 0 #f95c59;
+}
+
+.link-button.red:hover {
+	color: #530909;
+	background-color: #89cc54;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8380), to(#b40e0e));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #ff8380, #b40e0e);
+	background-image: -moz-linear-gradient(top, #ff8380, #b40e0e);
+	background-image: -ms-linear-gradient(top, #ff8380, #b40e0e);
+	background-image: -o-linear-gradient(top, #ff8380, #b40e0e);
+	background-image: linear-gradient(top, #ff8380, #b40e0e);
+}
+
+/* Link buttons green ------------------------------------------------*/
+
+.link-button.green{
+	color: #223613;
+	background-color: #7fbf4d;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#426825));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #7fbf4d, #426825);
+	background-image: -moz-linear-gradient(top, #7fbf4d, #426825);
+	background-image: -ms-linear-gradient(top, #7fbf4d, #426825);
+	background-image: -o-linear-gradient(top, #7fbf4d, #426825);
+	background-image: linear-gradient(top, #7fbf4d, #426825);
+	border: 1px solid #63a62f;
+	border-bottom: 1px solid #5b992b;
+	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
+	-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
+	-ms-box-shadow: inset 0 1px 0 0 #96ca6d;
+	-o-box-shadow: inset 0 1px 0 0 #96ca6d;
+	box-shadow: inset 0 1px 0 0 #96ca6d;
+}
+
+.link-button.green:hover {
+	color: #223613;
+	background-color: #89cc54;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#89cc54), to(#426825));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #89cc54, #426825);
+	background-image: -moz-linear-gradient(top, #89cc54, #426825);
+	background-image: -ms-linear-gradient(top, #89cc54, #426825);
+	background-image: -o-linear-gradient(top, #89cc54, #426825);
+	background-image: linear-gradient(top, #89cc54, #426825);
+}
+
+/* Link buttons blue ------------------------------------------------*/
+
+.link-button.blue{
+	color: #2c4358;
+	background-color: #97b2c9;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#97b2c9), to(#4e7da5));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #97b2c9, #4e7da5);
+	background-image: -moz-linear-gradient(top, #97b2c9, #4e7da5);
+	background-image: -ms-linear-gradient(top, #97b2c9, #4e7da5);
+	background-image: -o-linear-gradient(top, #97b2c9, #4e7da5);
+	background-image: linear-gradient(top, #97b2c9, #4e7da5);
+	border: 1px solid #b9d3e9;
+	border-bottom: 1px solid #2c4358;
+	-webkit-box-shadow: inset 0 1px 0 0 #b9d3e9;
+	-moz-box-shadow: inset 0 1px 0 0 #b9d3e9;
+	-ms-box-shadow: inset 0 1px 0 0 #b9d3e9;
+	-o-box-shadow: inset 0 1px 0 0 #b9d3e9;
+	box-shadow: inset 0 1px 0 0 #b9d3e9;
+}
+
+.link-button.blue:hover {
+	color: #2c4358;
+	background-color: #89cc54;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#89bde8), to(#3771a2));
+	/* Saf4+, Chrome */
+	background-image: -webkit-linear-gradient(top, #89bde8, #3771a2);
+	background-image: -moz-linear-gradient(top, #89bde8, #3771a2);
+	background-image: -ms-linear-gradient(top, #89bde8, #3771a2);
+	background-image: -o-linear-gradient(top, #89bde8, #3771a2);
+	background-image: linear-gradient(top, #89bde8, #3771a2);
+}
+
+/* ACCORDION -------------------------------------------------*/
+
+.accordion-trigger{
+	text-decoration: none;
+	color: #444;
+	font-weight: bold;
+	padding: 5px 10px;
+	cursor: pointer;
+	border: 1px solid #ccc;
+	background: #f1f1f1;
+}
+
+.accordion-trigger.active{
+	border-bottom: 1px solid #ccc;	
+}
+
+.accordion-trigger:hover{
+	background: #f5f5f5;
+}
+
+.accordion-container{
+	margin-bottom: 0px;
+	padding: 5px 10px;
+	border-bottom: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-left: 1px solid #ccc;
+}
+
+/* TOGGLE -------------------------------------------------*/
+
+.toggle-trigger{
+	text-decoration: none;
+	color: #444;
+	font-weight: bold;
+	padding: 5px 10px 5px 25px;
+	cursor: pointer;
+	border: 1px solid #ccc;
+	background: #f1f1f1 url(../img/toggle.png) no-repeat 5px 7px;
+}
+
+.toggle-trigger.active{
+	border-bottom: 1px solid #ccc;	
+	background: url(../img/toggle.png) no-repeat 5px -78px;
+}
+
+.toggle-trigger:hover{
+	background-color: #f5f5f5;	
+}
+
+.toggle-container{
+	margin-bottom: 0px;
+	padding: 5px 10px;
+	border-bottom: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-left: 1px solid #ccc;
+}
+
+/* TABS -------------------------------------------------*/
+
+/* root element for tabs  */
+.tabs { 
+	list-style:none; 
+	margin:0 !important;
+	padding: 0px;	
+	height: 33px;
+}
+
+body.home .tabs { 
+	padding: 0px 30px;
+
+}
+
+/* single tab */
+ul.tabs li { 
+	display: block;
+	float:left;	 
+	text-indent:0;
+	padding:0;
+	margin: 2px 5px 0px 0px !important;
+	list-style-image: none !important; 
+	border-top: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-left: 1px solid #ccc;
+}
+
+/* link inside the tab. uses a background image */
+ul.tabs a { 
+	display:block;
+	font-size:13px;
+	font-weight: bold;
+	height: 30px;  
+	line-height:30px;
+	text-align:center;	
+	text-decoration:none;
+	padding: 0px 0px 0px 10px;	
+	position:relative;
+	top:0px;
+}
+
+ul.tabs a span{ 
+	display:block;
+	height: 100%;
+	padding-right: 10px;
+}
+
+ul.tabs a{
+	text-decoration: none;
+	color: #484848;
+	background: #f1f1f1;
+}
+
+ul.tabs a:active {
+	outline:none;
+}
+
+/* when mouse enters the tab move the background image */
+
+
+ul.tabs li:hover a,
+ul.tabs a.current{ 
+	background: #fff;
+	color: #444;
+	border-bottom: 1px solid #fff;
+}
+
+/* active tab uses a class name "current". its highlight is also done by moving the background image. */
+ul.tabs a.current,
+ul.tabs a.current:hover,
+ul.tabs li.current a {	
+	cursor:default !important; 
+	color:#444 !important;
+	display: block;
+	text-decoration: none;
+}
+
+
+/* initially all panes are hidden */ 
+.panes .pane {
+	display:none;	
+}
+
+.panes>div {
+   display: none;
+   min-height: 200px;
+   border: 1px solid #ccc;
+   padding: 15px;
+   background: #fff;
+}
+
+

site/css/flexslider.css

@@ -0,0 +1,240 @@
+/*
+ * jQuery FlexSlider v1.8
+ * http://flex.madebymufffin.com
+ *
+ * Copyright 2011, Tyler Smith
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ */
+
+/* Browser Resets */
+.flex-container a:active,
+.flexslider a:active {outline: none;}
+.slides,
+.flex-control-nav,
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
+
+/* FlexSlider Necessary Styles
+*********************************/
+.flexslider {width: 100%; margin: 0; padding: 0;}
+.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides img {max-width: 100%; display: block;}
+.flex-pauseplay span {text-transform: capitalize;}
+
+/* Clearfix for the .slides element */
+.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+html[xmlns] .slides {display: block;}
+* html .slides {height: 1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script, such as Modernizr, make sure you
+ * include js that eliminates this class on page load */
+.no-js .slides > li:first-child {display: block;}
+
+
+/* FlexSlider Default Theme
+*********************************/
+.flexslider {
+    background: #888888;
+    position: relative;
+    zoom: 1;
+}
+
+.home-slider {
+    width: 960px;
+    background: rgba(0, 0, 0, .1);
+    padding: 10px;
+}
+
+.flexslider .slides {zoom: 1;}
+.flexslider .slides > li {position: relative;}
+/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
+.flex-container {zoom: 1; position: relative;}
+
+/* Caption style */
+/* IE rgba() hack */
+.flex-caption {
+    background:none;
+    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
+    zoom: 1;
+}
+
+.flex-caption {
+    width: 50%;
+    padding: 2%;
+    position: absolute;
+    left: 10px;
+    bottom: 10px;
+    background: rgba(0,0,0,.8);
+    color: #fff;
+    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+    font-size: 14px;
+    line-height: 18px;
+}
+
+/* Direction Nav */
+
+.flex-direction-nav{
+    position: absolute;
+    top: 38%;
+    right: -21px;
+}
+
+
+.flex-direction-nav li a {
+    width: 38px;
+    height: 37px;
+    display: block;
+    background: url(../img/slider-nav.png) no-repeat 0 0;
+    cursor: pointer;
+    text-indent: -9000px;
+}
+
+
+.flex-direction-nav li .next {
+    background-position: 0px -37px;
+    height: 32px;
+}
+
+.flex-direction-nav li .prev {
+}
+
+.flex-direction-nav li .next:hover {
+    background-position: -38px -37px;
+}
+
+.flex-direction-nav li .prev:hover {
+    background-position: -38px 0px;
+}
+
+.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
+
+/* Control Nav */
+.flex-control-nav {
+    width: 100%;
+    position: absolute;
+    bottom: -20px;
+    right: 10px;
+    text-align: right;
+}
+
+.flex-control-nav li {
+    margin: 0 0 0 5px;
+    display: inline-block;
+    zoom: 1;
+    *display: inline;
+
+
+}
+
+.flex-control-nav li:first-child {margin: 0;}
+
+.flex-control-nav li a {
+    width: 8px;
+    height: 8px;
+    display: block;
+    background: #fff;
+    cursor: pointer;
+    overflow: hidden;
+    text-indent: 9999px;
+
+
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -o-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.no-boxshadow .flex-control-nav li a {
+    border: 1px solid #ccc;
+}
+
+.flex-control-nav li a:hover { background: #fbe471; }
+
+.flex-control-nav li a.active {background: #fbe471;}
+
+/* Project slider*/
+
+.project-slider{
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-bottom: 54px;
+    margin-top: 0px;
+    position: relative;
+    background: #fff;
+    padding: 5px;
+
+    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+    -o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+    box-shadow: 0px 0px 2px rgba(0,0,0,.3);
+
+}
+
+
+.project-slider .flex-direction-nav{
+    display: none;
+}
+
+.project-slider .flex-control-nav{
+    right: 15px;
+    bottom: 10px;
+    text-align: right;
+}
+
+
+/* Testimonial slider*/
+
+.testimonial-slider{
+    margin: 0px;
+    font-size: 16px;
+    line-height: 1.3em;
+    font-style: italic;
+    margin-bottom: 54px;
+    color: #444;
+    position: relative;
+    width: 405px; /* 460 -40*/
+    background: #fff;
+    padding: 20px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.boxshadow .testimonial-slider{
+    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
+    -o-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
+    box-shadow: 0px 0px 2px rgba(0,0,0,.2);
+
+}
+
+.no-boxshadow .testimonial-slider{
+    border: 1px solid #ccc;
+}
+
+
+.testimonial-slider .slides li{
+    position: relative;
+}
+
+
+.testimonial-slider .client-name{
+    position: absolute;
+    font-size: 13px;
+    bottom: -50px;
+    left: 20px;
+    padding-left: 35px;
+    padding-top: 14px;
+    font-style: normal;
+    color: #888;
+    background: url(../img/balloon.png) no-repeat  0px 4px;
+}
+
+.testimonial-slider .flex-control-nav{
+    left: 0px;
+    right: auto;
+    bottom: -30px;
+    text-align: right;
+}

site/css/jquery.tweet.css

@@ -0,0 +1,49 @@
+/* Tweet widget CSS */
+
+.tweet,
+.query { }
+
+.tweet .tweet_list,
+.query .tweet_list {
+    -webkit-border-radius: .5em;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow-y: hidden;
+  	
+}
+
+
+.tweet .tweet_list .awesome,
+.tweet .tweet_list .epic,
+.query .tweet_list .awesome,
+.query .tweet_list .epic {
+      text-transform: uppercase; }
+
+.tweet .tweet_list li,
+.query .tweet_list li {
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding: 1em ;
+}
+
+.tweet a,
+.query  a {
+        color: #fee271;
+}
+
+.tweet .tweet_list .tweet_odd,
+.query .tweet_list .tweet_odd {
+       background-color: #282D33;
+       background-color: rgba(0,0,0,0.2);}
+
+.tweet .tweet_list .tweet_avatar,
+.query .tweet_list .tweet_avatar {
+      padding-right: .5em;
+      float: left;
+}
+
+.tweet .tweet_list .tweet_avatar img,
+.query .tweet_list .tweet_avatar img {
+        vertical-align: middle;
+}

site/css/lessframework.css

@@ -0,0 +1,676 @@
+/*	Less Framework 4
+	http://lessframework.com
+	by Joni Korpi
+	License: http://opensource.org/licenses/mit-license.php	*/
+
+
+/*	
+
+
+
+/*		Default Layout: 992px. 
+		Gutters: 24px.
+		Outer margins: 48px.
+		Leftover space for scrollbars @1024px: 32px.
+-------------------------------------------------------------------------------
+cols    1     2      3      4      5      6      7      8      9      10
+px      68    160    252    344    436    528    620    712    804    896    */
+
+
+#comboNav{ display: none; }
+
+
+/*		Tablet Layout: 768px.
+		Gutters: 24px.
+		Outer margins: 28px.
+		Inherits styles from: Default Layout.
+-----------------------------------------------------------------
+cols    1     2      3      4      5      6      7      8
+px      68    160    252    344    436    528    620    712    */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+	
+	/* GENERAL */
+	
+	.wrapper{
+		width: 768px;
+	}	
+	
+	#fold{ display: none; }	
+	
+	#logo{ margin-left: 28px;}
+	
+	/* NAV */
+	
+	#comboNav{ display: none; }
+	
+	#nav{ margin-right: 28px;}
+	
+	#nav>li{ margin-left: 15px; }
+	
+	/* home slider */
+	
+	#slider-holder{ padding-bottom: 22px;}
+	
+	.home-slider { 
+		width: 748px; /* 768 - 20*/
+		margin-bottom: 58px;
+	} 
+	
+	#slider-holder #headline{
+		margin-left: 0px;
+		width: 712px /* 768 - ( 28 x 2)*/; 
+		margin: 0px 28px;
+	}
+
+	
+	/* HOME */
+	
+	.home-block{
+		padding-left: 28px;
+	}
+	
+	.home-block figure{
+		width: 344px;
+		margin-left: 0px;
+		margin-right: 24px;
+	}
+	
+	.home-block figure .thumb{
+		width: 324px;
+	}
+	
+	.left-home-block,
+	.right-home-block{ width: 344px; }
+		
+	.left-home-block{ 
+		float: left;
+		margin-left: 28px;
+		margin-right: 0px;
+	}
+	
+	.right-home-block{ 
+		float: right;
+		margin-left: 0px;
+		margin-right: 28px;
+	}
+	
+	
+	.home-posts .entry-date em{ display: none; }
+	
+	.home-posts article{ padding-left: 80px;}
+	
+	.testimonial-slider{ width: 304px; /* 344 - ( 20 x 2) */ }
+	
+	.masthead{ padding: 54px 28px }
+	
+	.clients-logos li{ width: 112px; }
+	
+	/* PORTFOLIO */
+	
+	.portfolio-list{
+		margin-left: 28px;
+	}
+	
+	.portfolio-list figure{
+		width: 344px; 
+		margin-right: 24px;
+		margin-left: 0px;
+	}
+	
+	.portfolio-list figure .thumb{ width: 324px; /* 344 - ( 2 x 10 )*/ }
+	
+	/* PROJECT */
+	
+	.project-pager{
+		padding-left: 28px;
+		padding-right: 28px;
+	}
+	
+	.project-slider{
+		margin-left: 28px;
+		margin-right: 28px
+	}
+	
+	#project-content .info{
+		width: 160px;
+		margin-left: 24px;
+	}
+	
+	#project-content .description{
+		width: 528px;
+		margin-right: 28px;
+	}
+	
+	.related-projects{
+		padding-left: 28px;
+	}
+	
+	.related-heading{ margin-left: 0px; }
+	
+	.related-projects  figure{
+		margin-left: 0px;
+		margin-right: 24px;
+		width: 160px;
+	}
+	
+
+	/* BLOG */
+	
+	#posts-list,
+	#post-content{
+		width: 436px;
+		margin-left: 28px;
+	}
+	
+	#posts-list article{
+		padding-left: 0px;
+		width: 436px;
+	}
+	
+	#posts-list .entry-date,
+	#posts-content .entry-date,
+	.home-posts .entry-date{ left: 0px; }
+	
+	#posts-list .entry-date em,
+	#posts-content .entry-date em,
+	.home-posts .entry-date em{ display: none;} 
+	
+	#posts-list .post-heading,
+	#posts-content .post-heading{ 
+		min-height: 78px;
+		margin-left: 80px;
+	}
+	
+
+	#posts-list article .feature-image{
+		margin-left: 0px;
+		width: 426px; /* 436 - (2 x 5) */
+	}
+	
+	
+	
+	/* SIDEBAR */
+	
+	#sidebar{
+		width: 252px; 
+		margin-left: 24px;
+	}
+
+	/* FOOTER */
+	
+	.widget-cols{ padding-left: 28px;}
+	
+	.widget-cols>li{
+		width: 160px;
+		margin-left: 0px;
+		margin-right: 24px;
+	}
+	
+	.recent-post .post-head { width: 80px;}
+	
+	.footer-bottom{
+		padding-left: 28px;
+		padding-right: 28px;
+	}
+	
+}
+
+
+
+/*		Mobile Layout: 320px.
+		Gutters: 24px.
+		Outer margins: 34px.
+		Inherits styles from: Default Layout.
+---------------------------------------------
+cols    1     2      3
+px      68    160    252    */
+
+@media only screen and (max-width: 767px) {
+	
+	/* GENERAL */
+	
+	#fold{ display: none; }
+	
+	.wrapper{ width: 320px; }	
+	
+	
+	h1,h2,h3,h4,h5,h6{
+		font-family: Helvetica, Arial, sans-serif;
+		font-weight: bold;
+	}
+	
+	h1{ font-size: 21px;}
+
+	h2{ font-size: 18px; }
+	
+	h3{ font-size: 18px; }
+	
+	h4{ font-size: 18px; }
+	
+	h5{ font-size: 18px; }
+	
+	h6{ font-size: 18px; }
+	
+		
+	.masthead .subheading{
+		float: left;
+		width: 100%;
+	}
+	
+	/* LOGO */
+	
+	#logo{ margin-left: 0px;}
+	
+	#logo a{ 
+		display: block ; 
+		width: 320px; 
+	}
+
+	#logo img{ 
+		display: block; 
+		margin: 0 auto;
+	}
+
+
+	/* home slider */
+	
+	#slider-holder{ padding-bottom: 22px;}
+	
+	.home-slider { 
+		width: 320px; 
+		padding: 0px;
+		margin-bottom: 58px;
+	} 
+	
+	#slider-holder #headline{
+		margin-left: 0px;
+		width: 280px /* 320 - ( 20 x 2)*/; 
+		margin: 0px 20px;
+	}
+	
+	/* Layout */
+	
+	.one-half,
+	.one-third,
+	.one-fourth{ 
+		width: 280px;
+		margin-right: 0px;
+	}
+	
+
+	/* NAV */
+	
+	#nav{ display: none; }
+	#comboNav{ display: block; }
+	
+	/* HOME */
+		
+	.home-block figure{
+		width: 280px;
+		margin-left: 20px;
+	}
+	
+	.home-block figure .thumb{
+		width: 260px;
+	}
+	
+		
+	.left-home-block,
+	.right-home-block{ 
+		width: 280px;
+		float: left;
+		margin-left: 20px;
+		margin-right: 0px;
+	}
+	
+	.home-posts .entry-date{ left: 0px;	}
+	
+	.home-posts .entry-date em{ display: none; }
+	
+	.home-posts article{ padding-left: 80px;}
+	
+	.testimonial-slider{ 
+		width: 240px;   /* 280 - ( 20 x 2) */
+		margin-bottom: 50px;
+	}
+	
+	.clients-logos li{ width: 138px; }
+	
+	/* PORTFOLIO */
+	
+	.portfolio-list{
+		margin-left: 20px;
+	}
+	
+	.portfolio-list figure{
+		width: 280px; /* 320 - ( 2 x 20) */ 
+		margin-right: 0px;
+		margin-left: 0px;
+	}
+	
+	.portfolio-list figure .thumb{ width: 260px; /* 280 - ( 2 x 10 )*/ }
+	
+	.masthead{
+		line-height: 4em;
+	}
+	
+	.masthead h1{
+		width: 100%;
+	}
+	
+	.masthead .cat-nav{
+		float: left;
+		width: 100%;
+	}
+	
+	/* PROJECT */
+	
+	.project-pager{
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+	
+	.project-slider{
+		margin-left: 20px;
+		margin-right: 20px
+	}
+	
+	#project-content .info{
+		width: 280px;
+		margin-left: 20px;
+		margin-bottom: 54px;
+	}
+	
+	#project-content .description{
+		width: 280px;
+		float: left;
+		margin-left: 20px;
+		margin-right: 0px;
+	}
+	
+	.related-projects{
+		padding-left: 20px;
+	}
+	
+	.related-heading{ margin-left: 0px; }
+	
+	.related-projects  figure{
+		margin-left: 0px;
+		margin-right: 0px;
+		width: 280px;
+	}
+
+	/* BLOG */
+	
+	#posts-list{
+		width: 320px;
+	}
+	
+	#posts-list article{
+		padding-left: 0px;
+	}
+	
+	#posts-list .entry-date{
+		position: static;
+		width: 100%;
+		height: auto;
+		padding: 10px 0px;
+		text-align: center;
+		margin-bottom: 20px;
+	}
+	
+	#posts-list .entry-date .number,
+	#posts-list .entry-date .month,
+	#posts-list .entry-date .year{
+		display: inline;
+		font-size: 13px;
+		margin-right: 3px;
+	}
+	
+	#posts-list .entry-date em{ display: none }
+	
+	#posts-list .post-heading,
+	#posts-content .post-heading{
+		margin-left: 20px;
+		margin-right: 20px;
+		margin-bottom: 19px;
+		line-height: 1.0em;
+	}
+	
+	#posts-list .feature-image,
+	#post-content .feature-image{
+		width: 270px; /* 320 - 2 x 20  - 2 x 5*/
+		margin-left: 20px;
+		margin-bottom: 21px;
+	}
+	
+	#posts-list .excerpt{
+		display: block;
+		margin-left: 20px;
+		margin-right: 20px;
+		margin-bottom: 20px;
+	}
+	
+	.page-navigation{
+		margin-left: 20px;
+		margin-right: 20px;
+		font-size: 13px;
+	}
+	
+	/* SINGLE */
+	
+	.commentlist { margin: 30px 20px ; }
+	
+	#comments-wrap h4{ 
+		margin-left: 20px;
+		margin-right: 20px;
+	}
+	
+	#respond{
+		margin-left: 20px;
+		margin-right: 20px;
+	}
+	
+	/* SIDEBAR */
+	
+	#sidebar{
+		width: 280px; 
+		margin-left: 20px;
+	}
+	
+	/* FOOTER */
+	
+	.widget-cols{ padding-left: 0px;}
+	
+	.widget-cols>li{
+		width: 280px;
+		margin-left: 20px;
+		margin-right: 20px;
+		margin-bottom: 20px;
+	}
+	
+	.recent-post .post-head { width: 200px;}
+	
+	.footer-bottom{
+		padding-left: 20px;
+		padding-right: 20px;
+	}
+	
+	/* form */
+	
+	#contactForm{ 
+		width: 280px;
+	}
+	
+	#contactForm input[type="text"],
+	#contactForm textarea{ 
+		width: 240px;
+	}
+	
+	#contactForm label,
+	#commentform label{
+		padding-left: 0px;
+		padding-bottom: 10px;
+		margin-top: -15px;
+		display: block;
+	}
+}
+
+
+
+/*		Wide Mobile Layout: 480px.
+		Gutters: 24px.
+		Outer margins: 22px.
+		Inherits styles from: Default Layout, Mobile Layout.
+------------------------------------------------------------
+cols    1     2      3      4      5
+px      68    160    252    344    436    */
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+	
+	/* GENERAL */
+	
+	#fold{ display: none; }
+	
+	.wrapper{ width: 480px; }	
+	 
+	/* LOGO */
+	
+	#logo a{ 
+		width: 480px; 
+	}
+	 
+	 /* Layout */
+	
+	.one-half,
+	.one-third,
+	.one-fourth{ 
+		width: 440px;
+		margin-right: 0px;
+	}
+	 
+	 /* home slider */
+	
+	.home-slider { width: 480px; }
+	
+	#slider-holder #headline{
+		margin-left: 0px;
+		width: 436px /* 480 - ( 22 x 2)*/; 
+		margin: 0px 20px;
+	}
+	
+	
+	/* HOME */
+		
+	.home-block figure{
+		width: 436px; /* 480 - (22 x 2) */
+		margin-left: 22px;
+	}
+	
+	.home-block figure .thumb{
+		width: 416px;
+	}
+	
+	.left-home-block,
+	.right-home-block{ 
+		width: 436px;
+		float: left;
+		margin-left: 22px;
+		margin-right: 0px;
+	}
+	
+	.testimonial-slider{ 
+		width: 396px;   /* 436 - ( 20 x 2) */
+		margin-bottom: 50px;
+	}
+	
+	.clients-logos li{ width: 143px; }
+	
+	/* PORTFOLIO */
+	
+	.portfolio-list figure{
+		width: 440px; /* 480 - ( 2 x 20) */ 
+		margin-right: 0px;
+		margin-left: 0px;
+	}
+	
+	.portfolio-list figure .thumb{ width: 420px; /* 440 - ( 2 x 10 )*/ }
+	
+	/* PROJECT */
+	
+	
+	#project-content .info,
+	#project-content .description{
+		width: 440px;
+		margin-left: 20px;
+		margin-bottom: 54px;
+	}
+			
+	.related-projects  figure{
+		width: 440px;
+	}
+	
+	/* BLOG */
+	
+	#posts-list{
+		width: 480px;
+	}
+	
+	#posts-list .feature-image,
+	#post-content .feature-image{
+		width: 430px; /* 480 - 2 x 20  - 2 x 5*/
+		margin-left: 20px;
+		margin-bottom: 21px;
+	}
+	
+	
+	/* form */
+	
+	#contactForm{ 
+		width: 440px;
+	}
+	
+	#contactForm input[type="text"],
+	#contactForm textarea{ 
+		width: 400px;
+	}
+	
+	#contactForm label,
+	#commentform label{
+		padding-left: 0px;
+		padding-bottom: 10px;
+		margin-top: -15px;
+		display: block;
+	}
+	
+	/* SIDEBAR */
+	
+	#sidebar{
+		width: 440px; 
+		margin-left: 20px;
+	}
+	
+	/* FOOTER */
+	
+	.widget-cols>li{
+		width: 436px;
+		margin-left: 20px;
+		margin-right: 20px;
+		margin-bottom: 20px;
+	}
+	
+	.recent-post .post-head { width: 350px;}
+	
+	.footer-bottom{
+		padding-left: 22px;
+		padding-right: 22px;
+	}
+}
+
+
+
+
+
+
+

site/css/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

site/css/skin.css

@@ -0,0 +1,160 @@
+/* GENERAL ------------------------------------------ */
+
+body{
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    background: #efece8;
+    color: #888;
+}
+
+header,
+footer{
+    background-image: url(../img/noise.png) repeat;
+    background-color: #383f47;
+}
+
+body a{ color: #383f47; }
+
+a:hover{ color: #a0a0a0; }
+
+footer a:hover{ color: #fff; }
+
+h1,h2,h3,h4,h5,h6{ color: #383f47; }
+
+/* Selection colours (easy to forget) */
+
+::selection 	 	{background: #fbe471 }
+::-moz-selection 	{background: #fbe471}
+img::selection 		{background: #fbe471}
+img::-moz-selection	{background: #fbe471}
+body {-webkit-tap-highlight-color: background: #fbe471}
+
+/* HEADINGS ------------------------------------------------------------*/
+
+.masthead{ border-bottom: 1px solid #ccc; }
+
+/* NAVIGATION ------------------------------------------------------------*/
+
+#nav>li>a{ color: #f1f1f1; }
+
+#nav>li>a:hover{ color: #fee271; }
+
+#nav>li.current-menu-item>a,
+#nav>li.current_page_item>a{ border-bottom: solid #fee271 2px; }
+
+#nav>li ul{ background: #f1f1f1; }
+
+#nav>li ul li a{ color: #444; }
+
+#nav>li ul li a:hover{
+    background: #3b424b;
+    color: #fbe471;
+}
+
+/* CATEGORIES NAVIGATION ------------------------------------------------------------*/
+
+.cat-nav li{ border-right: 1px solid #444; }
+
+
+/* SLIDER-HOLDER ------------------------------------------------------------*/
+
+#headline h4{ color: #f1f1f1; }
+
+#headline .headline-text{ color: #f1f1f1; }
+
+#headline .read-more{ color: #fbe471; }
+
+
+#headline .read-more:hover{ color: #ffff; }
+
+/* RELATED PROJECTS ---------------------------------------------------*/
+
+.related-projects{ border-top: 1px solid #ccc; }
+
+.related-heading{ color: #444; }
+
+.related-projects .thumb{ background: #fff url(../img/plus.png) no-repeat center center; }
+
+.related-projects .heading{ color: #444; }
+
+/* MAIN ------------------------------------------------------------*/
+
+#main .wrapper{  background-color: #f1f1f1; }
+
+.multiplebgs #main .wrapper{
+    background-image: url(../img/border-bg-bottom.png), url(../img/border-bg-top.png);
+    background-repeat: repeat-x, repeat-x;
+    background-position: bottom left, top left;
+}
+
+.no-multiplebgs #main .wrapper{
+    background: #f1f1f1 url(../img/border-bg-top.png) repeat-x top left;
+}
+
+.no-boxshadow #main .wrapper{
+    border: 1px solid #e0e0e0;
+}
+
+/* HOME ------------------------------------------------------------*/
+
+
+.home-block{ /*border-bottom: 1px solid #ccc;*/ }
+
+.home-block figure .thumb{ background: #fff url(../img/plus.png) no-repeat center center; }
+
+.home-block figure figcaption strong{ color: #444; }
+
+/* BLOG ------------------------------------------------------------*/
+
+#posts-list,
+#post-content{
+    position: relative;
+    float: left;
+}
+
+#posts-list .entry-date,
+#posts-content .entry-date,
+.home-posts .entry-date{
+    background: #3b424b;
+    color: #efe271;
+}
+
+#posts-list .post-heading .meta a{ color: #888;  }
+
+#posts-list .feature-image,
+#post-content .feature-image{
+    background: #fff url(../img/plus.png) no-repeat center center;
+}
+
+.portfolio-list figure{ background: #fff; }
+
+.portfolio-list figure .thumb{ background: #fff url(../img/plus.png) no-repeat center center; }
+
+/* PAGER ------------------------------------------------------------*/
+
+.pager li a{
+    color: #484848;
+    border: 1px solid #ccc;
+}
+
+.pager li.active a{
+    color: #fff;
+    background: #444;
+}
+
+.pager li:hover a{ background: #fae471; }
+
+/* SIDEBAR ------------------------------------------------------------*/
+
+.post-counter{
+    color: #888;
+}
+
+
+/* FOOTER ------------------------------------------------------------*/
+
+footer{ color: #aaa; }
+
+footer a{ color: #fee271; }
+
+footer h4{ color: #f1f1f1; }

site/css/social.css

@@ -0,0 +1,23 @@
+/* 
+*  Social icons CSS
+*/
+
+
+#social-bar{
+	display: block;
+	overflow: hidden;
+}
+
+#social-bar li{
+	display: block;
+	float: right;
+	width: 36px;
+	height: 36px;
+	margin-left: 5px;
+}
+
+#social-bar li a{
+	display: block;
+	width: 100%;
+	height: 100%;
+}

site/css/style.css

@@ -0,0 +1,913 @@
+/*
+* Simpler v1.1
+*
+*/
+
+/* Import other css */
+@import url('reset.css');
+@import url('widgets.css');
+@import url('social.css');
+@import url('elements.css');
+@import url('comments.css');
+
+
+
+/* GENERAL ------------------------------------------------------------*/
+
+article, aside, canvas, figure, figure img, figcaption, hgroup,
+footer, header, nav, section, audio, video {
+    display: block;
+}
+
+
+.clearfix:after,
+.clearfix:before {
+    content:"";
+    display:table;
+}
+
+.clearfix:after {
+    clear:both;
+}
+
+.clearfix {
+    zoom:1;
+}
+
+.wrapper{
+    margin: 0 auto;
+    width: 980px;
+    position: relative;
+}
+
+body{
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 13px;
+
+}
+
+header, footer{
+    text-shadow: 0px -1px 0px rgba(0,0,0,.8);
+}
+
+#map {
+    height: 350px;
+}
+
+
+#main h1,
+#main h2,
+#main h3,
+#main h4,
+#main h5,
+#main h6 {text-shadow: 0px 1px 0px rgba(255,255,255,.5);}
+
+.multiplebgs header,
+.multiplebgs footer {
+    background-image: url(../img/strip.png), url(../img/noise.png);
+    background-repeat: repeat-x, repeat-x;
+    background-position: bottom center, top center;
+}
+
+.multiplebgs footer {
+    background-position: top center, top center;
+}
+
+#main,
+footer{
+    line-height: 1.5em;
+}
+
+body p{
+    margin-bottom: 21px;
+}
+
+body a{
+    text-decoration: none;
+    -webkit-transition: color 0.3s ease;
+    -moz-transition: color 0.3s ease;
+    -o-transition: color 0.3s ease;
+    transition: color 0.3s ease;
+}
+
+#logo:hover{ opacity: 0.8;}
+
+h1,h2,h3,h4,h5,h6{
+    font-family: 'Arvo', Arial, sans-serif;
+    font-weight: 700;
+}
+
+h1{ font-size: 42px;}
+
+h2{ font-size: 36px; }
+
+h3{ font-size: 24px; }
+
+h4{ font-size: 21px; }
+
+h5{ font-size: 18px; }
+
+h6{ font-size: 14px; }
+
+.block-divider{
+    margin-bottom: 120px;
+}
+
+.alignleft {
+    float: left;
+    margin: 5px 10px 5px 0;
+}
+
+.alignright {
+    float: right;
+    margin: 5px 0px 5px 10px;
+}
+
+.section-div{
+    height: 54px;
+    border-top: 1px solid #ccc;
+
+}
+
+/* HEADER ------------------------------------------------------------*/
+
+header{
+    width: 100%;
+    background-position: bottom center;
+}
+
+header .wrapper{
+    padding: 0px 0px 57px 0px;
+}
+
+header #logo{
+    float: left;
+    margin-top: 20px;
+}
+
+
+
+/* HEADINGS ------------------------------------------------------------*/
+
+.masthead{
+    padding: 54px 20px 54px 20px;
+    line-height: 0em;
+
+}
+
+
+.mh-div{
+    height: 54px;
+    background: url(../img/border-bg-top.png) repeat-x top left;
+}
+
+
+.masthead h1{
+    float: left;
+}
+
+.masthead .subheading{
+    float: right;
+}
+
+
+.masthead.project h1{
+    float: left;
+    font-size: 24px;
+}
+
+.masthead.project .subheading{
+    float: right;
+}
+
+/* COMBO NAVIGATION ------------------------------------------------------------*/
+
+#comboNav{
+    width: 100%;
+    margin-top: 30px;
+    margin-bottom: 20px;
+    float: left;
+}
+
+/* NAVIGATION ------------------------------------------------------------*/
+
+/*** HS List ***/
+
+#hslist ul {
+    list-style: none; /* No bullets */
+    padding: 0;
+    margin: 10px 0;
+    text-align: center;
+}
+
+#hslist li {
+    display: inline; /* Horizontal list */
+    margin: 0;
+    padding: 0;
+}
+
+#hslist li a {
+    color: #f1f1f1;
+    display: inline-block;
+    margin: 5px;
+    padding: 5px;
+    background: rgba(0, 0, 0, .1);
+    border-radius: 5px;
+    text-decoration: none;
+    box-shadow: 0 0 5px #111;
+}
+
+#hslist li a:hover {
+    color: #fee271;
+    box-shadow: 0 0 5px #fee271;
+}
+
+#hslist li a:active {
+    box-shadow: inset 0 0 3px #111;
+}
+
+
+
+/* CATEGORIES NAVIGATION ------------------------------------------------------------*/
+
+.cat-nav{
+    float: right;
+
+}
+
+.cat-nav li{
+    display: inline;
+    margin-left: 5px;
+    padding-right: 5px;
+}
+
+.cat-nav li:last-child{
+    border: none;
+}
+
+.cat-nav li.current{
+    font-weight: bold;
+}
+
+/* SLIDER-HOLDER ------------------------------------------------------------*/
+
+#slider-holder{
+    /*padding-bottom: 50px;*/
+    margin-top: 20px;
+}
+
+.home-slider{
+    float: left;
+}
+
+#slider-holder #headline{
+    float: left;
+    margin-left: 40px;
+    width: 300px;
+}
+
+#headline h4{
+    margin-bottom: 21px;
+    line-height: 1.3em;
+}
+
+#headline .headline-text{
+    font-size: 13px;
+    line-height: 1.5em;
+}
+
+
+
+
+#headline .read-more:hover{ color: #ffff; }
+
+/* PROJECT  ------------------------------------------------------------*/
+
+#project-content{
+    margin-bottom: 54px;
+}
+
+#project-content .info{
+    float: left;
+    width: 320px;
+    margin-left: 20px;
+}
+
+#project-content .description{
+    float: right;
+    width: 560px;
+    margin-right: 20px;
+}
+
+#project-content strong{
+    color: #444;
+    font-weight: bold;
+}
+
+/* RELATED PROJECTS ---------------------------------------------------*/
+
+.related-projects{
+    display: block;
+    padding: 54px 0px 54px 0px;
+}
+
+.related-heading{
+    font-weight: bold;
+    margin: 0px 0px 20px 20px;
+    margin-bottom: 54px;
+}
+
+.related-projects .related-list{
+    display: block;
+}
+
+.related-projects  figure{
+    display: block;
+    float: left;
+    margin-left: 20px;
+    width: 220px;
+}
+
+.related-projects .thumb{
+    display: block;
+    margin-bottom: 10px;
+    padding: 5px;
+
+    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+}
+
+.related-projects .thumb:hover img{
+    opacity: 0.15;
+}
+
+.related-projects figure img{
+    max-width: 100%;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.related-projects .heading{
+    text-decoration: none;
+    font-style: normal;
+    text-align: center;
+    display: block;
+    margin-bottom: 10px;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+/* MAIN ------------------------------------------------------------*/
+
+#main{
+    width: 100%;
+    position: relative;
+}
+
+#main .wrapper{
+    min-height: 500px;
+    margin-top: -37px;
+}
+
+.boxshadow #main .wrapper{
+    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
+}
+
+#main #fold{
+    position: absolute;
+    top: 0px;
+    right: -20px;
+    background: url(../img/fold.png) no-repeat;
+    width: 20px;
+    height: 26px;
+}
+
+/* HOME ------------------------------------------------------------*/
+
+.home-headline{
+    text-align: center;
+    padding-top: 50px;
+    padding-bottom: 50px;
+}
+
+
+.home-block{
+    padding-bottom: 50px;
+    margin-bottom: 0px;
+}
+
+
+.home-block figure{
+    float: left;
+    width: 300px;
+    margin-left: 20px;
+    margin-bottom: 20px;
+    position: relative;
+    line-height: 1.2em;
+}
+
+.home-block figure .thumb{
+    display: block;
+    width: 280px;
+    padding: 10px;
+    margin-bottom: 19px;
+    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+}
+
+.home-block figure img{
+    max-width: 100%;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.home-block figure .thumb:hover img{
+    opacity: 0.1;
+}
+
+.home-block figure figcaption{
+    line-height: 1.5em;
+}
+.home-block figure figcaption strong{
+    display: block;
+    font-size: 18px;
+    margin-bottom: 11px;
+}
+
+.home-block .theme-link-button,
+.left-home-block .theme-link-button,
+.right-home-block .theme-link-button{
+    float: right;
+    margin-top: 13px;
+    margin-right: 20px;
+}
+
+.home-add{
+    background: url(../img/border-bg-top.png) repeat-x top left;
+    padding-top: 50px;
+}
+
+/* PAGE CONTENT ----------------------------------------------------*/
+
+#page-content{
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-bottom: 60px;
+}
+
+/* COLUMNS LAYOUT----------------------------------------------------------*/
+
+.one-half,
+.one-third,
+.one-fourth{
+    float:left;
+    margin-bottom: 40px;
+    margin-right: 2.1276%;
+    position:relative;
+}
+
+.one-half{
+    width: 48.9361%;
+}
+
+.one-third{
+    width: 31.9148%;
+
+}
+
+.one-fourth{
+    width: 23.4042%;
+}
+
+.last {
+    clear:right;
+    margin-right:0 !important;
+}
+
+
+/* BLOG ------------------------------------------------------------*/
+
+#posts-list,
+#post-content{
+    position: relative;
+    width: 580px;
+    float: left;
+}
+
+#posts-list article{
+    position: relative;
+    padding-left: 80px;
+    margin-bottom: 55px;
+}
+
+
+
+#posts-list .entry-date,
+#posts-content .entry-date,
+.home-posts .entry-date{
+    position: absolute;
+    top: 0px;
+    left: -17px;
+    padding: 17px;
+    font-family: 'Arvo', Arial, sans-serif;
+    line-height: 1em;
+}
+
+#posts-list .entry-date .number,
+#posts-content .entry-date .number,
+.home-posts .entry-date .number{
+    font-size: 21px;
+    text-align: center;
+    margin-bottom: 3px;
+}
+
+#posts-list .entry-date .month,
+#posts-content .entry-date .month,
+.home-posts .entry-date .month{
+    font-size: 14px;
+    text-align: center;
+}
+
+#posts-list .entry-date .year,
+#posts-content .entry-date .year,
+.home-posts .entry-date .year{
+    font-size: 12px;
+    text-align: center;
+}
+
+#posts-list .entry-date em,
+#posts-content .entry-date em,
+.home-posts .entry-date em{
+    display: block;
+    background: url(../img/fold-date.png) no-repeat;
+    width: 16px;
+    height: 16px;
+    position: absolute;
+    bottom: -16px;
+    left: 0px;
+}
+
+#posts-list .post-heading,
+#posts-content .post-heading{
+    margin-bottom: 19px;
+    line-height: 1.0em;
+}
+
+#posts-list .post-heading h4,
+#posts-content .post-heading h4{
+    line-height: 1.2em;
+}
+
+#posts-list .post-heading .meta a{
+    font-family: 'Arvo', Arial, sans-serif;
+    font-size: 13px;
+    line-height: 1.5em;
+}
+
+#posts-list .feature-image,
+#post-content .feature-image{
+    width: 490px;
+    margin-bottom: 21px;
+    line-height: 0em;
+    padding: 5px;
+
+    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.2);
+    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.2);
+    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.2);
+    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
+}
+
+#posts-list .feature-image:hover img,
+#post-content .feature-image:hover img{
+    opacity: 0.1;
+}
+
+#posts-list .feature-image a,
+#post-content .feature-image a{
+    display: block;
+}
+
+
+#posts-list .feature-image img,
+#post-content .feature-image img{
+    max-width: 100%;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+#posts-list .excerpt{
+    display: block;
+    margin-bottom: 20px;
+}
+
+/* HOME POSTS ---------------------------------------------------------*/
+
+.left-home-block,
+.right-home-block{
+    width: 440px;
+    float: left;
+
+    margin-bottom: 30px;
+}
+
+.left-page-block,
+.right-page-block{
+    width: 440px;
+    float: left;
+    margin-bottom: 30px;
+}
+
+.left-page-block{
+    margin-right: 55px;
+}
+
+.left-home-block{
+    margin-left: 20px;
+    margin-right: 55px;
+}
+
+.left-home-block .heading,
+.right-home-block .heading{
+    margin-bottom: 53px;
+}
+
+.home-posts article{
+    position: relative;
+    padding-left: 60px;
+    margin-bottom: 50px;
+}
+
+.home-posts .entry-date{
+    left: -36px;
+}
+
+
+.home-posts .post-heading{
+    margin-bottom: 8px;
+}
+
+/* CLIENT LOGOS ---------------------------------------------------------*/
+
+.clients-logos{
+    display: block;
+    margin-bottom: 54px;
+
+
+}
+
+.clients-logos li{
+    display: block;
+    width: 140px;
+    float: left;
+    margin: .5px;
+
+    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.1);
+    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.1);
+    -o-box-shadow: 0px 0px 2px rgba(0,0,0,.1);
+    box-shadow: 0px 0px 2px rgba(0,0,0,.1);
+}
+
+.clients-logos li a{
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+}
+
+.clients-logos li a img{
+    max-width: 100%;
+    opacity: 0.5;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.clients-logos li a:hover img{
+    opacity: 1;
+}
+
+/* PORTFOLIO ------------------------------------------------------------*/
+
+
+.portfolio-list figure{
+    float: left;
+    width: 300px;
+    margin-left: 20px;
+    margin-bottom: 20px;
+    position: relative;
+    line-height: 1.2em;
+
+    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    -o-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+    box-shadow: 0px 0px 3px rgba(0,0,0,.1);
+}
+
+.portfolio-list figure .thumb{
+    display: block;
+    width: 280px;
+    padding: 10px;
+    margin-bottom: 0px;
+}
+
+.portfolio-list figure .thumb:hover img{
+    opacity: 0.4;
+}
+
+.portfolio-list figure img{
+    max-width: 100%;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.portfolio-list figcaption{
+    text-align: center;
+    margin-top: 0px;
+    margin-bottom: 10px;
+    line-height: 1.5em;
+}
+
+/* PAGER ------------------------------------------------------------*/
+
+.pager{
+    overflow: hidden;
+    display: block;
+    font-size: 11px;
+    margin: 0px 24px 0px 24px;
+    padding-bottom: 50px;
+}
+
+.pager li{
+    display: block;
+    margin-right: 5px;
+    float: left;
+}
+
+.pager li a{
+    display: block;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    text-decoration: none;
+    width: 20px;
+    line-height: 20px;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.pager .paged{
+    float:right;
+    font-style:italic;
+}
+
+
+/* PAGE NAVIGATION ------------------------------------------------------------*/
+
+.page-navigation{
+    display: block;
+    margin-left: 20px;
+    margin-bottom: 100px;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.page-navigation a{
+    display: block;
+
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+
+.page-navigation .nav-next{
+    float: left;
+}
+
+.page-navigation .nav-previous{
+    float: right;
+}
+
+/* PROJECT PAGER ------------------------------------------------------------*/
+
+.project-pager{
+    padding-left: 25px;
+    padding-right: 25px;
+    margin-bottom: 54px;
+}
+
+.project-pager .previous-project{
+    float: left;
+}
+
+.project-pager .next-project{
+    float: right;
+}
+
+
+/* SIDEBAR ------------------------------------------------------------*/
+
+#sidebar{
+    position: relative;
+    width: 320px;
+    float: left;
+    margin-left: 60px;
+}
+
+#sidebar .block{
+    margin-bottom: 40px;
+    padding-bottom: 5px;
+}
+
+
+#sidebar h4,
+#contact-sidebar h4{
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    margin-bottom: 15px;
+}
+
+#sidebar li{
+    margin-bottom: 7px;
+}
+
+
+/* WIDGET COLS ------------------------------------------------------------*/
+
+.widget-cols{
+    margin-bottom: 30px;
+}
+
+.widget-cols h4{
+    margin-bottom: 28px;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    font-weight: normal;
+}
+
+.widget-cols>li{
+    width: 220px;
+    float: left;
+    margin-left: 20px;
+}
+
+.widget-cols>li.fourth-col{
+    margin-right: 0px;
+}
+
+/* FOOTER ------------------------------------------------------------*/
+
+footer{ font-size: 11px; }
+
+
+footer .wrapper{
+    margin-top: -37px;
+    padding-top: 37px;
+}
+
+/* FOOTER BOTTOM ------------------------------------------------------------*/
+
+.footer-bottom{
+    padding-top: 20px;
+    padding-bottom: 60px;
+    padding-left: 20px;
+    padding-right: 20px;
+    background: rgba(0,0,0,0.1);
+    overflow: hidden;
+}
+
+.footer-bottom .left{
+    width: 50%;
+    padding-top: 10px;
+    float: left;
+}
+
+.footer-bottom .right{
+    width: 50%;
+    float: right;
+}

site/css/superfish.css

@@ -0,0 +1,61 @@
+/*** ESSENTIAL STYLES ***/
+
+.sf-menu, .sf-menu * {
+	margin:			0;
+	padding:		0;
+	list-style:		none;
+}
+.sf-menu {
+	
+}
+.sf-menu ul {
+	position:		absolute;
+	top:			-999em;
+	width:			10em; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li {
+	width:			100%;
+}
+.sf-menu li:hover {
+	visibility:		inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+	float:			left;
+	position:		relative;
+}
+.sf-menu a {
+	display:		block;
+	position:		relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+	left:			0;
+	top:			2.5em; /* match top ul list item height */
+	z-index:		99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+ul.sf-menu li li:hover li ul,
+ul.sf-menu li li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li li:hover ul,
+ul.sf-menu li li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+
+
+
+
+
+
+
+

site/css/widgets.css

@@ -0,0 +1,31 @@
+/* RECENT POSTS -----------------------------------------------*/
+
+.recent-post{
+	margin-bottom: 21px;
+	
+}
+
+
+.recent-post .thumb{
+	display: block;
+	float: left;
+	background: #f1f1f1;
+	line-height: 0em;
+	padding: 5px;
+	
+	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
+	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
+	-o-box-shadow: 0px 0px 3px rgba(0,0,0,.5);
+	box-shadow: 0px 0px 3px rgba(0,0,0,.5);
+	
+}
+
+.recent-post .post-head{
+	width: 140px;
+	display: block;
+	float: right;
+}
+
+.recent-post span{
+	display: block;
+}