@charset "utf-8";

/*

Theme Name: Kabuki
Theme URI: http://satoristudio.net/kabuki
Version: 1.2.2
Description: Kabuki is a premium WordPress theme with clean design, wide customization possibilities, and responsive layout.
Author: Satori Design
Author URI: http://www.satoristudio.net

License: GNU General Public License
License URI: http://www.gnu.org/copyleft/gpl.html

Built on the Whiteboard Framework
http://whiteboardframework.com

*/



/********** General Styles **********/

.serif,
cite,
h1,
h2,
h3,
h4,
h5,
h6,
#content h1 a,
#content h2 a,
#content h3 a,
#content h4 a,
#header-image h1 a,
#header-image h2 a,
#header-image h3 a,
#header-image h4 a,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
.post-header,
.page h1 {
color: #bb8855;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
text-decoration: none;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
margin: 24px 0 12px 0;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
margin: 20px 0 12px 0;
}

.monospace,
var,
code {
font-family: "courier new", courier, monospace;
}

.amp {
font-style: italic;
font-family: baskerville,palatino,"palatino linotype","book antiqua",georgia,times,"times new roman",serif;
font-weight: normal;
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
display: none;
}

.clear {
clear: both;
}

.clearboth {
display: block;
margin: 0;
padding: 0;
clear: both;
}

.clearleft {
display: block;
margin: 0;
padding: 0;
clear: left;
}

.clearright {
display: block;
margin: 0;
padding: 0;
clear: right;
}

.left {
float: left;
}

.right {
float: right;
}

.alignnone,
a img.alignnone {
margin: 0;
}

.aligncenter,
div.aligncenter,
a img.aligncenter {
text-align: center;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

.alignleft, 
a img.alignleft,
#main #content a .alignleft,
.wp-caption.alignleft img {
display: inline;
float: left;
margin-right: 1.4em;
margin-top: 5px;
}

.alignright, 
#main s#content a .alignright,
a img.alignright,
.wp-caption.alignright img  {
display: inline;
float: right;
margin-left: 1.4em;
margin-top: 5px;
}

a:link {
color: #ffffff;
transition:color 0.3s;
-moz-transition:color 0.3s; /* Firefox 4 */
-webkit-transition:color 0.3s; /* Safari and Chrome */
-o-transition:color 0.3s; /* Opera */
}

a:visited {
color: #ffffff;
transition:color 0.3s;
-moz-transition:color 0.3s; /* Firefox 4 */
-webkit-transition:color 0.3s; /* Safari and Chrome */
-o-transition:color 0.3s; /* Opera */

}

a:hover, a:active {
color: #ffcc66;
text-decoration: none;
}

body {
background: #eeeeee;
color: #aaaaaa;
padding: 0;
line-height: 1.5em;
}

#page-background {
position: fixed;
top: 0;
left: 0;
z-index: -100;
height: 100%;
width: 100%;
}

#page-background { z-index: -2000 !important; }

#main .container  {
display: block;
margin: 0 auto;
}

#if-logged-in .container {
background: #000;
margin-top: -24px;
}

li {
list-style-type: square;
}

#page-background { z-index: -2000 !important; }



/********** Header **********/

#header {
display: block;
margin-bottom: 16px;
position: absolute;
width:100%;
}

#logo {
width: 116px;
height: 148px;
float: left;
}

#logo-wrap #logo a {
line-height: 0px;
font-size: 0px;
width: 116px;
height: 120px;
display: block;
background-color: #000000;
}

#menu-label {
font-size: 16px;
color: #ffffff;
text-align: center;
cursor: pointer;
padding: 3px 0;
background-color: #b48623;
text-transform: uppercase;
}

#header-right {
margin-top: 8px;
display: table-cell;
vertical-align: middle;
}

.widget-header .Social_Widget h3 {
display: none;
}

.widget-header {
float:right;
}

.widget-header:last-child {
margin-right:-4px;
}

#main-body #header-image {
padding: 32px 32px 0 32px !important;
}

#header-image img {
padding: 0;
border: none;
}

#header-image  #orbit-slider img {
padding: 0;
border: none;
}

#header-image #orbit-slider {
padding: 0;
border: none;
}

#orbit-slider .orbit-bullets {
position: absolute;
right: 20px;
bottom: 14px;
}

#main .container .header-rps,
#main .container .maps {
height: 226px;
}

.maps-wrapper {
float: left;
height: 220px;
}

#header-image #rps img {
width: auto;
height: 226px;
margin-top:-20px;
margin-left:-20px;
}

#header-image #rps h4 {
margin-bottom: 12px;
}

.custom-html {
display: inline-block;
width:100%;
}

.preload-img {
display: none;
}

#header-right .widget_search input#s {
height: 18px;
float: left;
}

#header-right .widget-header ul {
margin-left: 30px;
}

#top-line {
height: 16px;
display: block;
width: 100%;
background-color: #000000;
}


/********** Main Menu **********/

#nav-primary {
padding: 0;
margin: 0;
float: left;
position: relative;
left: -128px; 
z-index: 1000;
}

#nav-primary li a:hover,
#nav-primary li a:active {
color: #FFFF88;
}

#nav-primary li {
list-style-type: none;
margin-top: 1px;
display: none;
}

#nav-primary li a {
color: #ffffff;
text-transform: uppercase;
background-color: #000000;
display: inline-block;
}

#nav-primary ul li ul {
z-index:9000;
text-align: left; 
padding: 0;
display: none;
vertical-align: top;
height: 58px;
margin-left: -3px;
}

#nav-primary ul li ul li {
display: inline-block;
text-align: left;
background: none;
background: #000000;
line-height: 58px;
margin-top:0px;
margin-right: -3px;
}

#nav-primary ul ul a {
font-size: 16px;
font-weight: 400;
color: #ffffff;
display: block;
padding: 0 16px;
background-image: url('images/submenu-delimiter.jpg');
background-position: left center;
background-repeat: no-repeat;
}

#nav-primary ul ul a:hover, #nav-primary ul ul a:active  {
color: #ffff88;
text-decoration: none;
border-bottom: none;
}

.mobilemenu .dropdown-menu {
padding: 4px;
height: 30px;
background-color: black;
color: white;
border: none;
cursor: pointer;
font-size: 14px;
}

.mobilemenu::selection {
color: #999933;
}


/********** Content **********/

#main-body {
padding: 0;
margin-top: 12px !important;
background: rgb(0,0,0);
background: transparent\9; /* clear current background for ie */
zoom:1; /* required for the filters */
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000);
	/* For IE 8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000)";
background: rgba(0,0,0, .90); /* Works on all modern browsers */
position: relative;
z-index: 10;
}

.page-template-page_background-slideshow-php #main-body {
background: none;
}

.page-template-page_background-slideshow-php #footer {
margin-top: 0px;
position: fixed;
bottom: 0px;
background: none;
}

.page-template-page_background-slideshow-php #footer .widget-area {
display: none;
}

#controls-wrapper,
#slidecaption {
display: none !important;
}

.page-template-page_background-slideshow-php #controls-wrapper,
.page-template-page_background-slideshow-php #slidecaption {
display: block !important;
}

#content {
}

#content a img,
#content img,
#content iframe {
margin-bottom: 0px;
}

#content p {
margin-bottom: 10px;
line-height: 1.5em;
}

#widget-alert {
background: #C6D8CD;
border: 1px #5b816a solid;
padding: 24px;
margin-bottom: 24px;
}

.post-single {
margin-bottom:30px;
}

.post-wrapper, #page-wrapper {
}

.post-wrapper .su-custom-gallery {
margin-bottom: 0;
}

.post-header,
.page h1 {
padding: 0;
float: left;
margin-bottom: 10px;
}

#blog-header {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #444444;
}

.page h1 {
margin-left: 0;
}

#content .post-header h2 a,
#content .post-header h2 a:visited {
color: #999933;
}

.search-no-results .meta-delimiter {
display: none;
}

.page .page-header-title h1 {
margin: 0;
padding: 0;
}

.post-content h1, 
.page-content h1 {
float: none;
}

.page-template-page_left-sidebar-php #content,
.page-template-page_left-sidebar-no-header-php #content {
float: right;
}

.page-template-page_left-sidebar-php #sidebar,
.page-template-page_left-sidebar-no-header-php #sidebar {
float: left;
padding: 32px 0 32px 32px;
}

.page-template-page_full-width-php #content,
.page-template-page_full-width-no-header-php #content,
.page-template-page_portfolio-four-column-php #content,
.page-template-page_portfolio-three-column-php #content,  
.page-template-page_portfolio-two-column-php #content, 
.page-template-page_portfolio-one-column-php #content  {
width: auto;
}

.post-header-title {
background: #ff0000;
float: left;
}

.post-header-title h4 {
padding: 8px 16px;
color: #FFFFFF;
margin: 0;
}

.post-meta {
margin: 0 0 28px 0;
color: #666666;
font-size: 11px;
clear: both;
line-height: 14px;
border-top: 1px dotted #444444;
padding-top: 8px;
}

.post-meta span {
white-space: nowrap;
float: left;
}

.post-icon {
float: left;
width: 50px;
height: 50px;
background-color: #ca3c3c;
margin: 0 -50px -7px 0;
}

.post-icon img {
margin: 17px;
}

.post-content {
padding-bottom: 10px;
}

.post-content ul,
.post-content ol {
padding-left: 24px;
margin-bottom: 10px;
}

.featured-thumbnail {
float: left;
margin-bottom: 14px;
}

.page #content a img, 
.single-post #content a img,
#content iframe  {
}

#shortcode-postlist .post-meta {
color: #FF0000;
}

.page #content a img.alignleft, 
.page #content a img.alignright,
.page #content a img.aligncenter,
.single-post #content a img.alignleft,
.single-post #content a img.alignright,
.single-post #content a img.aligncenter,
.page #portfolio-list a img,
.page #content .wp-caption a img,
.single-post #content .wp-caption a img {
margin-left: 0;
}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img  {
max-width: 100%;
height: auto;
}

.post-edit {
}

.edit-post-link,
.post-edit-link {
margin: -10px 0 10px 0;
}

#post-meta .post-tags {
text-align: right;
margin: 3px 12px 9px 0;
}

#content #post-meta .post-tags a {
white-space: nowrap;
}

#content #post-meta {
padding: 16px 0 12px 0;
margin: -8px 0 0 0;
font-size: 11px;
}

.post-single .post-meta .meta-img {
margin-right: 5px;
}

.single-post #post-meta .meta-img {
margin-right: 2px;
}

.single-post #post-meta #meta-tag {
margin-right: 7px;
}

.meta-delimiter {
height: 20px;
width: 100%;
}

#content .meta-img img {
margin-bottom: -2px;
}

.meta-author,
.meta-cat,
.meta-date,
.meta-comment-count {
margin-right: 30px;
}

input[type='text'],
textarea { 
border: 1px #dddddd solid;
padding: 2px 5px;
margin: 0 0 0 0;
height: 18px;
background-color: #dddddd;
color: #555555;
}

input[type='submit'] {
border: none;
margin: 0;
height: 18px;
outline: none;
background-color: #ffffff;
color: #CCCCCC;
}

input#s {
width: 122px;
}

.archive input#s {
float: left;
}

.widget-header input#s {
width: 50px;
}

textarea {
min-height: 150px;
width: 90%;
text-align: left;
}

a.more-link {
text-decoration: none; 
white-space: nowrap;
}

blockquote {
padding-left: 32px;
background-image: url('includes/shortcodes-ultimate/images/quote3-shell.png');
background-position: top left;
background-repeat: no-repeat;
margin: 16px 0;
font-size: 14px !important;
font-style: italic !important;
}

.wp-caption {
text-align: left;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.aligncenter {
margin: 5px 20px 20px 0;
text-align: left;
}

.wp-caption.aligncenter a {
text-align: left;
}

.wp-caption.alignleft {
margin: 5px 20px 10px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
padding: 0;
width: auto;
text-align: left;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0 !important;
}

.wp-caption-text {
margin-top: -12px;
color: #777777;
font-style: italic;
}

.tag #content #post-meta .post-tags a {
margin: 0 0 5px 5px;
float: left;
}

.tag #content #post-meta .post-tags {
margin-left: 12px;
text-align: left;
}

.post-delimiter {
border-top: 1px solid #dddddd;
margin: 0 16px 10px 16px;
}

.post-content ul, .post-content menu, .post-content dir {
display: block;
list-style-type: square;
}

#post-author {
padding: 24px 20px 12px 0;
display: block;
min-height:80px;
}

#post-author h3,
#author h3 {
margin: 4px 0 9px 0;
font-size: 16px;
}

#post-author img {
margin: 0;
width: 80px;
height: 80px;
}

#post-author #authorDescription {
margin-top:-92px;
padding-left: 100px;
line-height: 1.3em;
}

#author {
padding: 0 16px 16px 0;
display: block;
min-height: 84px;
}

.author .post-wrapper,
.category .post-wrapper,
.tag .post-wrapper {
margin-bottom: 30px;
}

.category .post-wrapper,
.tag .post-wrapper {
padding-bottom: 15px;
}

#commentform #author {
height: 1.5em;
min-height: 1.5em;
padding: 2px 5px;
}

#author-desc {
margin-top:-108px;
padding-left: 100px;
line-height: 1.4em;
}

.author #author-desc {
margin-top: -100px;
}

#author-section-desc {
margin: 0 0 -4px 0;
}

#author img {
margin: 0;
width: 80px;
height: 80px;
}

#comments {
padding-bottom: 16px;
}

#comments-title {
}

ol.commentlist li.comment { list-style-type: none; }

#cancel-comment-reply-link {
margin-left: 20px;
font-size: 12px;
}

#comments-top {
height: 20px;
}

#post-author-top {
border-top: 4px solid #dddddd;
height: 12px;
}

#comments ul,
#comments ol {
list-style-type: none;
}

#comments h3,
#comments h4, 
#post-author h3,
#author h3
{
color: #bb8855;
font-weight: 400;
}

.error404 h4 {
margin-bottom: 10px;
}

.error-list {
margin-bottom: 24px;
}

.error404 input#s {
margin-bottom: 26px;
width: 160px;
}

#error-text {
float: left;
width: 40%;
margin-right: 40px;
}

#error-archives {
float: left;
width: 25%;
}

.commentlist {
margin-top:20px;
}

#comments article {
border-top: 1px #444444 dotted;
padding-top: 10px;
border-collapse: collapse;
}

#comments article:last-child {
border-bottom: none;
}

.comment-wrapper {
padding: 0;
}

#content #comments img {
margin-bottom: 0;
}

#comments .reply {
text-align: right;
font-size: 0.8em;
margin-bottom: 3px;
}

.comment-author {
float: left;
margin-right: 10px;
font-weight: 700;
}

.comment-author a {
font-weight: 700;
background: none;
color: #444444;
padding: 24px 0 0 0;
}

.comment-date {
font-size: 0.8em;
color: #777777;
font-style: italic;
}

.comment-content {
min-height: 27px;
line-height: 1.6em;
}

#content #comments .vcard img {
margin: 3px 0 0 0;
}

#respond {
padding: 30px 0 0 0;
}

#respond input#submit,
.contact-submit input,
.back-button input {
background-color: #999999;
cursor: pointer;
color: #000000;
margin-left: 0;
width: auto;
height: auto;
padding: 3px 8px;
border: none;
}

#respond input#submit:hover,
.contact-submit input:hover,
.back-button input:hover {
background-color: #666666;
}

#respond textarea {
width: 60%;
display: block;
margin-bottom: 7px;
}

#respond input {
width: 40%;
display: block;
margin-bottom: 7px;
}

.contact-form-wrapper {
padding-top: 30px;
}

.contact-form-wrapper br,
#content .contact-form-wrapper p {
display:none;
}

#content .contact-form-wrapper p.contact-submit {
display:block;
}

.contact-form-wrapper blockquote {
font-style: italic;
}

.logged-in-as,
.comment-notes {
font-style: italic;
margin-bottom: 10px;
}

.pagerbox {
margin-top: 30px;
}

.pagerbox a {
color: #ffffff;
white-space: nowrap;
margin-right: -1px;
margin-top: 4px;
display: inline-block;
background: #999999;
}

.pagerbox a.current {
background: #999933;
color: #ffffff;
}

.pagerbox a:hover {
background: #999933;
color: #ffffff;
}

.pagerbox a:active {
text-decoration: none;
}

.gallery img,
.su-custom-gallery img { 
border: none !important; 
}

#sup-nav-buttom { float: left !important; }

/********** Sidebar **********/

#sidebar {
}

.widget-sidebar {
padding: 12px 0 0 0;
}

.widget-sidebar ul {
padding: 0;
}

.textwidget {
margin: 12px 0;
}

.widget-sidebar div,
.widget-sidebar ul {
}

.widget-sidebar div#twitter_div {
background: transparent !important;
}

.top-header-border {
height: 7px;
background-color: #ff0000;
margin-top: -7px;
margin-left: 45px;
}

.widget-sidebar h3 {
margin: -12px 0 0 0;
padding: 9px 12px 0 0;
font-size: 16px;
line-height: 20px;
float: left;
color: #999933;
}

#sidebar .widget-sidebar ul {
clear: both;
}

#sidebar #calendar_wrap #wp-calendar {
width: 100%;
}

#footer #calendar_wrap #wp-calendar {
width: 70%;
}

#footer #calendar_wrap #wp-calendar tr td, 
#footer #calendar_wrap #wp-calendar tr th,
#footer #wp-calendar thead, 
#footer #wp-calendar tfoot {
background: none;
}

#calendar_wrap {
padding-top: 12px;
}

#calendar_wrap #wp-calendar tr td,
#calendar_wrap #wp-calendar tr th {
text-align: center;
}

.widget-area .screen-reader-text {
display: none;
}

input#searchsubmit { 
background-color: #aaaaaa;
border: none;
cursor: pointer;
color: #ffffff;	
margin: 0 0 0 -4px;
width: 24px;
height: 24px;
background-image: url('images/search.png');
}

input#searchsubmit:hover { 
background-image: url('images/search-hover.png');
}

#sidebar ul,
#sidebar li {
margin: 0;
list-style: none;
}

#sidebar .children {
padding-left: 10px;
}

#sidebar .children .children {
padding-left: 10px;
}

#sidebar .widget-sidebar ul li {
border-bottom: 1px dotted #444444;
padding: 12px 12px 12px 0;
}

#sidebar .widget-sidebar ul p,
#sidebar .widget-sidebar #searchform div {
padding: 12px 12px 12px 0;
}

#sidebar .widget-sidebar form input {
float: left;
}

#sidebar .widget_search form div {
float: left;
width: 100%;
}

#sidebar .widget-sidebar ul li:last-child {
border-bottom: none;
}

#sidebar .widget-area .recentcomments {
padding: 12px 12px 12px 28px;
border-bottom: 1px dotted #444444;
background-image: url('images/comment-icon.png');
background-position: 0 14px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget-area .recentcomments:last-child {
border-bottom: none;
}

.widget-area #recentcomments {
margin: 0;
}

#sidebar .widget_recent_entries ul li {
padding: 12px 12px 12px 22px;
border-bottom: 1px dotted #444444;
background-image: url('images/recent-posts-icon.png');
background-position: 0 10px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_recent_entries ul li:last-child {
border-bottom: none;
}

#sidebar .widget_pippin_recent_posts ul li {
padding: 12px 12px 8px 0;
border-bottom: 1px dotted #444444;
line-height: 1.4em;
}

.widget_pippin_recent_posts ul li:last-child {
border-bottom: none;
}

.widget_pippin_recent_posts ul li img {
margin-right: 3px;
}

.widget_pippin_recent_posts ul li .time {
color: #777777;
font-size: 10px;
line-height: 18px;
}

#sidebar .widget_archive ul li {
padding: 12px 12px 12px 28px;
border-bottom: 1px dotted #444444;
background-image: url('images/archives-icon.png');
background-position: 0 center;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_archive ul li:last-child {
border-bottom: none;
}

#sidebar .widget_categories ul li {
padding: 12px 12px 12px 28px;
border-bottom: 1px dotted #444444;
background-image: url('images/categories-icon.png');
background-position: 0 9px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_categories ul li:last-child {
border-bottom: none;
}

#sidebar .widget_links ul li {
border-bottom: 1px dotted #444444;
line-height: 1.2em;
}

#sidebar .widget_links ul li img {
margin: 0 4px -4px 0;
}

.widget_links ul li:last-child {
border-bottom: none;
}

#sidebar .widget_pages ul li {
padding: 12px 12px 12px 34px;
border-bottom: 1px dotted #444444;
background-image: url('images/recent-posts-icon.png');
background-position: 0 10px;
background-repeat: no-repeat;
line-height: 1.2em;
}

.widget_pages ul li:last-child {
border-bottom: none;
}

s#sidebar .widget_pages ul.children {
margin-top: 0;
}

#sidebar .widget_pages ul.children li:first-child {
margin-top: 12px;
border-top: 1px dotted #444444;
}

#wp-calendar thead,
#wp-calendar tfoot {
background-color: #eeeeee;
}

#sidebar .widget_tag_cloud {
padding-bottom: 10px
}

#sidebar .tagcloud {
padding: 12px 12px 12px 0;
margin-bottom: -10px;
}

.tagcloud a {
color: #000000;
padding: 3px 7px;
background: #999999;
font-size: 1em;
margin: 0 -1px 2px 0;
white-space: nowrap;
line-height: 18px;
display:inline-block;
}

.tagcloud a:hover {
background: #666666;
color: #000000;
}

#sidebar .Social_Widget .socialmedia-buttons  {
padding: 12px 14px 12px 0;
margin-left: -2px;
}

.Social_Widget .socialmedia-buttons img {
margin: 0 0 -2px 2px;
}

#sidebar ul#twitter_update_list li {
padding: 12px 12px 12px 28px;
border-bottom: 1px dotted #444444;
background-image: url('images/twitter-widget-icon.png');
background-position: 0 14px;
background-repeat: no-repeat;
line-height: 1.2em;
}

#sidebar ul#twitter_update_list li:last-child {
border-bottom: none;
}


/********** Error 404 Page & misc **********/

.error404 #content .top-border {
margin-left: 0;
}

.error404 #content {
margin-top: 28px;
width: 100%;
}

.error404 #searchform {
padding-left: 5px;
}

.error404 .post-header {
margin-bottom: 0;
}

.error404 h4 {
margin-left: 0;
margin-top: 16px;
}

.no-results {
padding: 0 16px 16px 0;
}

.post-single input#s, .post-single input#searchsubmit {
float: left;
}

.search-no-results .screen-reader-text,
.error404 .screen-reader-text  {
display: none;
}

.scrolltop {
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:40px;
height:40px;
border:none;
text-indent:-999px;
background:url(includes/to-top/to-top-button.png) no-repeat left top;
}

.scrolltop:hover {
background:url(includes/to-top/to-top-button.png) no-repeat left -40px;
width:40px;
height:40px;
display:block;
overflow:hidden;
float:left;
}

.tag-desc, .cat-desc {
margin: 0 0 30px 0;
line-height: 1.4em;
padding: 16px;
font-style: italic;
}

.meta-icon {
float: left;
width: 40px;
height: 40px;
background-color: #ff0000;
margin: 0 5px -7px 0;
}

#content .meta-icon img {
margin: 15px 14px 14px 14px;
}


/********** Portfolio **********/

.page-portfolio h2 {
padding: 20px 16px 4px 16px;
}

.home-link {
float: right;
margin-top: 10px;
padding: 3px 0;
}

.home-link a {
font-size: 11px;
}

.page-portfolio {
margin-bottom: 16px;
}

.page-portfolio .top-border {
margin-bottom: 0;
}

#portfolio-filter {
margin: 0;
list-style-type: none;
float: left;
width: 100%;
padding-bottom: 12px;
}

#portfolio-filter li {
float: left;
list-style-type: none;
}

#portfolio-filter li:after {
content: "|";
}

#portfolio-filter li:last-child:after {
content : none;
}

#portfolio-filter a {
float: left;
padding: 0;
text-decoration: none;
margin: 0 5px;
}

#portfolio-filter a:hover {
}

#portfolio-filter a:last-child {
clear: right;
} 

#portfolio-filter li:first-child a {
margin-left: 0;
}

.page-template-page_portfolio-one-column-php .thumb,
.page-template-page_portfolio-two-column-php .thumb,
.page-template-page_portfolio-three-column-php .thumb,
.page-template-page_portfolio-four-column-php .thumb {
float: left;
}

.page-template-page_portfolio-one-column-php h4 {
margin-top: 8px;
}

.page-template-page_portfolio-one-column-php .post-content ,
.page-template-page_portfolio-two-column-php .post-content ,
.page-template-page_portfolio-three-column-php .post-content ,
.page-template-page_portfolio-four-column-php .post-content {
padding-bottom: 10px;
padding-top: 12px;
}

.page-template-page_portfolio-one-column-php #content #portfolio-list a img {
margin-bottom: 2px;
}

#content #portfolio-list a img {
margin-bottom: 0;
}

#portfolio-wrapper {
background: none;
margin-bottom: 20px;
}

.page-template-page_portfolio-one-column-php #portfolio-wrapper {
}

.overlay {
position: absolute;
z-index: 100;
background-color:#222222;
display: none;
opacity:0.9;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay h3,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay h3 {
margin: 16px 10px 0 10px;
}

.page-template-page_portfolio-two-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-three-column-php #portfolio-list .overlay .excerpt,
.page-template-page_portfolio-four-column-php #portfolio-list .overlay .excerpt  {
font-size: 11px;
margin: 5px 10px 10px 10px;
}

#portfolio-list {
list-style-type: none;
overflow: hidden;
}

#portfolio-list .portfolio-item {
float: left;
}

.page-template-page_portfolio-one-column-php .page-portfolio {
margin-bottom: 0;
}

.page-template-page_portfolio-one-column-php #portfolio-list .portfolio-item {
padding: 20px 0;
border-bottom: 1px dotted #444444;
}

.page-template-page_portfolio-one-column-php #portfolio-list .portfolio-item .thumb {
margin-right: 20px;
}

.page-template-page_portfolio-one-column-php #portfolio-wrapper {
border-bottom: none;
}

#portfolio-list .pagerbox {
float: left;
}

.single-project #comments {
padding: 0 0 16px 0;
}

#portfolio-list .portfolio-item .excerpt {
padding-right: 10px;
margin-bottom: 0;
}

#portfolio-list h3 {
margin: 0 0 14px 0;
}

.portfolio-item img {
height: auto;
}

.portfolio-item {
list-style-type: none;
}

#portfolio-list .portfolio-item .excerpt a:hover {
text-decoration: none;
}

.single-project #content {
width: auto;
margin-top: 0;
}

.single-project .post-single {
margin-top: 18px;
margin-bottom: 0;
}

.single-project .back-button input {
margin-top: 18px;
}

.single-project .featured-thumbnail {
margin-bottom: 8px;
}

.single-project #content a img,
.single-project #content img {
margin-bottom: 4px;
}


/********** Footer **********/

#footer {
background-repeat: repeat;
margin-top: 50px;
color: #cccccc;
float: left;
width:100%;
background-color: #000000;
background: transparent\9; /* clear current background for ie */
zoom:1; /* required for the filters */
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000);
	/* For IE 8*/
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000, endColorstr=#dd000000)";
background: rgba(0,0,0, .90); /* Works on all modern browsers */
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #ffcc66;
}

#footer .widget-footer ul {
color: #cccccc;
line-height: 1.4em;
}

#footer #copyright {
clear:both;
padding: 12px 0;
background-color: #000000;
font-size: 10px;
color: #ffffff;
}

#footer #copyright a {
color: #ffff88;
font-size: 10px;
}

#footer-content {
padding: 20px;
}

#footer ul,
#footer li {
list-style: none;
}

footer h4 {
font-size: 18px;
margin-bottom: 14px;
color: #c0b74a;
font-weight: 400;
}

#footer .widget-footer {
margin: 40px 0 35px 5%;
}

#footer .widget-footer ul li {
border-bottom: 1px dotted #666666;
padding: 6px 0;
}

#footer .widget-footer ul li:first-child {
padding-top: 0;
}

#footer .widget-footer ul li:last-child {
border-bottom: none;
}

#footer-widget-area {
padding: 0 4px;
margin-left: -5.4%;
}

#footer .widget_pippin_recent_posts ul ul li .time {
color: #aaaaaa;
}

#footer .widget-footer .blogroll img {
margin-bottom: -3px;
margin-right: 4px;
}

#footer .tagcloud a {
color: #000000;
padding: 3px 8px;
background: #999999;
margin: 0 5px 5px 0;
white-space: nowrap;
line-height: 18px;
float: left;
}

#footer .tagcloud a:hover {
background: #dddddd;
}