/*========================================================================================================
	
	Theme Name: Personality
	Theme URI: http://themes.wptuning.com/personality/
	Description: Professional Online Presence
	Author: <a href="http://rubiqube.com">Adrian Diaconescu</a>
	Author URI: http://rubiqube.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	Tags: light, dark, one-column, fixed-width, translation-ready
	
========================================================================================================*/



/*======================================================================================================*/
/* HTML5 Reset :: http://html5reset.org */
/*======================================================================================================*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
 
/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover */
.ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }



/*======================================================================================================*/
/* Personality Custom Styling */
/*======================================================================================================*/

/*------------------------------------------------------------------------------------------------------*/
/* Document Setup
/*------------------------------------------------------------------------------------------------------*/


body {
	font: 13px "DroidSansRegular", Arial, sans-serif;	
}

a {
	text-decoration: none;	
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

strong {	
	font-family: "DroidSansBold";
}

em {
	font-family: "DroidSerifItalic";
}

input[type="text"],
textarea {
	font: 13px "DroidSansRegular", Arial, sans-serif;	
	padding: 5px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;    
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.05);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.05);
    box-shadow: inset 0 1px 4px rgba(0,0,0, 0.05);
}

input[type="text"]:focus,
textarea:focus {
	outline: none;
	-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.1);
	-moz-box-shadow: inset 0 1px 4px rgba(0,0,0, 0.1);
    box-shadow: inset 0 1px 4px rgba(0,0,0, 0.1);
}

::-moz-selection{ background: #0099CC; color: #FFFFFF; text-shadow: none; }
::selection { background: #0099CC; color: #FFFFFF; text-shadow: none; } 

/*------------------------------------------------------------------------------------------------------*/
/* Common Classes
/*------------------------------------------------------------------------------------------------------*/

.wrap {
	width: 960px;
	margin: 0 auto;
}

.goleft {
	float: left;
	display: inline;
}

.goright {
	float: right;
	display: inline;
}

.hide {
	display: none;
}

.icon {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}

.contentnav {
	overflow: hidden;	
	padding: 5px 0;
	font-size: 90%;
}

#searchform {
	margin-bottom: 15px;
}

.polaroid,
img.alignnone,
img.alignleft,
img.alignright,
.wp-caption {	
	padding: 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/*------------------------------------------------------------------------------------------------------*/
/* Header */
/*------------------------------------------------------------------------------------------------------*/

#mainheader {
	width: 100%;	
    filter: alpha(opacity=0);
    opacity: 0;
}

/*------------------------------------------------------------------------------------------------------*/
/* Top Links */
/*------------------------------------------------------------------------------------------------------*/

#top {
	height: 22px;
	font-family: "DroidSerifItalic";
	font-size: 85%;
	overflow: hidden;
	padding-top: 8px;
	text-align: center;
}

#top img {
	vertical-align: middle;
}

#top a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------*/
/* Logo */
/*------------------------------------------------------------------------------------------------------*/

#logo {	
	text-align: center;
	margin: 0 auto;	
	height: 180px;
}

#logo:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;	
}

#logo-inner {
	display: inline-block;
	vertical-align: middle;
}

#site-title {
	display: block;
	font-family: "BebasRegular", sans-serif;
	text-transform: uppercase;
	font-size: 450%;
	line-height: 1;
	margin-bottom: 10px;	
}

#site-title a:hover {
	text-decoration: none;
}

#site-tagline {
	display: block;
	font-family: "DroidSerifItalic";
}

/*------------------------------------------------------------------------------------------------------*/
/* Navigation */
/*------------------------------------------------------------------------------------------------------*/

#mainnav {
	height: 45px;
}

#mainnav ul {		
	overflow: hidden;	
	position: relative;	
	font-family: Arial, sans-serif;	
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 2px;
}

#mainnav li {
	line-height: 1;
	float: left;	
}

#mainnav li:first-child {
	margin-left: 0;
}

#mainnav li a {
	display: block;
	padding: 14px 15px 14px 15px;
}

#mainnav li a:hover {
	text-decoration: none;	
}

#mainnav li.active a {	
	cursor: default;
}

#mainnav li a.prev span,
#mainnav li a.next span {
	display: none;
}

#mainnav li.arrow {	
	padding: 10px 0 0 0;	
}

#mainnav li.arrow a {
	display: block;
	width: 21px;
	height: 21px;
	cursor: pointer;	
    padding: 0;
    -moz-transition: none;
	-webkit-transition: none;
	transition: none;
	-o-transition: none;
}

#mainnav li a.prev:hover,
#mainnav li a.next:hover {
	background-position: 0 -21px;
}

#mainnav li a.disabled,
#mainnav li a.disabled:hover {
	cursor: default;
	visibility:hidden;
}

/*------------------------------------------------------------------------------------------------------*/
/* Container */
/*------------------------------------------------------------------------------------------------------*/

#container {
	padding-top: 40px;
	overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------*/
/* Homepage */
/*------------------------------------------------------------------------------------------------------*/

#slider {
	position: relative;
	overflow: hidden;
	width: 960px;
}

#pages {
	position: absolute;
}

.horizontal {
	width: 20000em;
}

.vertical {
	height: 20000em;
}

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

article.page {
	width: 960px;
	float: left;
}

.sticky {
	/* nothing to add here */
}

.post-title {
	font-family: "BebasRegular", sans-serif;
	letter-spacing: 2px;
	font-size: 145%;
	font-weight: normal;
	text-align: center;
}

.post-title span {
	padding: 0 15px;	
}

/* Post content */

.post-content {
	overflow: hidden;
	padding: 40px 0;
}

.post-content p {
	margin-bottom: 15px;
	line-height: 1.6;
}

.post-content a:hover {
	text-decoration: none;
}

.post-content h3 {
	font-weight: normal;
	font-size: 125%;
	line-height: 1.3;
	font-family: "DroidSerifItalic";
	margin-bottom: 15px;
}

.post-content h4 {
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.3;
}

.post-content ul,
.post-content ol {
	margin-bottom: 15px;
}

.post-content ul li,
.post-content ol li {
	padding: 8px 0 10px 0;	
}

.post-content ul li:first-child {
	padding-top: 0;
}

.post-content blockquote {
	padding-left: 40px;
	font-family: "DroidSerifItalic";
	margin-bottom: 15px;
	line-height: 1.6;	
}

.post-content hr {
	border: none 0;	
	height: 2px;
	margin: 15px 0;	
}

/* Table */

.post-content table {
	margin: 0 0 20px 0;
	width: 100%;	
}

.post-content table th,
.post-content table td {
	padding: 6px 10px;
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}

.post-content table th {
	font-family: "DroidSansBold";
	text-align: left;	
}

/* Images */

.post-content .alignleft {
	float: left;
	display: inline;
	margin: 0 20px 15px 0;
}

.post-content .alignright {
	float: right;
	display: inline;
	margin: 0 0 15px 20px;
}

.post-content .aligncenter {
	margin: 0 auto 15px auto;
}

.post-content .alignnone {
	margin: 0 0 15px 0;
}

.post-content .wp-caption {
	width: auto !important;
}

.post-content .wp-caption a {
	padding: 0;
	border: none;
}

.post-content .wp-caption img {
	padding: 0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.post-content .wp-caption-text {
	margin: 0;
	padding: 2px 0 0 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 85%;
}

/* Gallery */

.gallery {
	width: 981px;
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 20px 20px 0;	
}

.gallery-item p {
	line-height: 1 !important;
	margin: 0 !important;
}

.gallery-item a {
	border-bottom: none !important;	
}

.gallery-item img {
	display: block;
}

.gallery-item span.gallery-caption {
	display: block;		
	padding: 5px 5px 3px 5px;
	margin-top: 2px;	
	text-shadow: none;
	line-height: 1.3;
	font-size: 85%;
}

.gallery-item span.gallery-caption span {
	display: block;
	padding-top: 2px;
	font-family: Arial, sans-serif;
}

/* Wide Page Template */

.gallery-columns-2 { width: 460px; }
.gallery-columns-3 { width: 296px; margin: 0 21px 21px 0; }
.gallery-columns-4 { width: 215px; }
.gallery-columns-5 { width: 166px; }
.gallery-columns-6 { width: 135px; margin: 0 18px 18px 0; }
.gallery-columns-7 { width: 110px; }
.gallery-columns-8 { width: 96px; margin: 0 16px 16px 0; }
.gallery-columns-9 { width: 78px; margin: 0 21px 21px 0; }

/* Portfolio */

#portfolio-filter {	
	font-size: 85%;	
	text-shadow: none;
}

#portfolio-filter ul {
	overflow: hidden;
	margin: 0 auto;	
	padding: 10px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#portfolio-filter ul li {
	float: left;
	padding: 0 10px;
	background: none;	
}

#portfolio-filter ul li:first-child {	
	background: none;
	border: none;
}

#portfolio-filter ul li a {
	border-bottom: none;
}

#portfolio-filter ul li a:hover {
	text-decoration: none;
}

#portfolio-filter ul li a.selected {
	cursor: default;
}

#portfolio-grid {
	width: 980px;
	padding-bottom: 2px;
	overflow: hidden;
}

.portfolio-item {
	float: left;
	width: 215px;
	margin: 30px 20px 0 0;	
}

.portfolio-thumb {
	position: relative;
}

.portfolio-thumb a {
	border-bottom: none !important;
}

.portfolio-thumb img {
	display: block;
}

.portfolio-thumb span {
	width: 215px;
	height: 160px;  	
  	position: absolute;
}

.portfolio-thumb span.imghover {
	background: #000000 url("images/zoom.png") no-repeat center center;	
}

.portfolio-thumb span.vidhover {
	background: #000000 url("images/play.png") no-repeat center center;
}

.portfolio-title {
	font-size: 90%;
	padding: 10px 6px 2px 6px;
	text-shadow: none;
}

.portfolio-excerpt {
	padding: 0 6px 3px 6px;
	font-size: 85%;	
	font-family: Arial, sans-serif;
	text-shadow: none;
}

.portfolio-excerpt p,
.portfolio-excerpt ul,
.portfolio-excerpt ol {
	line-height: 1.2;
	margin-bottom: 4px;
}

.portfolio-excerpt ul {
	list-style: disc;
	margin-left: 20px;
}

.portfolio-excerpt ol {
	list-style: decimal;
	margin-left: 20px;
}

.portfolio-excerpt ul li,
.portfolio-excerpt ol li {
	padding: 0;
	margin-bottom: 1px;
	background: none !important;	
}

.portfolio-excerpt a,
.portfolio-excerpt a:hover {
	border-bottom: none !important;
}

#videoplayer {
	overflow: hidden;
}

/* Isotope CSS */

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

/*------------------------------------------------------------------------------------------------------*/
/* Column Shortcodes */
/*------------------------------------------------------------------------------------------------------*/

.col2 {
	float: left;
	margin-right: 30px;
	width: 465px;
}

.col3 {
	float: left;
	margin-right: 30px;
	width: 300px;	
}

.col3x2 {
	float: left;
	margin-right: 30px;
	width: 630px;	
}

.col4 {
	float: left;
	margin-right: 28px;
	width: 219px;	
}

.col5 {
	float: left;
	margin-right: 30px;
	width: 168px;	
}

.last {	margin-right: 0; }

.highlight {	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 15px 0 15px;
}

.highlight.col2 { width: 435px; }
.highlight.col3 { width: 270px; }
.highlight.col3x2 { width: 600px; }
.highlight.col4 { width: 189px; }
.highlight.col5 { width: 138px; }

.center {
	text-align: center;
}

/*------------------------------------------------------------------------------------------------------*/
/* Connect */
/*------------------------------------------------------------------------------------------------------*/

#contact {
	margin-bottom: 40px;
	line-height: 1.5;
}

#contact img,
#social img {
	padding: 0;
	background: none;
	border: none;
}

#social {
	overflow: hidden;
}

#social li {
	padding: 0 !important;
	background: none !important;
	float: left;
	margin-right: 5px;
}

#social li a {
	zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
    border: none;
}

#social li a:hover {
	zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

#contactform {
	overflow: hidden;
}

#contactform .left {
	width: 260px;
	float: left;
}

#contactform .right {
	width: 350px;
	float: right;
}

#name,
#email,
#subject {	
	width: 247px;
	margin: 4px 0 10px 0;
}

#message {
	width: 337px;
	height: 128px;
	margin: 4px 0 10px 0;
}

#verify {
	width: 30px;
}

#submit {
	float: right;
}

span.required {
	color: #CC0000;
}

.error_message {
	display: block;
	background: url("images/error.png") no-repeat left center;
	padding: 4px 10px 4px 22px;	
	margin-bottom: 10px;
	font-size: 90%;
}

.loader {
	float: right;
	padding: 10px;
}

#success_page {
	display: block;
	background: url("images/success.png") no-repeat left center;
	padding: 4px 10px 4px 22px;	
	margin-bottom: 10px;
	font-size: 90%;
}

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

#mainfooter {
    filter: alpha(opacity=0);
    opacity: 0;
}

#mainfooter p {
	padding: 30px 0 50px 0;
	text-align: center;
	font-size: 85%;
}

#mainfooter a {
	font-family: "DroidSansBold";
}

/*------------------------------------------------------------------------------------------------------*/
/* Overwrite some stuff */
/*------------------------------------------------------------------------------------------------------*/

#fancybox-outer {
	background: #000000 !important;
	text-shadow: none;
}

#fancybox-content {
	border-color: #000000 !important;
}