/*
Theme Name: Semplice
Theme URI: http://www.sukkapunchmedia.com/theme/semplice
Description: simple. flexible. future proof.
Author: SukkaPunch Media
Author URI: http://www.sukkapunchmedia.com/
Version: 1.1
License: GNU General Public License
License URI: http://www.sukkapunchmedia.com/license/gpl
*/

/* Eric Meyers CSS Reset */
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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}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}


/* -------------------------------------------------------------------------- */
/* --- Common Elements / Custom Reset --------------------------------------- */
/* -------------------------------------------------------------------------- */

body { font: 12px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font: italic 20px Georgia, "Bitstream Charter", serif; margin: 0 0 20px 0; letter-spacing: -1px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.project-info h2,
.recent-area .section-title,
.widget-area h3 {
	font: italic 24px/30px Georgia, "Bitstream Charter", serif;
}

a {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
}

.entry-meta a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

a:focus,
a:hover { text-decoration: underline; }

p,
pre,
ol,
ul,
dl,
blockquote,
address,
table,
hr { margin-bottom: 20px; }

ol ol,
ol ul,
ul ol,
ul ul { margin: 0; }

ol { list-style: decimal; }
ul { list-style: disc; }

ol li,
ul li,
dl dd { margin-left: 25px; }

dt { font-weight: bold; }

table { text-align: left; width: 100%; }

th,
td { padding: 5px; text-align: center; }

th { font-weight: bold; }

strong { font-weight: bold; }

q { display: inline; quotes: inherit; }
q::before { content: open-quote; }
q::after { content: close-quote; }

sub,
sup { font-size: 9px; line-height: 1em; vertical-align: baseline; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

code,
kbd,
pre,
samp {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	overflow: auto;
}
pre {
	clear: both;
	padding: 10px;
}

hr {
	border: 0;
	height: 0;
}

blockquote {
	background: url(media/images/open-quotes.png) no-repeat top left;
	font: italic 15px/24px Georgia, "Bitstream Charter", serif;
	padding: 0 30px;
}
blockquote cite,
blockquote em,
blockquote i  { color: #d72aa0; display: inline-block; font-style: normal; padding-left: 5px; }

address,
cite,
dfn,
em,
var { font-style: italic; }
ins { text-decoration: underline; }
del,
s { text-decoration: line-through; }
abbr,
dfn { cursor: help; }

figure { padding: 0 0 20px 0; text-align: center; }

figure img {
	padding: 3px;
}

figcaption { font: italic 12px/20px Georgia, "Bitstream Charter", serif; }

label { display: block; font-weight: bold; }

input,
textarea {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, serif;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input:focus,
textarea:focus {
	outline: none;
}

input { width: 300px; }
textarea { width: 688px; }
input[type="submit"] {
	font-weight: bold;
	width: 150px;
}


/* --------------------------------------------------------------------------- */
/* --- Structure ------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

.primary { float: left; width: 720px; }

.secondary { float: right; width: 220px; }

.content-wrap,
.home-blocks,
.recent-area,
.site-footer {
	min-width: 980px;
	padding: 40px 0;
}

.content-wrap { padding: 0 0 40px 0; }
.home .content-wrap { padding: 0 0 9px 0; }

.content { border-top: none; }

.wrap {
	margin: 0 auto;
	padding: 0 20px;
	width: 940px;
}

.page-template-template-fullwidth-php .primary {
	float: none;
	margin: 0;
	width: 940px;
}

.page-template-template-portfolio-php .primary {
	float: none;
	margin: 0;
	width: 960px;
}

.secondary aside {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
}

.secondary aside:last-child {
	background: none;
	margin: 0;
	padding: 0;
}

.supplementary .widget-area {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
}

.tertiary #second,
.supplementary #sixth { margin-right: 0; }


/* -------------------------------------------------------------------------- */
/* --- Site Title ----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.logo {
	display: block;
	float: left;
	margin-top: 18px;
	width: 400px;
}

.logo.default a {
	display: block;
	height: 79px;
	text-indent: -9999px;
	width: 169px
}

.site-title {
	display: block;
	float: left;
	margin-top: 90px;
	width: 400px;
}

.site-title h1 {
	float: left;
	margin: 0;
}

.site-title h6 {
	float: left;
	margin: 3px 0 0 10px;
	padding: 0 0 0 10px;
}


/* -------------------------------------------------------------------------- */
/* --- Navigation & Pagination ---------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Level 1 */
.primary-navigation { float: right; margin: 40px 0 40px 0; position: relative; z-index: 10; }
.page-template-template-home-php .primary-navigation { margin-bottom: 25px; }
.primary-navigation ul { float: right; list-style: none; margin: 0; /*overflow: visible;*/ }
.primary-navigation li { margin: 0; float: left; /*clear:none;*/ }
.primary-navigation li.depth-0 { height: 37px; position: relative; }
.primary-navigation li.depth-0 > a { float: left; line-height: 24px; margin: 0 15px; padding: 0 5px; font-size: 13px; }
.primary-navigation li a span { font-size: 11px; display: block; line-height: 11px; font-weight: normal;}
.primary-navigation li.depth-0.current-menu-item a,
.primary-navigation li.depth-0:hover > a { text-decoration: none; text-shadow: none; }

/* Level 2 */
.submenu-wrap { position: absolute; display: none; right: -25%; top: 37px; margin-left: -532px; }
.submenu-wrap:before,
.submenu-wrap .before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	top: -9px;
	content: '';
	height: 0;
	right: 55px;
	position: absolute;
	width: 0;
}

/* Display the submenu */
.primary-navigation li.depth-0:hover .submenu-wrap { display: block; }

.primary-navigation .submenu { width: auto; }
.primary-navigation .submenu li { text-align: center; width: 130px; }
.primary-navigation .submenu li a { float: left; font-size: 13px; line-height: 24px; padding: 5px; width: 120px; }
.primary-navigation .submenu li a:hover { text-decoration: underline; }

/* Li for clearing float in menu for every 5th item */
.primary-navigation .submenu li.menubreak { width:100%; clear:both; float:left; display:block; border:none; padding:0; }
.primary-navigation .submenu li.menubreak:hover { border:none; padding:0; }
.primary-navigation .submenu li.menubreak a { display:none; }

/* Menu description styles */
.primary-navigation .submenu .description {
	background-repeat: no-repeat;
	background-position: right center;
	-o-background-size: 10px 100%;
	-moz-background-size: 10px 100%;
	-webkit-background-size: 10px 100%;
	background-size: 10px 100%;

	padding:  10px;
	text-align: left;
	width: 168px;
}
.primary-navigation .submenu .description h4 {
	margin-bottom: 10px;
}

.page-links {
	clear: both;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 20px 0;
	word-spacing: 6px;
}

.page-links a {
	font-weight: normal;
	padding: 4px 8px;
}

.nav-above,
.nav-below,
.nav-single-above,
.nav-single-below {
	font-style: italic;
	font-weight: bold;
	margin: 0 20px 0 0;
}

.nav-above,
.nav-single-above {
	margin: 0 0 30px 0;
}

.nav-single-below,
.nav-comment-above,
.nav-comment-below {
	margin: 0 20px 40px 0;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* -------------------------------------------------------------------------- */
/* --- Footer --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.extra-footer,
.extra-footer a {
	color: #fff;
	text-shadow: none;
}

.footer-copyright {
	float: left;
	padding: 20px 0;
	text-align: left;
	width: 470px;
}

.footer-text {
	float: right;
	padding: 20px 0;
	text-align: right;
	width: 470px;
}


/* -------------------------------------------------------------------------- */
/* --- Widgets -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.tertiary { margin: 0 0 40px 0; padding: 0 0 40px 0; }

.widget-area ul,
.widget-area ol {
	list-style: none;
	margin: 0;
}

.widget-area li {
	margin: 0;
}

.widget_categories .cat-item a:before {
	content: ">  ";
	font-size: 14px;
}

.widget_recent_comments .recentcomments:before {
	content: ">  ";
	font-size: 14px;
}

.widget_calendar th, .widget_calendar td {
	padding: 0;
}

.widget_tag_cloud .tagcloud {
	text-align: center;
}

.DG_Search input {
	width: 208px;
}

.DG_Flickr .flickr_badge_image {
	float: left;
	margin: 0 6px 0 0;
	text-align: center;
}

.DG_Flickr img {
	border: 1px solid #ddd;
	height: 43px;
	padding: 2px;
	width: 43px;
	-webkit-backface-visibility: hidden;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	-ms-transition: -ms-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

.DG_Flickr a:hover img {
	height: 43px;
	padding: 0;
	width: 43px;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.DG_Social li {
	float: left;
	margin: 0 6px 0 0;
}
.DG_Social img { height: 49px; width: 49px; }

.secondary .DG_Tweets li,
.supplementary .DG_Tweets li {
	margin: 0 0 10px 0;
}

.secondary .DG_Tweets li:last-child,
.supplementary .DG_Tweets li:last-child {
	margin: 0;
}

.secondary .DG_Tweets li span,
.tertiary .DG_Tweets li span,
.supplementary .DG_Tweets li span {
	display: block;
	font-style: italic;
}

.tertiary .widget-area {
	float: left;
	margin-right: 20px;
	width: 460px;
}

.tertiary .DG_Tweets li {
	display: inline-block;
	margin: 0 20px 10px 0;
	vertical-align: top;
	width: 200px;
}

.tertiary .DG_Tweets li:last-child {
	margin-right: 0;
}

.DG_Quote blockquote {
	font-size: 18px;
	line-height: 30px;
	margin: 0;
	padding-right: 0;
}

/* -------------------------------------------------------------------------- */
/* --- Featured Projects ---------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.carousel-nav {
	position: relative;
	margin:  0 auto;
	width: 940px;
	z-index: 3;
}

.carousel-nav .prev,
.carousel-nav .next {
	cursor: pointer;
	display: none;
	background: transparent;
	border: none;
	height: 190px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 221px;
	z-index: 3;
}
.carousel-nav .prev {
	background: url(media/images/navigation-overlay.png) left;
	left: -240px;
}
.carousel-nav .next {
	background: url(media/images/navigation-overlay.png) right;
	left: 960px;
}
.featured-projects:hover .prev,
.featured-projects:hover .next {
	display: block !important;
}

.project-carousel a {
	cursor: default;
	height:  100%;
	left: 0;
	position: absolute;
	top: 10px;
	width: 100%;
	z-index: 4;
}

.grid-image {
	float: left;
	margin: 0 10px 0 10px;
	padding:  10px 0 0 0;
	position: relative;
	width: 220px;
	height: 180px;
	opacity: .1;
}

.grid-image a {
	cursor: pointer;
}

.grid-image img {
	position: absolute;
	z-index: 2;
}

.overlay {
	background: rgba(255,0,198,0.9);
	color: #fff;
	display: none;
	height: 130px;
	left: 0;
	line-height: 20px;
	padding: 20px;
	position: absolute;
	text-shadow: none;
	top: 0;
	width: 180px;
	z-index: 1;
}

.project-carousel .overlay {
	top: 10px;
	z-index: 3;
}

.current {
	background: url(media/images/carousel-shadow.png);
	height: 190px;
	left: -10px;
	position: absolute;
	top: 0;
	width: 240px;
	z-index: 1;
}

.project-carousel .overlay:before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid rgba(255,0,198,0.9);
	bottom: -9px;
	content: '';
	height: 0;
	left: 101px;
	position: absolute;
	width: 0;
}

.recent-projects .overlay:before,
.recent-posts .overlay:before {
	border-left: 9px solid rgba(255,0,198,0.9);
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;
	content: '';
	height: 0;
	right: -9px;
	position: absolute;
	top: 76px;
	width: 0;
}

.overlay h6 {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: none;
	white-space: nowrap;
}

.overlay p {
	margin: 0;
}

.carousel-wrapper {
	position: relative;
	line-height: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	overflow: hidden;
	height: 190px;
}

.project-drawer-frame {
	height: 0;
	overflow: hidden;
}

.project-drawer-content {
	background: url(media/images/slider-shadow.png) no-repeat center 15px;
	opacity: 0;
	padding-bottom: 31px;
	padding-top: 31px;
	position: relative;
}

.project-info {
	bottom: 31px;
	padding: 35px;
	position: absolute;
	right: 85px;
	width: 300px;
	z-index: 9999;
}

.project-info .project-features {
	list-style: none;
}

.project-info .project-features li {
	margin: 0;
}

.no-js .featured-projects .prev,
.no-js .featured-projects .next,
.no-js .featured-projects:hover .prev,
.no-js .featured-projects:hover .next {
	display: none !important;
}
.no-js .project-carousel {
	margin: 0 auto;
	width: 960px;
}
.no-js .grid-image {
	opacity: 1;
}

/* -------------------------------------------------------------------------- */
/* --- Pages ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.caption-wrap {
	margin: 0 0 40px 0;
}
.page-template-template-home-php .caption-wrap {
	margin: 0;
}

.page-caption {
	font-size: 30px;
	font-style: italic;
	letter-spacing: -1px;
	line-height: 30px;
	margin: 0;
	padding: 20px 0;
	text-align: center;
}


/* -------------------------------------------------------------------------- */
/* --- Home Page ------------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

.home-blocks ul { list-style: none; margin: 0 auto; width: 940px; }
.home-blocks li { float: left; margin: 0 20px 0 0; width: 300px; }
.home-blocks .home-block-three { margin: 0; }
.home-blocks h3 {
	font: italic 24px/32px Georgia, "Bitstream Charter", serif;
	margin-bottom: 0;
}
.home-blocks .with-image h3 { float: right; width: 255px; }
.home-blocks img { float: left; margin: 2px 10px 0 0; }

.home-blocks header {
	line-height: 0;
	margin-bottom: 20px;
}

.recent-projects,
.recent-posts { width: 940px; }
.full .recent-projects { margin: 0 0 40px 0; padding: 0 0 40px 0; }
.recent-projects > header,
.recent-posts > header { float: left; margin: 0 20px 0 0; width: 220px; }

.recent-projects .hentry,
.recent-posts .hentry {
	border: 0;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.recent-posts .entry-content p {
	margin-bottom: 40px;
}

.recent-projects .last,
.recent-posts .last {
	margin-right: 0;
}

.recent-projects .hentry { line-height: 0; }
.recent-area .entry-header {
	float: none;
	font-size: 11px;
	margin: 25px 0;
	width: auto;
}

.recent-area .description {
	margin-bottom: 40px;
}

.recent-projects .hentry a,
.recent-posts .entry-thumb a {
	height: 170px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.main-more {
	color: #fff;
	font-style: italic;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.more {
	color: #fff;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.main-more:hover,
.more:hover {
	color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}


/* -------------------------------------------------------------------------- */
/* --- Contact Page --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#contact-form { margin: 0 0 40px 0; }
#contact-notification { margin: 0 20px 20px 0; }


/* -------------------------------------------------------------------------- */
/* --- Posts ---------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.hentry {
	margin: 0 20px 40px 0;
	padding-bottom: 20px;
	position: relative;
}

.single, .page { border-bottom: none; }

.entry-header {
	float: left;
	font-size: 11px;
	margin: 0 20px 0 0;
	width: 140px;
}

.entry-header h3 {
	font-size: 18px;
	letter-spacing: -.5px;
	margin: 2px;
}

.tags { display: block; }

.recent-area .entry-content { width: auto; }

.page-template-template-fullwidth-php .entry-content {
	float: none;
	width: 940px;
}

.page-template-template-fullwidth-php .hentry { margin: 0; }

.entry-title { font-size: 20px; }

.entry-footer .entry-date ,
.entry-meta .entry-date {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px;
}

.entry-footer .entry-date {
	padding: 0 0 0 23px;
}

.entry-footer .comments-link a,
.entry-meta .comments-link a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 0 0 0 35px;
}

.entry-meta .author {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 35px;
}

.entry-header hr {
	margin: 20px 0;
	width: 60px;
}

.project-features { margin-bottom: 20px; }

.project-features .info {
	display: block;
	float: left;
	width: 270px;
}

.project-features .info span { padding-right: 5px; }


/* -------------------------------------------------------------------------- */
/* --- Post Formats --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Video Format */
.entry-embed { margin-bottom: 20px; }

/* -------------------------------------------------------------------------- */
/* --- Comments ------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.comments {
	margin: 0 20px 0 0;
}

.comment-list {
	margin: 0 0 40px 0;
	list-style: none;
}

.comment-list .comment,
.comment-list .pingback {
	margin: 40px 0 0 0;
}

.comment-list .comment:first-child,
.comment-list .pingback:first-child {
	margin: 0;
}

.comment-list .children {
	list-style: none;
	margin: 0 0 0 40px;
}

.comment-list .children .comment {
	margin: 20px 0 0 0;
	padding: 20px 0 0 20px;
}

.comment header .avatar {
	left: 0;
	position: absolute;
	top: 0;
}
.comment .comment-author,
.comment .comment-meta,
.comment .comment-content,
.comment footer {
	margin: 0 0 0 50px;
}

.comment header {
	margin: 0 0 20px 0;
	position: relative;
}

.comment-author cite {
	font-size: 12px;
	font-style: normal;
}

.bypostauthor > article > .comment-header > .comment-author > cite:after {
	color: #f00;
	content: " *";
}

.comment-list article {
	padding: 10px;
}

.comment-content p:last-child {
	margin: 0;
}

.reply a:after {
	content: " \002193";
}

.nocomments {
	margin: 0;
}

/* -------------------------------------------------------------------------- */
/* --- Comment Form --------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#respond p {
	position: relative;
}

#respond input,
#respond textarea {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#respond input[type="text"] {
	width: 50%;
}

#respond input[type="text"]:focus {
	position: relative;
	z-index: 1;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #f00;
	font-size: 22px;
	font-weight: bold;
	left: 49%;
	position: absolute;
	top: 30px;
	z-index: 1;
}

#respond .form-submit {
	margin: 0;
}


/*----------------------------------------------------------------------------*/
/* --- Shortcode Styles ------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/* Columns */

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0 !important;
	clear: right;
}

/* Notifications */
.notification {
	background: #fff url(media/images/notifications/background.gif) repeat-x bottom;
	border: 1px solid #ccc;
	font: 12px/1.5 "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	position: relative;
	text-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.notification a { color: #333; }
.notification div {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 6px 56px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.notification .error { background-image: url(media/images/notifications/error-indicator.jpg); color: #b5240b; }
.notification .error a:hover { color: #b5240b; }
.notification .success { background-image: url(media/images/notifications/success-indicator.jpg); color: #1a7b0a; }
.notification .success a:hover { color: #1a7b0a; }
.notification .warning { background-image: url(media/images/notifications/warning-indicator.jpg); color: #c9741f; }
.notification .warning a:hover { color: #c9741f; }
.notification .info { background-image: url(media/images/notifications/info-indicator.jpg); color: #2863c5; }
.notification .info a:hover { color: #2863c5; }

/* Alerts */
.alert {
	margin: 0 0 20px 0;
	padding: 20px 0;
	text-align: center;
	text-shadow: none;
}
.alert a { color: #333; }
.alert.red,
.red-alert {
	border-bottom: 1px solid #fbb;
	border-top: 1px solid #fbb;
	background: #fdd;
	color: #a55;
}
.red-alert a:hover { color: #a55; }

.alert.green,
.green-alert {
	border-bottom: 1px solid #bfb;
	border-top: 1px solid #bfb;
	background: #dfd;
	color: #5a5;
}
.green-alert a:hover { color: #5a5; }

.blue-alert {
	border-bottom: 1px solid #bbf;
	border-top: 1px solid #bbf;
	background: #ddf;
	color: #55a;
}
.blue-alert a:hover { color: #55a; }

/* Buttons */
.button {
	display: inline-block;
	margin: 0 5px 20px 5px;
	padding: 1px;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.button span {
	background: transparent url(media/images/button-gradient.png) bottom left repeat-x;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	display: block;
	font: bold 12px Verdana, Arial, sans-serif;
	padding: 6px 12px;
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.button:hover span {
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.large-button span { padding: 12px 36px; font-size: 15px; }

a.green-button { background: #8BB14D; color: #5D7731; }
a.green-button:hover { background: #ADC671; color: #5D7731; }

a.red-button { background: #DF6F8B; color: #913944; }
a.red-button:hover { background: #C36079; color: #913944; }

a.blue-button { background: #8DC5DA; color: #42788E; }
a.blue-button:hover { background: #7CAEC0; color: #42788E; }

a.dark-button { background: #000000; color: #CCCCCC; }
a.dark-button:hover { background: #2C2C2C; color: #CCCCCC; }

a.light-button { background: #CCCCCC; color: #555555; }
a.light-button:hover { background: #D8D8D8; color: #555555; }

a.orange-button { background: #F5B74E; color: #996633; }
a.orange-button:hover { background: #D29A3A; color: #996633; }

a.purple-button { background: #BC9DB9; color: #7B5777; }
a.purple-button:hover { background: #A482A0; color: #7B5777; }


/* -------------------------------------------------------------------------- */
/* --- Nivo Slider ---------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.projects-slider,
.projects-post-slider {
	overflow: hidden;
	position: relative;
}

.projects-slider {
	height: 400px;
	margin: 0 auto;
	width: 940px;
}

.projects-post-slider {
	height: 260px;
	margin: 0 auto;
	width: 540px;
}

.nivoSlider:hover .nivo-controlNav { display: block; }

/* If an image is wrapped in a link */
.nivoSlider .nivo-imageLink {
	border: 0;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 6;
}

/* The slices and boxes in the slider */
.nivo-slice {
	display: block;
	height: 100%;
	position: absolute;
	z-index: 5;
}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}

.nivoSlider img {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}

.nivoSlider a { border: 0; display: block; }

.nivo-controlNav {
	bottom: 5px;
	display: none;
	left: 5px;
	position: absolute;
}

.nivo-controlNav a {
	background: url(media/images/nivo/bullets.png) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 22px;
	margin-right: 3px;
	position: relative;
	text-indent: -9999px;
	width: 22px;
	z-index: 9;
}

.nivo-controlNav .active { background-position: 0 -22px; }

.nivo-directionNav a {
	background: url(media/images/nivo/arrows.png) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	text-indent: -9999px;
	top: 45%;
	width: 30px;
	z-index: 9;
}

.nivo-directionNav .nivo-nextNav { background-position:-30px 0; right: 15px; }

.nivo-directionNav .nivo-prevNav { left: 15px; }


/* -------------------------------------------------------------------------- */
/* --- jPlayer -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.jp-jplayer { background: #292a2b; height:0; width:0; }
.jp-jplayer,
.jp-audio-container,
.jp-video-container { float: right; width: 540px; }
.jp-audio-container,
.jp-video-container { margin-bottom: 20px; }
.jp-interface {
	background: url("media/images/jplayer/interface.png") 0 -180px repeat-x;
	height: 30px;
	position: relative;
}
.jp-controls { list-style-type: none; }
.jp-controls li { display: inline; }
.jp-controls a {
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
}

.jp-play,
.jp-pause {
	left: 19px;
	height: 11px;
	outline: none;
	top: 9px;
	width: 9px;
	z-index: 1;
}
.jp-play { background: url("media/images/jplayer/interface.png") -11px -10px no-repeat; }
.jp-play:hover { background: url("media/images/jplayer/interface.png") -41px -10px no-repeat; }

.jp-pause { background: url("media/images/jplayer/interface.png") -11px -41px no-repeat; display: none; }
.jp-pause:hover { background: url("media/images/jplayer/interface.png") -41px -41px no-repeat; }

.jp-mute,
.jp-unmute {
	height: 13px;
	outline: none;
	width: 21px;
	z-index: 1;
	top: 10px;
	left: 465px;
}
.jp-mute { background: url("media/images/jplayer/interface.png") -5px -100px no-repeat; }
.jp-mute:hover { background: url("media/images/jplayer/interface.png") -35px -100px no-repeat; }

.jp-unmute { background: url("media/images/jplayer/interface.png") -5px -70px no-repeat; display: none; }
.jp-unmute:hover { background: url("media/images/jplayer/interface.png") -35px -70px no-repeat; }


.jp-progress-container {
	height: 7px;
	left: 47px;
	position: absolute;
	top: 11px;
	width: 402px;
}

.jp-progress {
	height: 7px;
	overflow: hidden;
	position: absolute;
	width: 402px;
}
.jp-seek-bar {
	width: 0;
	height: 7px;
	cursor: pointer;
	background: url("media/images/jplayer/interface.png") 0 -162px repeat-x;
	padding: 1px;
}
.jp-play-bar {
	width: 0;
	height: 5px;
	background: url("media/images/jplayer/interface.png") 0 -133px repeat-x;
}
.jp-volume-bar-container {
	position: absolute;
	top: 11px;
	left: 490px;
	width: 40px;
	height: 7px;
}
.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("media/images/jplayer/interface.png") 0 -162px repeat-x;
	width: 40px;
	height: 7px;
	cursor: pointer;
	padding: 1px;
	top: 0;
	left: 0;
}
.jp-volume-bar-value {
	width: 0;
	height: 5px;
	background: url("media/images/jplayer/interface.png") 0 -133px repeat-x;
}


/* -------------------------------------------------------------------------- */
/* --- Misc ----------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display: block; margin: 0 auto }
.alignleft { float: left }
.alignright { float: right }

img.aligncenter {
	clear: both;
	display: block;
	margin: 30px auto;
	padding: 3px;
}
img.alignleft {
	margin: 5px 20px 10px 0;
	padding: 3px;
}
img.alignright {
	margin: 5px 0 10px 20px;
	padding: 3px;
}

blockquote.alignleft,
blockquote.alignright {
	width: 220px;
}
blockquote p {
	margin: 0;
}

.sep {
	text-transform: lowercase;
}


/* -------------------------------------------------------------------------- */
/* --- Masonry -------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.masonry .hentry {
	float: left;
	padding: 0;
}

.one-column {
	width: 220px;
}

.two-column {
	width: 460px;
}

.three-column {
	width: 700px;
}

.masonry .hentry .post-thumb {
	line-height: 0;
	position: relative;
}

.masonry .hentry .post-thumb a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.masonry .hentry .post-thumb .thumb-overlay {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.recent-posts .overlay,
.masonry .hentry .post-thumb .thumb-overlay {
	background-repeat: no-repeat;
	background-position: bottom right;
}

.thumb-overlay:before {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	bottom: -9px;
	content: '';
	height: 0;
	right: 20px;
	position: absolute;
	width: 0;
}

.masonry .hentry .entry-header {
	float: none;
	margin: 0;
	padding: 20px 20px 0 20px;
	width: auto;
}

.entry-title {
	line-height: 28px;
	padding: 0;
}

.single .entry-title {
	font-size: 24px;
	line-height: 35px;
}

.single .entry-title,
.single .post-thumb,
.single .entry-content {
	float: right;
	width: 540px;
}

.single .post-thumb {
	margin-bottom: 20px;
	position: relative;
	height: 260px;
	width: 540px;
}

.single .post-thumb .shadow {
	background: url(media/images/gallery-shadow.png) center center;
	height: 302px;
	width: 540px;
	position: absolute;
	top: -21px;
	left: 0;
	z-index: 0;
}

.single .post-thumb .projects-post-slider,
.single .post-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.masonry .hentry .entry-content {
	float: none;
	padding: 0 20px;
	width: auto;
}

.masonry .hentry .entry-footer {
	padding: 20px;
}

.masonry .hentry .entry-date {
	float: left;
	margin: 0 15px 0 0;
}

.masonry .hentry .comments-link a {
	float: left;
}

.masonry .hentry p {
	margin: 0;
}


.extra {
	float: right;
}