/*-----------------------------------------------------------------------------------

   Theme Name: Stoodio
   Theme URI: http://wpthemes.rubenbristian.com/stoodio
   Description: Stoodio is a minimal theme, focused on downloadable & lovable content.
   Author: Ruben Bristian
   Author URI: http://rubenbristian.com
   License: GNU General Public License version 3.0
   License URI: http://www.gnu.org/licenses/gpl-3.0.html
   Version: 1.0
   
   Designed by Pasquale Vitiello: http://themeforest.net/user/opendept
   All PHP code is released under the GNU General Public Licence version 3.0
   All HTML/CSS/JAVASCRIPT code is released under Envato's Regular License (http://themeforest.net/licenses/regular_extended)

-----------------------------------------------------------------------------------*/

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin:0; }
a {text-decoration: none;}
a:focus { outline: 0; }
a:hover, a:active { outline:0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin:0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border:0; margin:0; padding:0; }
ins { background: #ff9; color: #000; text-decoration: none; }
pre, code, kbd, samp { font-family: 'Lucida Console', monospace, serif; _font-family: 'Lucida Console', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height:0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin:0; padding:0; list-style-type: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin:0; padding:0; }
img { max-width:100%; height:auto; border:0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin:0; }
form { margin:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor: pointer; }
legend { border:0; *margin-left: -7px; padding:0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin:0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding:0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing:0; }
td { vertical-align: top; }
.chromeframe { margin: 0.2em; background: #ccc; color: black; padding: 0.2em; }
.ir { display: block; border:0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height:0; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border:0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding:0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin:0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* Mine */
::-moz-selection { background: #FF4F41; color: #333; text-shadow: none; }
::selection { background: #FF4F41; color: #333; text-shadow: none; }

/* =============================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'AllerRegular';
    src: url('css/fonts/aller_rg-webfont.eot');
    src: url('css/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/aller_rg-webfont.woff') format('woff'),
         url('css/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('css/fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AllerLight';
    src: url('css/fonts/aller_lt-webfont.eot');
    src: url('css/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/aller_lt-webfont.woff') format('woff'),
         url('css/fonts/aller_lt-webfont.ttf') format('truetype'),
         url('css/fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Dosis:500,300);

h1, h2, h3, h4, h5, h6 {
  font-family:Dosis, sans-serif;
  font-weight:500;
  color:#313131;
}
h1 {
  font-size:28px;
  margin:28px 0;
} h2 {
  font-size:24px;
  margin:24px 0;
} h3 {
  font-size:20px;
  margin:20px 0;
} h4 {
  font-size:16px;
  margin:16px 0;
} h5 {
  font-size:14px;
  margin:14px 0;
} h6 {
  font-size:12px;
  margin:12px 0;
}

a {
  color:#FF4F41;
} a:hover {
  color:#FF7657;
}

/* =============================================================================
   Body
   ========================================================================== */

html {height:100%;}
body {
  /* background:url(images/bgBodyDark.png) repeat 0 0 #313131;*/
   background:url(images/bg.gif) repeat;
   font:14px/21px 'AllerRegular', Arial, sans-serif;
   color:#7F7F7F;
   height:100%;
   overflow-x:hidden;
}
#container {
  min-height:100%;
  position:relative;
}
#content {
  padding-top:50px;
}

#wrapper {
   width:950px;
   margin:auto;
   padding-bottom:5px;
   position:relative;
}
#content, header {
  position:relative;
}
#page{
	color: #313131;
    font-size: 20px;
    line-height: 26px;
}
.bluetint{
	color:#4a7b86;
}
.lighttext{
	font-family: 'AllerLight',sans-serif;
}
/* Navigation */

#mainNav {
   height:65px;
   width:100%;
   border-bottom:1px solid #3F3F3F;
   margin-bottom:25px;
}
#mainNav ul {
   position:absolute;
   left:50%;
   margin-left:-161px;
   top:22px;
}
#mainNav li {
   float:left;
   margin-left:10px;
}
#mainNav li:first-child {
   margin-left:0;
}
#mainNav a, .expand a, .button {
   text-transform:uppercase;
   color:#313131;
   padding:3px 20px;
   border-radius:20px;
   background:transparent;
   border:none;
   font-family: 'Ubuntu', sans-serif;
   font-size:12px;
   font-weight:bold;
}
#mainNav a:hover {
   color:#FF4F41;
}
#mainNav li.selected a, .expand a:hover, .button:hover {   
   color:#fff;
   background:#fff;
} .expand {
  text-align:center;
  display:none;
} .button {
  text-transform:none;
}

/* Logo & Tagline */

#logo {
   float:left;
   display:block;
   margin-right:60px;
   margin-bottom:20px;
}
#tagline {
   display:inline;
   font:18px/25px 'AllerLight',sans-serif;
   color:#313131;
   float: right;
   margin-top:0;
}
#tagline em{
	color:#4a7b86;
}
/*#tagline span {
   font-style:italic;
   color:#FF4F41;
}*/

#responsiveMenu {
   display:none;
}
.ie8 .btnPrev, .ie8 .btnNext {
 	display:block !important;
}
/* =============================================================================
   Portfolio
   ========================================================================== */

.folioGrid {
  width:960px;
  margin-left:-5px;
  position:relative;
  height:490px;
  overflow:hidden;
  z-index:9;
}
.btnPrev, .btnNext, .btnClose {
  display:block;
  text-indent:-99999px;
  width:22px;
  height:22px;
  border-radius:2px;
  background:url(images/defSprites.png) no-repeat 0 -90px transparent;
  background-color:rgba(218, 218, 218, .1);
  float:right;
} .btnPrev {
  background-position:0 -112px;
  float:left;
} .btnPrev:hover, .btnNext:hover, .btnClose:hover {
  background-color:#FF4F41;
} .btnNext.disabled, .btnPrev.disabled {
  opacity:.1;
  pointer-events:none;
  cursor:default;
  background-color:transparent;
}

#folioPagination {
  width:1024px;
  position:absolute;
  top:344px;
  left:-37px;
  z-index:8;
}
#flashcont object{
	width:100%;
}
#flashcont{
	background:url(images/fbg.jpg) no-repeat top left;
	background-color:#0e0e0e;
	padding:20px 0;
}
/* Categories(filters) */

#folioCategories {
   padding-left:50%;
   margin:18px 0 22px;
   margin-left:-25%;
   display:none;
}
#folioCategories li {
   display:inline;
   margin-left:5px;
}
#folioCategories li:first-child {
   margin-left:0;
}
#folioCategories a {
   font:12px 'AllerRegular', sans-serif;
   color:#313131;
   padding:3px 15px;
   border-radius:15px;
}
#folioCategories a:hover {
   color:#FF4F41;
}
#folioCategories li.selected a {   
   color:#ffffff;
   background:#FF4F41;
}

/* Folio items */

.folioItem {
   float:left;
   position:relative;
   display:block;
   margin:5px;
   width:230px;
   height:154px;
}
.folioItem h3 {
   font:14px 'AllerRegular', sans-serif;
   color:#333;
   margin:0;
}
.folioItem hr {
   border-bottom:1px dotted #333;
   margin:8px 0 10px;
}

.folioHover {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   padding:15px 20px;
   display:none;
   cursor:pointer;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
}
.folioHover.image {
   background:rgb(255, 69, 27);
   background:rgba(255, 69, 27, .95);
}
.folioHover.audio {
   background:rgb(157, 207, 45);
   background:rgba(157, 207, 45, .95);
}
.folioHover.link {
   background:rgb(217, 179, 45);
   background:rgba(217, 179, 45, .95);
}
.folioHover.gallery {
   background:rgb(255, 87, 95);
   background:rgba(255, 87, 95, .95);
}
.folioHover.video {
   background:rgb(37, 147, 211);
   background:rgba(37, 147, 211, .95);
}
.folioHover.flash {
   background:rgb(170, 116, 178);
   background:rgba(170, 116, 178, .95);
}

/* Folio details */

.folioDetails li {
   padding-left:23px;
   margin-bottom:8px;
   font:12px 'AllerRegular';
   background:url(images/defSprites.png) no-repeat -10px -177px transparent;
   color:#333;
}
.folioDetails .type {
   background-position:0 1px;
}
.folioDetails .love {
   background-position:0 -21px;
   display:none;
}
.folioDetails .tags {
   background-position:0 -44px;
}
.folioDetails .download {
   background-position:0 -66px;
   display:none;
}

/* =============================================================================
   Footer
   ========================================================================== */

#topFooter {
  margin-top:70px;
}

#subbtn{
	text-indent:-9999px;
	display:block;
	width:89px;
	height:24px;
	background:url(images/subbtn.png) no-repeat;
	margin:6px 0;
}
#xydtdh-xydtdh{
	padding:2px 3px;
	border:0;
	border-radius:3px;
	margin:5px 0;
}
#text-4{
	width:110%;
}
#text-5{
	width:90%;
}
/* Social Icons */

.socialIcons {
  padding-left:50%;
  margin-left:-150px;
}
.socialIcons a {
  display:block;
  width:40px;
  height:40px;
  text-indent:-99999px;
  background:url(images/socialSprites.png) no-repeat -40px 0 transparent;
  float:left;
  margin:0 10px;
}
.socialIcons .facebook {
  background-position:-40px 0;
} .socialIcons .facebook:hover {
  background-position:0 0;
}
.socialIcons .flickr {
  background-position:-40px -40px;
} .socialIcons .flickr:hover {
  background-position:0 -40px;
}
.socialIcons .dribbble {
  background-position:-40px -80px;
} .socialIcons .dribbble:hover {
  background-position:0 -80px;
}
.socialIcons .pinterest {
  background-position:-40px -120px;
} .socialIcons .pinterest:hover {
  background-position:0 -120px;
}
.socialIcons .linkedin {
  background-position:-40px -160px;
} .socialIcons .linkedin:hover {
  background-position:0 -160px;
}
.socialIcons .youtube {
  background-position:-40px -200px;
} .socialIcons .youtube:hover {
  background-position:0 -200px;
}
.socialIcons .vimeo {
  background-position:-40px -240px;
} .socialIcons .vimeo:hover {
  background-position:0 -240px;
}
.socialIcons .twitter {
  background-position:-40px -280px;
} .socialIcons .twitter:hover {
  background-position:0 -280px;
}
.socialIcons .google {
  background-position:-40px -320px;
} .socialIcons .google:hover {
  background-position:0 -320px;
}
.socialIcons .behance {
  background-position:-40px -360px;
} .socialIcons .behance:hover {
  background-position:0 -360px;
}
.socialIcons .forrst {
  background-position:-40px -400px;
} .socialIcons .forrst:hover {
  background-position:0 -400px;
}

/* Copyright */

.copy {
  font:12px 'AllerRegular', Arial, sans-serif;
  color:#7F7F7F;
  text-align:center;
  margin:25px 0 0;
}

#showie{
	display:none;
}
/* Bottom footer */

#bottomFooter {
  width:100%;
  margin-top:10px;
  background:url(images/bgFooterDark.png) repeat 0 0 #262626;
  font-size:12px;
  line-height:19px;
  overflow:hidden;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#bottomFooter.closed {
  height:5px;
  padding:0;
  position:absolute;
  bottom:0;
}
#bottomFooter .column-wrapper {
  padding:25px 0 55px 0;
}
#bottomFooter h4 {
  color:#B2B2B2;
  font-weight:400;
  font-size:14px;
}
#bottomFooter > div {
  width:950px;
  margin:auto;
}
#bottomFooter a {
  color:#8C8C8C;
} #bottomFooter a:hover {
  color:#FF4F41;
}

.flickrList img {
  width:60px;
  height:60px;
}
.flickrList li {
  float:left;
  margin:0 8px 8px 0;
}
.imgFrame {
  display:inline-block;
  border:2px solid transparent;
}
.imgFrame:hover {
  border-color:#FF4F41;
}

.postsWidget .imgFrame {
  float:left;
  margin-right:10px;
}
.postsWidget li {
  margin-bottom:10px;
}
.postsWidget span {
  font-size:11px;
  display:block;
} .postsWidget a {
  color:#7F7F7F;
  width:40px;
  height:40px;
} .postsWidget a:hover {
  color:#FF4F41;
}

/* Columns */

.one-half {
  width:48%;
}
.one-third {
  width:30.66%;
}
.two-third {
  width:65.33%;
}
.one-fourth {
  width:23%;
}
.three-fourth {
  width:74%;
}
.one-fifth {
  width:16.8%;
}
.two-fifth {
  width:37.6%;
}
.three-fifth {
  width:58.4%;
}
.four-fifth {
  width:67.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:2.5%;
  float:left;
}
.last {
  margin-right:0 !important;
  clear:right;
}
.column-wrapper {
  overflow: hidden;
  width: 100%;
}
.column-wrapper.large > div {
  margin-right:3.5%;
}

/* =============================================================================
   Portfolio Page
   ========================================================================== */

.folioNavigation {
  position:absolute;
  top:20px;
  right:0;
  font-size:12px;
}
.folioNavigation a {
  display:inline;
}
.folioNavigation a:first-child {
  margin-right:9px;
}
.folioNavigation a:first-child:after {
  content:'|';
  color:#3F3F3F;
  margin-left:10px;
}

.projectContent {
  border-bottom:1px solid #3F3F3F;
  padding-bottom:8px;
}
.projectContent h1 {
  margin-bottom:0;
}

.projectContent .content {
  width:700px;
  padding-right:20px;
  float:left;
  min-height:200px;
}
.projectContent .meta {
  width:210px;
  padding:0 0 5px 19px;
  border-left:1px solid #3F3F3F;
  float:right;
  margin-top:65px;
  font:13px Dosis, sans-serif;
}

.projectContent .filters {
  color:#FF4F41; 
  margin-top:8px;
  font:12px 'AllerLight', sans-serif;
  display:none;
}
.projectContent .filters span {
  color:#7F7F7F;
}
.related {
  width:110%;
  overflow:hidden;
  margin:-5px 0 0 -5px;
}

.folioMeta li {
  margin-bottom:5px;
}
.folioMeta {
  color:#7F7F7F;
}
.folioMeta span {
  /*color:#B2B2B2;*/
}

.projectContent .love, .projectContent .download {
  width:70px;
  height:70px;
  float:left;
  text-align:center;
  font-size:11px;
  color:#7F7F7F;
  background:url(images/defSprites.png) no-repeat 24px -169px #262626;
  border-radius:35px;
  text-transform:uppercase;
  font-weight:500;
  padding-top:34px;
  margin-top:20px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:none;
} .projectContent .download {
  background-position:24px -229px;
  margin-left:10px;
}
.projectContent .love:hover, .projectContent .download:hover, .projectContent .love.loved {
  background:url(images/defSprites.png) no-repeat 24px -299px #FF4F41;
  color:#FFF;
} .projectContent .download:hover {
  background-position:24px -359px;
}
.projectContent .no {
  display:block;
  margin-top:-1px;
}
.projectContent .love.loved {
  cursor:default;
}

.folioGrid.related {
  margin-top:-5px;
  height:auto;
}

/* Slider */

.sliderArea {
  position:relative;
}
.sliderArea iframe {
  margin-bottom:-6px;
}
.siderArea p {
  display:none;
}

.slidesContainer, .slidesContainer div {
  width:950px;
  height:400px;
  display:block;
  overflow:hidden;
}

.sliderArea .pagination {
  position:absolute;
  bottom:20px;
  left:50%;
  margin-left:-25px;
  z-index:99999;
}
.sliderArea .pagination li {
  width:10px;
  height:10px;
  margin:0 2.5px;
  float:left;
  border-radius:5px;
}
.sliderArea .pagination a {
  display:block;
  text-indent:-99999px;
  width:10px;
  height:10px;
  background:#FFF;
  border-radius:5px;
} .sliderArea .pagination li:hover a {
  background:#FF4F41;
}
.sliderArea .pagination li.current a {
  background:#FF4F41;
  width:6px;
  height:6px;
  border-radius:36px;
  margin:2px;
  display:block;
} .sliderArea .pagination li.current {
  background:#FFF;
}

.sliderArea .caption {
  position:absolute;
  bottom:30px;
  text-align:center;
  z-index:99999;
  font:22px Dosis, sans-serif;
  width:100%;
  text-align:center;
  height:auto;
}
.sliderArea .caption p {
  background:#333;
  background:rgba(0,0,0,.5);
  color:#FFF;
  display:inline-block;
  padding:6px 30px 8px;
  border-radius:3px;
}

.sliderArea .btnNext, .sliderArea .btnPrev {
  position:absolute;
  top:190px;
  left:0;
  z-index:99999;
  border-radius:0 2px 2px 0;
} .sliderArea .btnNext {
  left:auto;
  right:0;
  border-radius:2px 0 0 2px;
}

 /* =============================================================================
   Blog Page
   ========================================================================== */

.blogPosts {
  width:670px;
  float:left;
}
.blogSidebar {
  float:right;
  width:230px;
}

.post {
  padding:30px 0 26px 0;
  border-bottom:1px solid #3F3F3F;
  position:relative;
} .post:first-child {
  padding-top:0;
}

.postContent {
  width:500px;
  padding-right:20px;
  float:left;
}
.postContent.second {
  width:670px;
}
.postContent h1 {
  margin-bottom:15px;
} .postContent h1:hover {
  color:#FF4F41;
}
.more {
  display:block;
  margin-top:-8px;
}

.postContent .meta {
  font:13px Dosis, sans-serif;
  margin-top:-2;
}

.postMeta {
  width:130px;
  float:right;
  padding:3px 0 0 19px;
  border-left:1px solid #3F3F3F;
  float:right;
  margin-top:24px;
  font:13px Dosis, sans-serif;
}
.postMeta li {
  margin-bottom:8px;
  padding-left:27px;
  background:url(images/defSprites.png) no-repeat 0 0 transparent;
} .postMeta .date {
  background-position:0 -435px;
} .postMeta .author {
  background-position:0 -472px;
} .postMeta .category {
  background-position:0 -508px;
} .postMeta .comments {
  background-position:0 -545px;
}

.postMeta a, .meta a {
  color:#7F7F7F;
} .postMeta a:hover, .meta a:hover {
  color:#FF4F41;
}

.folioNavigation.blog {
  position:static;
  margin-top:10px;
}

/* Comments */

.postAside {
  float:left;
  border-top:1px solid #3F3F3F;
  width:100%;
  margin-top:20px;
}

.commentsList li {
  margin-bottom:10px;
}
.commentsList li ul {
  margin-left:50px;
  margin-bottom:-10px;
} .commentsList li ul .commentContent {
  width:545px;
  margin-top:10px;
} .commentsList li ul div.commentAvatar {
  margin-top:10px;
}

div.commentAvatar {
  width:51px;
  height:40px;
  background:url(images/defSprites.png) no-repeat right -714px transparent;
  float:left;
} img.commentAvatar {
  width:40px !important;
  height:40px !important;
}
.commentContent {
  background:#3F3F3F;
  padding:5px 12px 5px 12px;
  border-radius:2px;
  float:right;
  width:595px;
  color:#7F7F7F;
} 
.commentContent h5 {
  color:#7F7F7F;
  margin:10px 0 3px 0;
  font:14px 'AllerRegular', sans-serif;
}
.commentContent .meta {
  font:12px Dosis, sans-serif;
  margin-top:0;
}
.commentContent .content {
  font-size:12px;
  line-height:19px;
}

#commentsForm input, #commentsForm textarea, .contactForm input, .contactForm textarea {
  margin-bottom:10px;
  width:230px;
}
#commentsForm textarea, .contactForm textarea {
  width:100%;
  height:143px;
  padding:8px 18px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* Widgets */

.widget {
  margin-bottom:35px;
  font-size:12px;
  line-height:19px;
}
.widget h4 {
  margin:0 0 15px 0;
  float:left;
}
.widgetHR {
  border-bottom:1px solid #3F3F3F;
  padding-top:11px;
  margin-left:15px;
}
.widgetHR + * {
  clear:left;
}
.widget p {
  margin-bottom:0;
}
.widget a {
  color:#7F7F7F;
} .widget a:hover {
  color:#FF4F41;
}

.widget .folioItem {
  margin:5px 0;
}

/* Top widget */

#topWidget {
  padding:5px 0 6px;
  background:#FF4F41;
  color:#333;
  font:italic 11px/17px 'AllerRegular', Arial, sans-serif;
  min-height:17px;
  margin:0;
}
#topWidget > div {
  width:950px;
  margin:auto;
}
.twitterList {
  background:url(images/defSprites.png) no-repeat -30px -117px transparent;
  padding-left:30px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.twitterList a {
  color:#333;
} .twitterList a:hover {
  color:#000 !important;
}

/* Search widget */

input, textarea {
  width: 210px;
  border-radius: 4px;
  height:23px;
  color:#999;
  border:1px solid #CBCBCB;
  padding-left:18px;
  display:block;
  font:12px 'AllerRegular', sans-serif;
}
input[type=submit] {
  width:100px;
  height:30px;
  background:#222;
  border:none;
  color:#FFF;
  font:14px 'Dosis', sans-serif;
  padding:0;
  margin-bottom:0;
} input[type=submit]:hover {
  background:#2A2A2A;
}
.widget_search {
  margin-top:-5px;
}
.ie8 input {
  padding-top:5px;
  line-height:24px;
} .ie8 .widget_search input {
  padding-top:3px;
}
.subscribe {
  background:transparent !important;
} .subscribe:hover {
  color:#FF4F41 !important;
}
.contactErrorBorder {
  border:1px solid #FF4F41;
}

/* Comments & Twitter widgets */

.coolBox li {
  margin-bottom:10px;
  position:relative;
  padding-left:25px;
  list-style:none;
}
.coolBox li > div {
  background:#3F3F3F;
  padding:10px 12px 30px 12px;
  border-radius:2px;
  position:relative;
}
.coolBox li > div span {
  position:absolute;
  bottom:6px;
  right:12px;
}
.coolBox li > span {
  display:block;
  width:25px;
  height:21px;
  background:url(images/defSprites.png) no-repeat 0 -645px transparent;
  position:absolute;
  top:5px;
  left:0;
  text-indent:-99999px;
}
.coolBox p {
  margin:0;
}
.coolBox.tweetWidget li > span {
  background-position:0 -604px;
  top:7px;
} 

/* WordPress default widgets */

.tagcloud a {
  background:#333333;
  border-radius:2px;
  float:left;
  margin:1px;
  padding:3px 7px;
  font-family:Dosis, sans-serif;
}

/* =============================================================================
   Side content(header panel)
   ========================================================================== */

#sideContent {
  font-size:13px;
  color:#313131;
  line-height:19px;
}
#sideContent > * {
  display:none;
  margin:60px 0 40px;
}

#closeSide {
  background-position:-33px -85px;
  background-color:#313131;
  border-radius:1px;
  position:absolute;
  left:50%;
  margin:0 0 0 -11px;
  top:-28px;
  display:none;
}

/* =============================================================================
   Some shortcodes & typography elements
   ========================================================================== */

.subtitle {
  margin-top:-20px;
}

.alignleft {
  float:left;
  padding:0 20px 20px 0;
} .alignright {
  float:right;
  padding:0 0 20px 20px;
}

/* Mark */

mark {
  background:#FF4F41;
  padding:2px 5px;
  color:#FFF;
}

/* Blockquote */

blockquote {
  margin:25px 80px;
  position:relative;
}
blockquote > div {
  background:#3F3F3F;
  padding:3px 20px 15px 20px;
  border-radius:2px;
  font-style:italic;
  font-size:12px;
  line-height:19px;
}
blockquote > span {
  display:block;
  width:29px;
  height:21px;
  background:url(images/defSprites.png) no-repeat 0 -683px transparent;
  position:absolute;
  top:5px;
  left:-29px;
  text-indent:-99999px;
}
blockquote strong {
  text-align:right;
  font-style:normal;
  font-weight:normal;
  display:block;
  margin-bottom:-12px;
}

/* Code */

pre {
  background:#3F3F3F;
  padding:15px 20px 15px 20px;
  border-radius:2px;
  font-size:12px;
  line-height:19px;
  margin:25px 80px;
}

.await {
  font-size:11px;
}
.searchResults {
  margin-top:-14px;
}
.sticky, .gallery-caption, .bypostauthor {
  /* just because they need to be here! :) */
}

 /* =============================================================================
   Light Scheme
   ========================================================================== */

body.light {
  color:#666;
  background:url(images/bgBodyLight.png) repeat 0 0 #EEE;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
  color:#333;
}
.light #mainNav {
  border-color:#CCC;
}
.light #tagline {
  color:#656565;
}
.light #folioCategories li.selected a {
  color:#FFF;
}
.light .folioItem hr {
  border-color:#FFF;
}
.light .folioDetails li, .light .folioItem h3 {
  color:#FFF;
}
.light .folioMeta span {
  color:#333;
}
.light .folioNavigation a:first-child:after {
    content:'|';
    color:#CCC;
  margin-left:10px;
}
.light .projectContent, .light .projectContent .meta, .light .post, .light .postMeta, .light .postAside, .light .widgetHR {
  border-color:#CCC;
}
.light .projectContent .love, .light .projectContent .download, .light blockquote > div, .light pre  {
  background-color:#CBCBCB;
}
.light .commentContent, .light .coolBox li > div {
  background-color:#D1D1D1;
}
.light .commentContent h5 {
  color:#454545;
}
.light #topWidget {
  color:#FFF;
}
.light .coolBox li > span {
  background-position:0 -945px;
}
.light .coolBox.tweetWidget li > span {
  background-position:0 -904px;
} 
.light blockquote > span {
  background-position:0 -983px;
}
.light div.commentAvatar {
  background-position:right -1014px;
}
.light .folioDetails .type {
   background-position:0 -1299px;
}
.light .folioDetails .love {
   background-position:0 -1321px;
}
.light .folioDetails .tags {
   background-position:0 -1344px;
}
.light .folioDetails .download {
   background-position:0 -1366px;
}
.light .btnClose, .btnNext, .light .btnPrev {
  background-color:rgba(100, 100, 100, .5);
}
.light input[type="submit"] {
  background-color:#666;
}

 /* =============================================================================
   Media Queries (Responsiveness)
   ========================================================================== */

@media all and (max-width:1023px) and (min-width:761px) {

  #wrapper, #topWidget > div, .folioGrid, #bottomFooter > div, .slidesContainer, .slidesContainer > div, .sliderArea .caption {
    width:760px;
  }
  .folioGrid {
    width:730px;
    height:100%;
  }
  #logo {
    padding-bottom:10px;
  }
  #folioPagination {
    width:784px;
  }
  #folioCategories {
    margin-left:-35%;
  }
  .slidesContainer, .slidesContainer > div {
    height:320px;
  }
  .sliderArea .btnNext, .sliderArea .btnPrev {
    top:155px;
  }
  .sliderArea .caption {
    bottom:110px;
  }
  iframe {
    width:100%;
  }
  .projectContent .meta {
    width:170px;
  }
  .projectContent .content {
    width:550px;
  }
  .related a:nth-child(4) {
    display:none;
  }
  .audiojs .scrubber {
    width:607px;
  }
  .blogPosts {
    width:500px;
  }
  .blogSidebar {
    width:200px;
  }
  .postContent {
    width:330px;
  }
  .widget_search input {
    width:180px !important;
  }
  .widgetWorks a {
    width:200px;
  }
  .widgetWorks .tags {
    display:none;
  }
  .postContent.second {
    width:500px;
  }
  .commentContent {
    width:425px;
  }
  .commentsList li ul .commentContent {
    width:375px;
  }

}

@media all and (max-width:760px) {

  #wrapper, #topWidget > div, .folioGrid, #bottomFooter > div, .slidesContainer, .slidesContainer > div, .sliderArea .caption {
    width:320px;
  }
  .folioGrid {
    height:100%;
  }
  #mainNav ul {
    display:none;
  }
  #mainNav form {
    display:block;
  }
  #mainNav form select {
    width:240px;
    margin:20px 0 0 40px;
  }
  #logo {
    display:block;
    float:none;
    margin:none;
    padding-top:20px;
  }
  #content {
    padding-top:0;
  }
  #folioPagination {
    width:344px;
    left:-11px;
  }
  #folioList {
    width:235px;
    margin-left:40px;
  }
  #folioCategories {
    padding-left:0;
    margin-left:0;
    text-align:center;
  }
  header {
    margin-bottom:30px;
  }
  #folioCategories li {
    margin-left:5px !important;
    display:block;
  }
  .slidesContainer, .slidesContainer > div {
    height:320px;
  }
  .sliderArea .btnNext, .sliderArea .btnPrev {
    top:155px;
  }
  .sliderArea .caption {
    bottom:110px;
  }
  iframe {
    width:100%;
  }
  .projectContent .meta {
    float:left;
    border-left:none;
  }
  .folioNavigation {
    top:-25px;
  }
  .projectContent .content {
    width:320px;
  }
  .folioGrid.related a:nth-child(4) {
    display:none;
  }
  .audiojs .scrubber {
    width:167px;
  }
  .blogPosts {
    width:320px;
  }
  .blogSidebar {
    display:none;
  }
  .postContent {
    width:320px;
  }
  .postMeta {
    display:none;
  }
  .widget_search input {
    width:180px !important;
  }
  .widgetWorks a {
    width:200px;
  }
  .widgetWorks .tags {
    display:none;
  }
  .postContent.second {
    width:320px;
  }
  .commentContent {
    width:245px;
  }
  .commentsList li ul .commentContent {
    width:195px;
  }
  .expand {
    display:none;
  }

}