/*
Theme Name: Alpha
Description: Custom Wordpress created for cebocampbell.com
Author: Cebo Campbell
Version: 1.2
*/


/* ---------------------------------------------- CSS RESETS
-------------------------------------------------------------- */


html, 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button, textarea, a {
  	background: transparent;
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: normal;
	font-family:"Arial", "Helvetica"
	font-size: 16px;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; padding:0 0 1.5em 0; }
input, select { vertical-align:middle; }

/* End of Reset CSS */



input:invalid, textarea:invalid {
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {  }

/* By default the selection color is pink */
::-moz-selection{ background: #468ab1; color:#fff; text-shadow: none; }
::selection { background:#468ab1; color:#fff; text-shadow: none; }
.ie7 img { -ms-interpolation-mode: bicubic; }



ul, ol, p {
	padding: 0 0 1.5em 0;
}

ul, ol {
	list-style: none;
}

ul li {
	list-style: none;
}

p {
	font-family: Helvetica;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 22px;	
}

small {
  	color: #4C4C4C;
    display: block;
    margin-bottom: 10px;
}
a {
	color: #fb337b;
	font-family: 'HelveticaLTStdLightRegular';
}
article {
	padding: 0 0 30px 0;
	height: 100%;
	text-align: left;
}
article blockquote {
	border-left: 5px solid #fb337b;
	font-family: Helvetica;
	color: #555555;
	font-size: 13px;
	line-height: 22px;
	padding: 15px 0 15px 30px;
	margin: 5px 0 10px 30px;
}
article ul {
	margin-left: 20px;
}
article ul li {
	padding: 5px;
	list-style: square;
	font-family: Helvetica;
	color: #808080;
	font-size: 13px;
	line-height: 22px;
}

article ol {
	margin-left: 20px;
}
article ol li {
	padding: 5px;
	list-style-type: decimal;
	color: #808080;
	font-size: 13px;
	line-height: 22px;
	font-family: Helvetica;
}


/* remember to define focus styles! */
:focus {outline: 0;}

img {border:0;}
a img {border:0}

/* Float Definitions -----------------------------------------------------------*/

.clear {clear:both;} 

.right {float: right;} 

.left {float: left;}

.alignright {float: right;margin: 0 0 2px 7px;}
.alignleft {float: left;margin: 0 7px 2px 0;}

img.left, img.alignleft {float: left;margin: 0 15px 7px 0;}

img.right, img.alignright {float: right;margin: 0 0 7px 15px;}

.post img.aligncenter, .attachment img.aligncenter { display:block; margin: 0 auto; text-align: center; }

.nopad {
	padding: 0px !important;
}
.nomargin {
	margin: 0px !important;
}
.noborder {
	border: none !important;
}


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdBold';
    src: url('fonts/helveticaltstd-bold-webfont.eot');
    src: url('fonts/helveticaltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaltstd-bold-webfont.woff') format('woff'),
         url('fonts/helveticaltstd-bold-webfont.ttf') format('truetype'),
         url('fonts/helveticaltstd-bold-webfont.svg#HelveticaLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLTStdLightRegular';
    src: url('fonts/helveticaltstd-light-webfont.eot');
    src: url('fonts/helveticaltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaltstd-light-webfont.woff') format('woff'),
         url('fonts/helveticaltstd-light-webfont.ttf') format('truetype'),
         url('fonts/helveticaltstd-light-webfont.svg#HelveticaLTStdLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LuxiSansRegular';
    src: url('fonts/luxisr-webfont.eot');
    src: url('fonts/luxisr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/luxisr-webfont.woff') format('woff'),
         url('fonts/luxisr-webfont.ttf') format('truetype'),
         url('fonts/luxisr-webfont.svg#LuxiSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1 {
	color: #333;
    font-family: 'HelveticaLTStdBold';
    margin: 0 0 10px;
    padding: 15px 10px 10px 0px;
    position: relative;
    width: 100%;
    font-size: 36px;
}

h2 {
	color: #fb337b;
	font-size: 32px;
	line-height: 36px;
	text-shadow: 1px 1px 0 #fff;
	    font-family: 'HelveticaLTStdLightRegular';
	 margin: 10px 0;
}

h3 {
	color: #333;
	font-size: 22px;
	line-height: 30px;
	text-shadow: 1px 1px 0 #fff;
	font-family: 'HelveticaLTStdLightRegular';
	 margin: 15px 0;
}

h4 {
	color: #fb337b;
	font-size: 18px;
	line-height: 30px;
	padding: 0;
	text-shadow: none;
	font-family: 'HelveticaLTStdLightRegular';
}

h5 {
	color: #011265;
	font-size: 18px;
	line-height: 30px;
	font-family: 'HelveticaLTStdLightRegular';
	 margin: 10px 0;
}

h6 {
	color: #cf300c;
	font-size: 32px;
	line-height: 36px;
	text-shadow: 1px 1px 0 #fff;
	    font-family: 'HelveticaLTStdLightRegular';
	 margin: 10px 0;
}
/*
    // ========================================== \\
   ||                                              ||
   ||               BASE CSS STYLES                  ||
   ||                                              ||
    \\ ========================================== //
*/


html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
}
body{
	font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
	font-weight: 400;
	font-size: 12px;
	color: #333;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	min-height: 700px;
	overflow-y: hidden;
	overflow-x: hidden;
	margin: auto;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,222,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(223,222,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(223,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(223,222,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(223,222,222,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(223,222,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdede',GradientType=0 ); /* IE6-9 */
}

/* ------------------ STICKY ------------------ */
aside {
	padding: 20px;
	background: #fff;
	float: left;
	width: 240px;
	min-height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	border-right: 1px solid #313131;
}
.logo {
	position: relative;
	margin: -20px 0 0 -25px;
	top: 2px;
	left: 0;
	background: #fff;
	min-width: 225px;
	min-height: 93px;
	padding: 0;
	z-index: 99999;
}
.logo:before {
	content: '';
	background: url(images/corner-shadow3.png) no-repeat;
	right: -12px;
	bottom: -13px;
	width: 203px;
	height: 107px;
	position: absolute;
}
.logo a {
	 font-family: 'HelveticaLTStdBold';
	 color: #000101;
	 font-size: 32px;
	 text-align: left;
	 line-height: 14px;
	 text-transform: lowercase;
	 	min-width: 225px;
	min-height: 93px;
	display: block;
}
.logo img {
	max-width: 75%;
}
.olo {
	background: url(images/hline.png) bottom repeat-x;
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	padding-top: 105px;
	z-index: 1;
}
.olo p {
	background: url(images/mappin.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
	color: #fff;
	font-family: 'HelveticaLTStdLightRegular';
	margin-left: 20px;
}
.olo p span {
	font-size: 11px;
	font-style: italic;
	display: block; 
	line-height: 10px;
}
    
/* ==========================================|> SIDE NAVIGATION <|============================ */


.sidepanel {
	position: fixed;
	z-index: 9999999;
	color: #f8f8f8;
	background: url(images/side_nav.jpg) repeat-y;
	width: 170px;
	left: 0px;
	top: 0px;
	height: 100%;
}
.navigationer {
    left: 0;
    padding-top: 30px !important;
    position: relative;
    right: 0;
}
.navigationer a {
	display: block;
	padding: 0;
	text-align: center;
	outline: none;
	font-size: 21px;
	color: #ececec;
	font-family: 'HelveticaLTStdLightRegular';
	line-height: 28px;
	text-transform: uppercase;
}
.navigationer a:hover {
	color: #fb337b;
}
.navigationer li {
	list-style: none;
	position: relative;
}


.navigationalite li {
	list-style: none;
	position: relative;
}

.navigationalite a {
	display: block;
	padding: 0;
	text-align: center;
	outline: none;
	font-size: 21px;
	color: #ececec;
	font-family: 'HelveticaLTStdLightRegular';
	line-height: 28px;
	text-transform: uppercase;
}
.navigationalite a:hover {
	color: #fb337b;
}
.navigationalite span {
	list-style: none;
	position: relative;
	display: block;
}
.navigationalite span nav {
	display: none;
	position: relative;
	position: absolute;
	right: -160px;
	width: 120px;
	top: -5px;
	padding: 10px 15px;
	background: #fb337b; 
	z-index: 999999999;
}

.navigationalite span nav span a {
	font-size: 14px;
}
.navigationalite span nav span a:hover { 
	color: #ddd;
}
.navigationalite span nav:before {
	content: '';
	width: 0; 
	height: 0; 
	left: -8px;
	top: 8px;
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #fb337b; 
}
.navigationalite span:hover nav {
	opacity: 1;
	display: block;
}
.navigational {
    left: 0;
    padding-top: 30px !important;
    position: relative;
    right: 0;
}
.navigational a {
	display: block;
	padding: 0;
	text-align: center;
	outline: none;
	font-size: 21px;
	color: #ececec;
	font-family: 'HelveticaLTStdLightRegular';
	line-height: 28px;
	text-transform: uppercase;
}
.navigational a:hover {
	color: #fb337b;
}
.navigational li {
	list-style: none;
	position: relative;
}
.next, .prev {
    cursor: pointer;
    zoom: 1;
    background: rgb(219, 13, 87);
	/* RGBa with 0.6 opacity */
	background: rgba(219, 13, 87, 0.6);
   	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b);
   	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b)";
    padding: 20px; 
    position: fixed; 
    z-index: 9999999;
    right: 20px;
	bottom: 19%;
}
.prev {
	bottom: 35%;
	opacity: 0;
}
.navigationer a span:nth-child(2){
	display: block;
	color: #fff;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
	padding-top: 3px;
}

.socializer {
	background: url(images/hline.png) repeat-x top;
	width: 124%;
	margin: 0px 0 30px -20px;
	position: relative;
}
.socializer:after {
	content: '';
	background: url(images/hline.png) repeat-x;
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.socializer span {
	width: 49.7%;
	float: left;
	height: 100%;
	text-align: center;
		padding: 12px 0 11px 0;
		list-style: none;
		
}
.socializer span:hover {
	background: #fb337b !important;
	list-style: none;
}
.socializer span a {
	text-align: center;
}
.navigationer a.contact {
	background: url(images/contacts.png) left center no-repeat;
	padding-left: 30px;
	font-family: 'HelveticaLTStdBold';
	line-height: 28px;
	color: #fff;
	position: relative;
	display: block;
	margin-top: 30px;
	padding: 15px 0 15px 22px;
	margin-left: 0px;
	font-size: 18px;
}
.navigationer a.contact:hover {
	color: #fb337b;
}
.navigationer a.contact:after {
	content: '';
	background: url(images/hline.png) top repeat-x;
	height: 2px;
	width: 124%;
	position: absolute;
	top: 0;
	left: -21px;
}

.navigational a.contact {
	background: url(images/contacts.png) left center no-repeat;
	padding-left: 30px;
	font-family: 'HelveticaLTStdBold';
	line-height: 28px;
	color: #fff;
	position: relative;
	display: block;
	margin-top: 30px;
	padding: 15px 0 15px 22px;
	margin-left: 0px;
	font-size: 18px;
}
.navigational a.contact:hover {
	color: #fb337b;
}
.navigational a.contact:after {
	content: '';
	background: url(images/hline.png) top repeat-x;
	height: 2px;
	width: 124%;
	position: absolute;
	top: 0;
	left: -21px;
}
.pagenav {
	bottom: 50px;
    left: 0;
    padding-top: 30px !important;
    position: relative;
    right: 0;
}
.pagenav a {
	display: block;
	padding: 0;
	text-align: left;
	outline: none;
	font-size: 26px;
	color: #333333;
	font-family: 'HelveticaLTStdBold';
	line-height: 28px;
	text-transform: uppercase;
}
.pagenav a:hover {
	color: #fb337b;
}
.pagenav li {
	list-style: none;
}
/* ==========================================|> BODY AREA <|============================ */



.hs-content-scroller{
	position: absolute;
	left: 210px;
	right: 0px;
	overflow: auto !important;
	height: 100%;
	top: 0;
}
.hs-content-scroller article {

}
.hs-content-wrapper{
	width: 7950px;
	position: absolute;
	height: 100%;
	overflow: hidden;

}
.hs-content-wrapper article {
}
.hs-content {
	width: 500px;
	overflow-y: scroll;
	height: 100%;
	position: relative;
	float: left;
	border-right: 1px solid #DBDBDB;
	background: #fff;
	border-top: 5px #fff;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.hs-content:before {
	content: '';
	background: #fb337b;
	position: fixed;
	top: 0;
	width: 101%;
	height: 20px;
	z-index: 99999;
}
.hs-content:hover:after {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fb337b;
	top: 10px;
	position: absolute;
	right: 10px;
	z-index: 99991;
	content: '';
}
.hs-content:hover, .hs-content-active{
	background: #eee;
	border-top: 5px #333;
}
.hs-content:hover .catov, .hs-content-active .catov {
	background: #eee;
}
.hs-content:hover .jspVerticalBar,
.sidepanel nav:hover .jspVerticalBar{
	opacity: 1;
}
.hs-content .pagetitle {
	position: absolute;
	top: 0;
	right: 0px;
	line-height: 20px;
	padding: 0 10px 0 0;
	font-size: 12px;
	font-family: 'HelveticaLTStdLightRegular';
	color: #fff;
	z-index: 999999;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
	display: block;
}
.hs-content:first-child {
	width: 400px;
}
.hs-inner{
	padding: 30px 20px 10px 30px;
}
.hs-inner p{
	color: #808080;
    font-family: 'HelveticaLTStdLightRegular';
    font-size: 13px;
    line-height: 22px;
}
.hs-container {
	height: 100%;
	min-height: 700px;
}
/*========================================>  articles  <====================================== */


#welcome {
	width: 640px !important;
}

#welcome .featured img {
	width: 575px;
}

.catov {
	position: absolute;
	z-index: 9;
	right: 2px;
	top: 20px;
	padding: 5px 6px;
	font-size: 11px !important;
	line-height: 15px !important;
	background: #fff;
		-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.commentson {
	position: absolute;
	bottom: 30px;
	right: 10px;
	background: url(images/icon_comment.png) no-repeat;
	min-height: 16px;
	padding-left: 22px;
	line-height: 13px;
}
.btn {
	background: url(images/icon_comment.png) no-repeat !important;
	min-height: 16px;
	padding-left: 22px;
	text-indent: -999999px;
}
.type {
	background: none repeat scroll 0 0 #bbbbbb;
    float: left;
    margin: 5px 9px 0 0;
    padding: 10px 10px 10px 0px;
    width: 33px;
   	font-family: 'HelveticaLTStdBold';
   	text-align: right;
   	color: #fff;
   	font-size: 13px;
   	text-transform: uppercase;
   	line-height: 13px;
   	position: relative;
}
.type:after {
	content: '';
	position: absolute;
	top: -5px;
	left: 44%;
		width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid #bbbbbb;
}
#hs-container .details li a {
	background: none;
	margin-bottom: 5px;
}
#hs-container .details li a.summore {
	text-align: center;
	position: absolute;
	bottom: 0;
	color: #fb337b;
	font-family: 'HelveticaLTStdBold';
	display: block;
	width: 100%;
}
#hs-container .details li .twitter-share-button {
	display: block;
}
#hs-container .details li a.summore:before {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 40%;
    width: 245px;
}
#hs-container .details li a.summore:after {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 245px;
}
#hs-container .details li {
	padding: 20px 0 45px 0;
	position: relative;
}
.details h2 {
	font-family: 'HelveticaLTStdLightRegular';
	font-size: 22px;
	color: #555;
	line-height: 24px;
	margin: 6px 0 1px 0;
	text-align: left;
}
.details small {
	color: #777;
}
.details li {
	list-style: none;
}

.pics img {
    left: 0;
    top: 0;
    width: 576px;
}

.pics {
    margin: 0 0 2px 0;
    overflow: hidden;
    padding: 0;
    width: 576px;
    padding-bottom: 5px;
    min-height: 325px;
}
.slides {
	top:15px;
	left:4px;
	z-index:100;
}
.slides_container {
	width:575px;
	height: 335px;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a {
	width: 575px;
	height: 400px;
	display:block;
}
.slides .pagination {
	display: none;
}
.slides .next, .slides .prev {
	position: relative;
	position:absolute;
	top:127px;
	left:0px;
	width:20px;
	height:43px;
	display:block;
	z-index:101;
	cursor: pointer;
    zoom: 1;
    background: rgb(219, 13, 87) !important;
	/* RGBa with 0.6 opacity */
	background: rgba(219, 13, 87, 0.6) !important;
   	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b);
   	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b)";
    padding: 20px; 
	text-indent: -99999px;
}
.slides .prev:before {
	content: '';
	position: absolute;
	background: url(images/arrowleft_small.png) no-repeat;
	height:50px;
	top: 15px;
	left: 15px;
	width: 20px;
}
.slides .next {
	left: 515px;
}
.slides .next:before {
	content: '';
	position: absolute;
	background: url(images/arrowright_small.png) no-repeat;
	height:50px;
	top: 15px;
	right: 15px;
	width: 20px;
}
.imgnav {
	position: absolute;
	z-index: 9999999;
}
.twitter-share-button {
	display: none;
	
}
.pluginConnectButton {
	opacity: 0 !important;
}
.pluginButton {
	background: none !important;
	border: none !important;
}
.sx_like_fav {
	background-image: url(images/icon_like.png) !important;
}
#hs-container .details li a#next, #hs-container .details li a#prev {
    cursor: pointer;
    zoom: 1;
    background: rgb(219, 13, 87);
	/* RGBa with 0.6 opacity */
	background: rgba(219, 13, 87, 0.6);
   	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b);
   	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fb337b, endColorstr=#99fb337b)";
    padding: 20px; 
    position: absolute; 
    z-index: 9999999;
    left: 520px;
	bottom: 100px;
}
#hs-container .details li a#prev {
	bottom: 100px;
	left: 0px;
}
/*========================================>  INSTAGRAM  <====================================== */


.instagram {
	max-height: 4840px;
	overflow: hidden;
}

#instagram {
	width: 258px;
}
#instagram img {
	max-width: 190px;
	margin: 20px 0;
	border: 4px solid #EEEEEE;
}
#instagram img:hover {
	border: 4px solid #fb337b;
}
#instagram .hs-inner {
	padding: 30px 20px 10px 28px;
}

/*========================================>  TWITTER  <====================================== */

.line {
	min-height: 2000px;
}
#tweetlings {
	width: 240px;
	min-height: 1000px;
}
.tweet ul {
	margin: 0;
}

.tweet li {
	list-style: none;
	background: #fff;
	position: relative;
	padding: 25px 30px;
	border-bottom: 1px solid #DBDBDB;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: 300ms, 300ms;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: 300ms, 300ms;
	-moz-transition-timing-function: linear, ease-in;
}
.tweet li:before {
	content: '';
	position: absolute;
	bottom: 15px;
	right: 25px;
	background: url(images/twitter.png) no-repeat;
	width: 17px;
	height: 12px;
}
.tweet li:hover {
	background: #2ac8fb;
}
.tweet li span {
	color: #808080;
	font-family: 'HelveticaLTStdLightRegular';
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}
.tweet li:hover span {
	color: #fff;
}	
#hs-container .tweet li a {
	color: #fb337b;
	font-family: 'HelveticaLTStdLightRegular';
	font-size: 12px;
	text-align: left;
	line-height: 14px;
}

#hs-container .tweet li a.tweet_avatar {
	position: absolute;
	right: 15px;
	bottom: 15px;
	position: absolute;
	bottom: 15px;
	right: 25px;
	background: url(images/twitter.png) no-repeat;
	width: 17px;
	height: 12px;
}
#hs-container .tweet li a.tweet_avatar img {
	display: none;
}


/*========================================>  Portfolio  <====================================== */


#portfolio {
	width: 1030px;
}

#thumbnails {
	margin: 0px auto 20px;
	overflow: visible !important;
	width: 540px;
}
#thumbnails ul {
    padding : 30px 0 10px 0;
    max-width: 970px;
    margin: auto;
}
#thumbnails ul li {
    border: 1px solid #DBDBDB;
    display: inline-block;
    margin: 10px;
    position: relative;
    width: 300px;
    *display: inline; 
    _height: 30px;
    height: 490px;
}

#thumbnails .shadow {
	position: absolute;
	bottom: -20px;
	left: 10px;
	max-width: 100%;
}

#thumbnails .shadow img {
	max-width: 100%;
}
#thumbnails ul li a, #thumbnails ul li a img, #thumbnails ul li a span { display : block; }
#thumbnails ul li a {
    background : #0c0d0d;
    width : 300px;
    position : relative;
    overflow : hidden;
}
#thumbnails ul li .title {
    background : #fff;
    opacity: 1 !important;
    height : 30px;
    overflow: hidden;
    padding : 10px 20px 30px 14px;
    position: relative;
    position: absolute;
    width: 266px;
    opacity: 1 !important;
}
#thumbnails ul li.hover .title {
	z-index: 999;
	opacity: 1 !important;
	overflow: visible;
}
#thumbnails ul li .title p {
    color: #159D9B;
     font-family: 'HelveticaLTStdLightRegular';
     max-width: 220px;
     margin-bottom: 0;
     padding: 0 0 20px 0;
}
#thumbnails ul li .title p.hello {
	margin-top: -2px;
}
#thumbnails ul li .title p {
    color: #159D9B;
     font-family: 'HelveticaLTStdLightRegular';
     max-width: 265px;
     margin-bottom: 0;
     padding: 0 0 20px 0;
}
#thumbnails ul li .arrowlink a {
	background: transparent;
	width: 28px;
	height: 44px;
}

#hs-container p.arrowlink {
   	background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    bottom: -1px;
    height: 59px;
    padding: 11px 8px 0 11px;
    position: absolute;
    right: 0px;
    width: 28px;
    z-index: 99999;
}

#thumbnails h4 {
	color: #5151;
	font-family: 'HelveticaLTStdBold';
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 3px;
	max-width: 220px;
	color: #515151;
}
article #thumbnails h4 {
	margin: 0 0 3px 0;
}
article #thumbnails {
	width: 650px; 
	margin: auto;
}
article #thumbnails ul li {
	padding: 0;
	list-style: none;
	font-family: inherit;
	line-height: inherit;
}

article ul.details {
	margin: 0;
}
.view {
   width: 300px;
   margin: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 300px;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: 'HelveticaLTStdLightRegular';
   font-style: italic;
   font-size: 13px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: left;
}
.view a.go {
   display: inline-block;
   text-decoration: none;
   	background: url(images/go.png) no-repeat;
	width: 24px;
	text-indent: -99999px;
	height: 25px;
   color: #fff;
   text-transform: uppercase;
	margin-top: 15px;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(251,51,123,0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   	font-family: 'HelveticaLTStdLightRegular';
	text-transform: uppercase;
	text-shadow: none;
	font-size: 30px;
	max-width: 80%;
	
	line-height: 30px;
	text-align: left;
   background: transparent;
   margin: 0px 40px 0px 10px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.go {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.go  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-sixth:hover .expander {
	background: url(images/expander.png) no-repeat;
	width: 31px;
	position: absolute;
	right: -20px;
	top: 10px;
	height: 25px;
	display: block;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   	filter: alpha(opacity=100);
	-webkit-transform: translate(-30px,0px);
   -moz-transform: translate(-30px,0px);
   -o-transform: translate(-30px,0px);
   -ms-transform: translate(-30px,0px);
   transform: translate(-30px,0px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}

.view-sixth .infoarea {
	margin: 50px 0 0 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 15px 0;
	display: block;
	width: 90%;
}
/*========================================>  THEMES  <====================================== */


#themes {
	width: 620px;
}

.themes {
	padding-top: 30px;
}
.themes li {
	position: relative;
	list-style: none;
}
.themes .buyit {
    background: url("images/buy_tab.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: 'HelveticaLTStdBold';
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    padding-left: 34px;
    position: absolute;
    right: 20px;
    top: 25px;
    width: 90px;
}
.themes .info {
	padding: 8px 15px;
	background: #fb337b;
	color: #fff;
	font-family: 'HelveticaLTStdLightRegular';
	font-size: 18px;
	position: absolute;
	bottom: 150px;
	left: 0px;
	margin-left: 0;
}
.themes .info span {
	display: block;
	font-family: 'HelveticaLTStdBold';
	font-size: 12px;
	color: #b7b3b3;
}
.themes img {	
	border: 4px solid #ddd;
	width: 500px;
}

/*========================================>  projects  <====================================== */


#projects {
	width: 340px;
}

#projects img {
	max-width: 280px;
}
#projects .details h2 {
	margin: 6px 0 6px;
}
#hs-container #projects .details li a.summore:before {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 40%;
    width: 95px;
}
#hs-container #projects .details li a.summore:after {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 95px;
}


#hs-container .portside a.summore {
	text-align: center;
	position: absolute;
	bottom: 0;
	color: #fb337b;
	font-family: 'HelveticaLTStdBold';
	display: block;
	width: 90%;
}
#hs-container .portside a.summore:before {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 40%;
    width: 125px;
}
#hs-container .portside a.summore:after {
	border-bottom: 1px solid #DBDBDB;
    content: "";
    height: 2px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 125px;
}
.portside h2 {
	font-size: 22px;
	line-height: 25px;
}
.portside .terms {
	color: #FB337B;
}
.portside .terms span {
	color: #808080;
}
.portside .likeling {
	right: 40px;
}
.portside .commentson {
	right: 25px;
	bottom: 27px;
}
/*========================================>  Design  <====================================== */


.sidepop {
	width: 72px;
	position: relative;
	float: left;
	margin: 0 15px 10px 0;
	height: 100%;
	padding: 0 0 30px 0;
}
.sidepop .commentson {
	bottom: 35px;
	right: -10px;
}
.sidepop .likeling {
	right: -34px;
	bottom: 55px;
}
.contentpop {
	float: right;
	width: 86.5%;
}
.catbox {
	padding: 20px;
	background: #BBBBBB;
}


/*========================================>  TWITTER  <====================================== */

.line {
	min-height: 2000px;
}
#posters {
	width: 240px;
	min-height: 1000px;
}
article ul.posters {
	margin: 0;
}

.posters li {
	list-style: none;
	background: #fff;
	position: relative;
	padding: 25px 30px;
	border-bottom: 1px solid #DBDBDB;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: 300ms, 300ms;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: 300ms, 300ms;
	-moz-transition-timing-function: linear, ease-in;
}
.posters .hitbottom {
	position: absolute;
	bottom: 0px;
	text-align: center;
}
.hitbottom small {
	font-size: 9px;
	color: #fb337b;
}

.posters li:hover {
	background: #2ac8fb;
}
.posters li p {
	color: #808080;
	font-family: 'HelveticaLTStdLightRegular';
	font-size: 18px;
	line-height: 22px;
}
.posters li:hover p {
	color: #fff;
}	





/*========================================>  About  <====================================== */




.infocontent h1 {
	font-family: 'HelveticaLTStdLightRegular';
	color: #555;
}

#about {
	width: 430px;
}

#about p {
	margin: 0 0 10px 0;
}
#about .fuschia {
	display: inline;
	zoom: 1;
	
}

#about .socializer {
	border: none;
	border: 0;
	width: 190px;
	margin-left: 0px;
}
#about .rob {
	width: 100%;
}
#about .rob img {
	max-width: 360px;
}
#about .socializer li {
	list-style: none;
	display: block;
	float: none;
	border: 1px solid #fb337b;
	width: 180px;
}

#about .socialized {
	margin: 0 0 25px 0;
}


#about .socialized li.contactbutton {
	background-image: url(images/contacts.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: #333; /* Fall-back for browsers that don't support rgba */
	padding-left: 30px;
	font-family: 'HelveticaLTStdBold';
	line-height: 28px;
	color: #fff;
	position: relative;
	padding: 2px 10px 2px 40px;
	margin-left: 5px;
	font-size: 18px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#about .socialized li.contactbutton a {
	font-family: 'HelveticaLTStdBold';
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.navigationer a.contactbutton:hover {
	color: #fb337b;
}
#about .socializer li:hover {
	background: inherit;
}
.aboutmearea img {
	max-width: 700px;
}
.progress-bar {
	background-color: #333333;
	height: 25px;
	padding: 5px;
	width: 350px;
	margin: 10px 0;			
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;	          
}

.progress-bar span {
	display: inline-block;
	height: 20px;	
	padding: 6px 0 0 0px;
	font-family: 'HelveticaLTStdBold';
	text-transform: uppercase;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
        -webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;    
}
.progress-bar span i {
    display: block;
    float: left;
    height: 0;
    margin: 0;
    padding: 1px;
    width: 5px;
}
.blue span {
	background-color: #34c2e3;   
}

.orange span {
	  background-color: #fecf23;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
	  background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -o-linear-gradient(top, #fecf23, #fd9215);
	  background-image: linear-gradient(top, #fecf23, #fd9215);  
}	

.green span {
	  background-color: #a5df41;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	  background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -o-linear-gradient(top, #a5df41, #4ca916);
	  background-image: linear-gradient(top, #a5df41, #4ca916);  
}

.shine span {
	position: relative;
}

.shine span::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;			
	
	-webkit-animation: animate-shine 2s ease-out infinite;
	-moz-animation: animate-shine 2s ease-out infinite; 			
}

@-webkit-keyframes animate-shine { 
	0% {opacity: 0; width: 0;}
	50% {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}


@-moz-keyframes animate-shine {
	0% {opacity: 0; width: 0;}
	50% {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}

.glow span {
	-moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	
	-webkit-animation: animate-glow 1s ease-out infinite;
	-moz-animation: animate-glow 1s ease-out infinite; 			
}

@-webkit-keyframes animate-glow {
 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

@-moz-keyframes animate-glow {
 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

/* ------------------ PAGESLIDE ------------------ */

#pageslide {
    /* Do not edit */
    display: none;
    height: 100%;
    overflow: auto;
    position: absolute;
    position: fixed;
    top: 0;
    z-index: 999999999;
    /* wall width */
	background: #fb337b;
    width: 475px;
}

#modal {
    display: none;
	padding: 20px 30px;
}

	#modal h2 {
        color: #fff;
		font-family: 'HelveticaLTStdLightRegular';
		font-size: 24px;
		margin-bottom: 40px;
		text-transform: uppercase;
		text-shadow: none;
    }

    #modal p {
        color: #ddd;
        font-family: 'HelveticaLTStdLightRegular';
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    #modal a.close {
        color: #fff;
        display: block;
        float: right;
       	font-family: 'HelveticaLTStdBold';
        font-size: 24px;
        background: #333;
        padding: 5px 10px;
        text-shadow: none;
    }    
	
    /* ----- FORM ----- */

	textarea, input, select {
		color: #a1a1a1;
		margin-bottom: 15px;
		resize: none;
	}

	textarea:focus, input:focus, select:focus { 
		color: #333;
	}
	
	#form .primaryinputs span {
		float: left;
		width: 195px;
	}
	
	#form .primaryinputs span label {
		color: #333333;
		font-family: 'HelveticaLTStdLightRegular';
		font-size: 11px;
		margin-bottom: 5px;
	}
	#form .singulartext span label {
		color: #333333;
		font-family: 'HelveticaLTStdLightRegular';
		font-size: 11px;
		margin-bottom: 5px;
	}
	#form .short, #form .long {
		border: none;
		border-radius: 3px;
			-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
   			-khtml-border-radius: 3px;
		font-family: 'HelveticaLTStdLightRegular';
        font-size: 14px;
		overflow: hidden;
		background: #fff;
	}

	#form .short {
		height: 40px;
		padding: 0 10px;
		width: 180px;
	}
	
	#form .long {
		margin-bottom: 11px;
		padding: 10px;
		width: 400px;
	}
	
	#form .space {
		margin-right: 15px;
	}

	.select {
	   	background: url(images/select.png) right no-repeat #fff;
		border-radius: 3px;
			-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
   			-khtml-border-radius: 3px;
		color: #a1a1a1;
		height: 30px;
   		overflow: hidden;
		padding-top: 10px;
		width: 200px;
	}

	.select select {
		-moz-appearance: none;
	    background: none repeat scroll 0 0 transparent;
	    border: medium none;
	    font-size: 14px;
	    margin-left: 15px;
	    width: 200px;
		-webkit-appearance: none;
		-moz-appearance: none;

	}

	.left {
		float: left;
		margin-right: 20px;
	}

	#form .button {
		color: #fff;
		display: block;
 		font-family: 'HelveticaLTStdBold';
        font-size: 35px;
        margin: 10px 0;
        width: 96%;
        padding: 10px 0;
        text-align: center;
        background: #333;
	 	-webkit-transition-property: color, background;
 		-webkit-transition-duration: 300ms, 1s;
 		-webkit-transition-timing-function: linear, ease-in;
		-moz-transition-property: color, background;
 		-moz-transition-duration: 300ms, 1s;
 		-moz-transition-timing-function: linear, ease-in;
 		border: none;
	}

	#form .button:hover {
		color: #fb337b;
	}


.friends {
	margin: 0;
	padding: 0;
	width: 200px;
}

.friends li {
	float: left;
	list-style: none;
	padding: 0 2px;
}
.friends li img {
	width: 45px;
}

#about h2 {
	color: #333;
	font-size: 18px;
}

.socialized {
	
}
.socialized li {
	list-style: none;
	float: left;
	margin: 0 3px;
}
.socialized li {
	opacity: 0.6;
	
}
.socialized li:hover {
	opacity: 1;
}
/*========================================>  PAGECONTENT  <====================================== */


.added-column {
	width: 650px !important;
}

#pagecontent {
	max-width: 1000px;
	min-width: 900px;
}
#categorycontent {
	max-width: 800px;
	min-width: 800px;
}
#categorycontent .slides_container {
	width: 745px;
	height: 410px;
}

#categorycontent .slides .next, #categorycontent .slides .prev {
	top: 200px;
}
#categorycontent .slides .next {
	left: 685px;
}
.contentarea {
	width: 80%;
	margin: auto;
	padding-top: 30px;
	font-family: 'HelveticaLTStdLightRegular';
}
.contentarea .progress-bar {
	width: 100%;
}
.contentarea .socialized li.contactbutton {
	background-image: url(images/contacts.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: #333; /* Fall-back for browsers that don't support rgba */
	padding-left: 30px;
	font-family: 'HelveticaLTStdBold';
	line-height: 28px;
	color: #fff;
	position: relative;
	padding: 2px 10px 2px 40px;
	margin-left: 5px;
	font-size: 18px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.contentarea .socialized li.contactbutton a {
	font-family: 'HelveticaLTStdBold';
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.catlist {
    left: -27px;
    margin: -20px auto 35px;
    padding: 10px 0 0 32px;
    position: relative;
    text-align: center;
}

.catlist li {
	background: none repeat scroll 0 0 #ddd;
    padding: 5px 10px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}
.catlist li:hover {
	background: #fb337b;

}
.catlist li a {
	font-family: 'HelveticaLTStdLightRegular';
    font-size: 12px;
    color: #333;
}
.catlist li:hover a {
	color: #FFF;
}

article .authorbox {
 	background: none repeat scroll 0 0 #fb337b;
    padding: 20px 40px;
    width: 88%;
    margin: 20px auto 20px
}
article .authorbox img {
	float: left;
	margin: 0 10px 7px 0;
}
article .authorbox h5 {
	font-size: 14px;
    line-height: 28px;
    margin: 0;
}
article .authorbox p {
	padding: 0px 0 10px 0;
}
.photogallery {
	margin: 40px auto 60px;
	padding: 0;
}
.photogallery li {
	background: none;
	padding: 0;
	margin: 0;
    color: #FFFFFF;
    float: left;
    text-align: center;
    list-style: none;
    line-height:  0;
}
.photogallery li img:hover {
	opacity: 0.8;
}
#s7 {
	margin: 0 0 2px;
    min-height: 45px;
    overflow: hidden;
    padding: 0 0 5px;
}

#prevs, #nexts {
	background: #fb337b;
	position: absolute;
	top: -55px;
	left: -47px;
	padding: 8px;
}
#nexts {
	background: #fb337b;
	left: 622px;
}
.others p, .others a {
	color: #fff;
}
.others {
	padding: 15px;
	background: #fb337b;
	margin: 20px 0 20px 0px;
	width: 90%;
	color: #fff;
	position: relative;
}
.others h3 {
	color: #fff;
	text-shadow: none;
	font-size: 18px;
	line-height: 48px;
	margin: 0;
	padding: 0;
}


/*========================================>  PORTFOLIO ITEM  <====================================== */


#fullcontent {
	width: 1200px;
	padding-top: 30px;
}

.port-img {
	width: 380px;
	margin: auto;
}
.leftside {
	width: 520px;
	float: left;
	margin: 0 10px 0;
}
.leftside img {
	border: 4px solid #ddd;
}
.leftside .photogallery {
	margin: 10px auto 0px;
}
.rightside {
	width: 580px;
	float: left;
}

.detailsbox {
	padding: 15px;
	background: #fb337b;
}
.detailsbox h2 {
	color: #fff;
	text-shadow: none;
}
#fullcontent .photogallery {
	padding-left: 10px;
}
#fullcontent .photogallery li {
	margin: 5px;
}

#fullcontent .fuschia {
	display: inline-block;
	width: 42.8%;
}

#portfolio .button {
		color: #fff;
		display: inline-block;
		*display: inline;
		zoom: 1;
 		font-family: 'HelveticaLTStdBold';
        font-size: 35px;
        margin: 10px auto 10px;
        padding: 10px 30px;
        text-align: center;
        background: #333;
	 	-webkit-transition-property: color, background;
 		-webkit-transition-duration: 300ms, 1s;
 		-webkit-transition-timing-function: linear, ease-in;
		-moz-transition-property: color, background;
 		-moz-transition-duration: 300ms, 1s;
 		-moz-transition-timing-function: linear, ease-in;
 		border: none;
	}

	#portfolio .button:hover {
		color: #fb337b;
	}
/*========================================>  THEME ITEM  <====================================== */

#carousel-gallery {
	width: 840px;
	margin: 0;
	padding: 15px 0;
	background: #EFEFEF;
	overflow: hidden !important;
}		
#carousel-gallery .touchcarousel-wrapper {
	overflow: visible;
	margin-left: 0px;
}

#carousel-gallery .arrow-icon.left {
	left: 25px;				
}
#carousel-gallery .arrow-icon.right {
	right: 25px;			
}
#carousel-gallery .arrow-holder {
	width: 40px;	
}
#carousel-gallery  .scrollbar-holder {
	bottom: 6px;
}

.touchcarousel-item span {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: url(images/expander.png) no-repeat;
	height: 25px;
	width: 35px;
	z-index: 99999;
	display: none;
}		
#carousel-gallery li:hover span {
	display: block;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.touchcarousel-item img { min-width: 250px; }
}
.touchcarousel-item span a {
	display: block;
	width: 25px;
	height: 25px;
}

#portfoliowide {
	width: 1400px;
	padding-top: 30px;
}


#portfoliowide #thumbnails ul {
	max-width: 1400px;
	padding: 0;
}
#porfolio_columns {
	width: inherit;	
}
#p_columns {
	width: 600px;
}

.portside {
	width: 430px !important;
}

.page_authorbox {
	padding: 0 0 20px 0;
	min-height: 150px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DBDBDB;
}
.page_authorbox img {
	float: left;
	margin: 0 10px 0 0;
}
/* ------------------ EXTRAS ------------------ */


	.comment-notes {
		margin: 4px 0 10px 0;
		font-family: Helvetica, Arial;
		font-size: 12px;
		color: #bbb;
	}
	#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
		width: 200px;
		float: left;
		margin: 0 5px;
		list-style: none;
		line-height: 14px;
	}
	#commentform .comment-form-author input, #commentform .comment-form-email input, #commentform .comment-form-url input {
		border: 1px solid #D9D9D9;
    	padding: 10px;
    	width: 180px;
	}
	.comment-form-comment label {
		padding-left: 5px;
		}
	#commentform label {
		margin: -10px 0 4px 0;
		font-family: Helvetica, Arial;
		font-size: 10px;
		color: #bbb;
	}
	p.form-allowed-tags {
		margin: -10px 0 4px 0;
		font-family: Helvetica, Arial;
		font-size: 10px;
		color: #666;
		padding-left: 5px !important;
		color: #bbb;
	}
	#respond textarea {
		background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #D9D9D9;
	    height: 200px;
	    margin: 0 0 15px 5px;
	    padding: 10px;
	    width: 600px;
	    
	}
	#respond p {
		padding: 0;
	}
	#comments {
		position: relative;
		background: #fff;
		margin: 30px 0;
		padding: 15px;
	}
	#comments:before {
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #fff;
    	top: -20px;
    	content: "";
    	left: 50%;
    	position: absolute;
    	margin-left: -10px;
	}
	#comments ol {
		margin: 0;
	}
	#comments ol li {
		list-style: none;
		min-height: 100px;
		padding: 15px;
		position: relative;
		background: #ddd;
	}
	#comments ol li:before {
		width: 0; 
		height: 0; 
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid #ddd;
    	top: -20px;
    	content: "";
    	left: 50%;
    	position: absolute;
    	margin-left: -10px;
	}
	#comments ol li.odd {
		background: #fff;
	} 
	#comments ol li.odd:before {
		border-bottom: 20px solid #fff;
	}
	#comments ol li:after {

	}
	#comments ol li img {
		padding: 4px;
		background: #ddd;
		float: left;
		margin: 0 7px 7px 0;
	}
	#comments ol li ul.children li {
		background: #DFE3DA;
		padding: 20px;
		border: none;
		margin: 10px 0 0 0;
	}
	#comments ol li ul.children li:after {
		border: none;
		 border-bottom: 10px solid #DFE3DA;
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    content: "";
	    height: 0;
	    left: 50%;
	    margin-left: -5px;
	    position: absolute;
	    top: -10px;
	    width: 0;
	    z-index: 99999;
	}
	#comments ol li ul.children li:before {
		border: none;
	}
	#respond input.captain {
		font-size: 12px;
		font-family: 'HelveticaLTStdBold';
		color: #fff;
		background: #333;
		border: none;
		margin: 15px 0 15px 8px;
        color: #fff;
        display: block;
        float: left;
       	font-family: 'HelveticaLTStdBold';
        font-size: 36px;
        padding: 10px 20px;
        text-align: center;
        -webkit-transition-property: color, background;
 		-webkit-transition-duration: 300ms, 300ms;
 		-webkit-transition-timing-function: linear, ease-in;
		-moz-transition-property: color, background;
 		-moz-transition-duration: 300ms, 300ms;
 		-moz-transition-timing-function: linear, ease-in;
 		cursor: pointer;
    }
	
    #respond input.captain:hover {
    	background: #ff0000;	
	}
	
	
	.captain {
		font-size: 12px;
		font-family: 'HelveticaLTStdBold';
		color: #fff;
		background: #333;
		border: none;
		margin: 15px 0 15px -8px;
        color: #fff;
        display: block;
        float: left;
       	font-family: 'HelveticaLTStdBold';
        font-size: 36px;
        padding: 10px 20px;
        text-align: center;
        -webkit-transition-property: color, background;
 		-webkit-transition-duration: 300ms, 300ms;
 		-webkit-transition-timing-function: linear, ease-in;
		-moz-transition-property: color, background;
 		-moz-transition-duration: 300ms, 300ms;
 		-moz-transition-timing-function: linear, ease-in;
 		cursor: pointer;
 		right: 16px;
		*right: -12px;
		zoom: 1;
    }
	
    .captain:hover {
    	background: #ff0000;	
	}


a.hs-totop-link{
	display: none;
	content: 'Scroll to top';
	position: fixed;
	z-index: 10000;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #aaa;
	text-shadow: 1px 1px 1px #fff;
	font-weight: 700;
	cursor: pointer;
	text-transform: uppercase;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	border-top: 1px solid #cacaca;
}
/* Codrops Top Bar */
.codrops-top{
	font-size: 10px;
	text-transform: uppercase;
}
.codrops-top a {
	position: fixed;
	z-index: 10000;
	padding: 4px 7px;
	letter-spacing: 1px;
	color: #aaa;
	text-shadow: 0px 1px 1px #fff;
	background: rgba(255, 255, 255, 1);
	border-radius: 0px 0px 3px 3px;
}
.codrops-top a:nth-child(1){
	right: auto;
	left: 210px;
}
.codrops-top a:nth-child(2){
	right: 10px;
}

.likeling {
    display: block;
    padding: 2px 5px 2px 30px;
    background: url(images/icon_like.png) 1px center no-repeat !important;
    border: none;
	width: 26px;
	height: 18px;
	position: absolute;
	right: 33px;
	bottom: 25px;
  }
 /* Twitter icon */
.likeling:before {
    content: "";
    display: block;
    position: absolute;
    left: -35px;
    top: 7px;
    width: 24px;
    height: 24px;
    background-image:url(images/icon_like.png) no-repeat;
    pointer-events: none;
}

/* Extra shadow */
.likeling:after {
    content: "";
    z-index: -1;
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 20px;
    box-shadow: 0 26px 10px rgba(0,0,0,0.35);
}

.likeling .count {
    position: relative;
    z-index: 2;
    transition: opacity 0.25s ease-out;
    top: 0px;
}

.likeling .message {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    padding-top: inherit;
    transition: opacity 0.25s ease-out;
    text-indent: -9999px;
}

.likeling:hover {
    animation: bgpos 0.3s infinite linear;
}

  .btn {
  	color: red;
  }



/*========================================>  SIDEBAR  <====================================== */


.sidewidgets {
	list-style: none;
	background: #fff;
	position: relative;
	padding: 25px 20px;
	border-bottom: 1px solid #DBDBDB;
	-webkit-transition-property: color, background;
	-webkit-transition-duration: 300ms, 300ms;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-property: color, background;
	-moz-transition-duration: 300ms, 300ms;
	-moz-transition-timing-function: linear, ease-in;
}

.sidewidgets h2 {
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: 15px;
	color: #474747;
}
.sidewidgets ul {
	margin: 20px 0 0 0;
	
}
.sidewidgets ul li {
	padding: 10px 0px 0 10px;
	border-bottom: none;
}

/* Media Queries */
@media screen and (max-width: 1024px) {
	.jspVerticalBar{
		opacity: 1;
	}
	.hs-content-scroller{
		overflow-x: scroll;
	}
	.hs-content:hover{
		background: transparent;
	}
	.hs-content-active:hover {
		background: #f1f5f8;
	}
}
@media screen and (max-width: 715px) {
	body{
		overflow-x: auto;
		overflow-y: auto;
	}
	.codrops-top a{
		background: #000;
		color: #fff;
		text-shadow: none;
	}
	.codrops-top a:nth-child(1){
		left: 10px;
	}
	a.hs-totop-link{
		display: block;
	}
	.sidepanel{
		position: relative;
		width: 100%;
		height: 460px;
	}
	.sidepanel nav{
		top: 230px;
		bottom: 20px;
	}
	aside ul {
		padding: 0;
	}
	.hs-content-scroller{
		position: relative;
		height: auto;
		left: 0;
	}
	.hs-content-wrapper {
		height: auto;
		width: auto;
		margin-left: 0px;
		height: 100%;
		min-height: 700px;
	}
	.hs-content-wrapper article {
		height: 100%;
		min-height: 700px;
	}
	.hs-content{
		border: none;
	}
	.hs-content, .hs-content:first-child{
		width: auto;
		float: none;
		overflow-y: auto;
	}
}