/*   
Theme Name: Stripefolio
Theme URI: http://synved.com/stripefolio-free-wordpress-portfolio-theme/
Description: Stripefolio is a <strong>free</strong> clean WordPress theme designed to function both as a readable blog and website as well as a fullscreen portfolio showcase for designers, painters, artists, photographers, etc. Have a look at the <a href="http://wpdemo.synved.com/stripefolio/">live demo</a>!
The portfolio gallery is shown in a stripe at the bottom of the page that becomes opaque/visible only when moving the mouse over it. This also causes the website content to nicely and smoothly slide out of view and leave the entire browser view empty for larger versions of the gallery images to show up in an outstanding full screen mode. The theme also features a very clear and highly readable typography to ensure your blog/site stays as accessible as possible, while still providing an appealing and stylish look & feel.
Tags: white, gray, light, custom-header, custom-menu, featured-images, three-columns, two-columns, one-column, fixed-width, flexible-width, full-width-template, theme-options, right-sidebar, threaded-comments, sticky-post, translation-ready, microformats
Author: Synved
Author URI: http://synved.com/
Contributors: Synved
Version: 1.1.7
Text Domain: stripefolio
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

.
The Stripefolio Theme is copyright Synved Ltd. http://synved.com/
The theme uses Thematic which is copyright Ian Stewart http://themeshaper.com/
The code is released under GNU General Public License, version 2 (GPL).
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('style/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

#access {
background:#ddd;
background:rgba(245,245,245,0.4);
border:0;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
width:100%;
position:absolute;
bottom:1px;
-moz-box-shadow: 0px 4px 8px 0px #aaa;
-webkit-box-shadow: 0px 4px 8px 0px #aaa;
box-shadow: 0px 4px 8px 0px #aaa;
}
.menu {
width:960px;
margin:0 auto;
}
#menu-main-menu {
border:0;
}
#main {
background:rgba(240, 240, 240, 0.4);
padding:20px 0 0 0;
margin:0 auto 30px auto;
overflow:visible;
border:solid 3px #eee;
border-top:none;
-moz-box-shadow:-4px 8px 10px 0px #bbb, 4px 8px 10px 0px #bbb;
-webkit-box-shadow:-4px 8px 10px 0px #bbb, 4px 8px 10px 0px #bbb;
box-shadow:-4px 8px 10px 0px #bbb, 4px 8px 10px 0px #bbb;
}
.wipe-out #main {
background:transparent none;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#main:before {
content:'.';
display:block;
font-size:0 !important;
height:0 !important;
clear:both;
visibility:hidden;
}
#main:after {
content:'.';
display:block;
font-size:0 !important;
height:0 !important;
clear:both;
visibility:hidden;
}
#container {
width:650px;
padding-right:15px;
}
.page-template-template-page-fullwidth-php #container {
width:100%;
padding:0;
}
#content {
margin:10px 15px !important;
width:auto !important;
overflow:visible;
}
.aside:after {
content:'.';
display:block;
font-size:0 !important;
height:0 !important;
clear:both;
visibility:hidden;
}
#content .aside {
margin-top:15px;
}
#content .widget_breadcrumb_navxt {
font-family:Ubuntu, arial, serif;
font-size:13px;
text-transform:uppercase;
text-shadow:1px 1px 1px #eee;
font-weight:bold;
margin-top:-20px;
margin-bottom:5px;
padding-bottom:4px;
border-bottom:solid 3px #d3d3d3;
}
#content .widget_breadcrumb_navxt a {
text-decoration:none !important;
}
#content .widget_breadcrumb_navxt .sep {
font-size:80%;
padding:0 8px;
font-weight:normal;
}
#content:before {
content:'.';
display:block;
font-size:0 !important;
height:0 !important;
clear:both;
visibility:hidden;
}
#content:after {
content:'.';
display:block;
font-size:0 !important;
height:0 !important;
clear:both;
visibility:hidden;
}
.main-aside {
width:285px;
right:auto;
border:none !important;
-moz-box-shadow:inset 1px 1px 40px 0px #ddd;
-webkit-box-shadow:inset 1px 1px 40px 0px #ddd;
box-shadow:inset 1px 1px 40px 0px #ddd;
}
.aside .widgettitle {
font-family:'LeagueGothicRegular', Impact, sans-serif;
font-style:normal;
font-weight:normal;
font-size:18px;
text-transform:uppercase;
color:#667;
line-height:31px;
letter-spacing:1px;
text-shadow:1px 1px 1px #eee;
margin:10px 0;
}
.entry-title {
font-family:'LeagueGothicRegular', Impact, sans-serif;
font-style:normal;
font-weight:normal;
border-bottom:solid 1px #cfcfcf;
text-shadow:1px 1px 2px #eee;
}
.entry-meta {
position:relative;
margin-top:4px;
}
.entry-meta .meta-sep-entry-date,
.entry-meta .meta-prep-entry-date {
display:none;
}
.entry-meta .author {
padding-left:4px;
}
.entry-meta .entry-date {
font-family:'LeagueGothicRegular', Impact, sans-serif;
font-style:normal;
font-weight:normal;
font-size:14px;
display:block;
position:absolute;
right:0;
top:-100%;
margin-top:-10px;
padding:5px;
}
.entry-utility {
font-family:Ubuntu, arial, serif;
position:relative;
}
.entry-utility .meta-sep-tag-links,
.entry-utility .meta-sep-comments-link,
.entry-utility .meta-sep-edit,
.entry-utility .edit {
display:none;
}
.entry-utility .cat-links {
font-size:70%;
padding-right:10px;
}
.entry-utility .tag-links {
font-size:70%;
padding-right:5px;
}
.entry-utility .cat-links a, 
.entry-utility .tag-links a {
background:#eee;
background:rgba(240,240,240,0.7);
font-size:120%;
margin-left:2px;
padding:2px 6px;
border:solid 1px #bbb;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow:inset 0 0 4px 0px #bbb;
box-shadow:inset 0 0 4px 0px #bbb;
}
.entry-utility .tag-links a {
-moz-border-radius-topleft:15px 30%;
-moz-border-radius-bottomleft:15px 30%;
border-top-left-radius:15px 30%;
border-bottom-left-radius:15px 30%;
}
.entry-utility .cat-links a:hover, 
.entry-utility .tag-links a:hover,
.entry-utility .comments-link a:hover {
background:#ccc;
background:rgba(200,200,200,0.7);
color:#333;
}
.entry-utility .comments-link {
text-transform:uppercase;
position:absolute;
right:0;
}
.entry-utility .comments-link a {
padding-bottom:2px;
border-bottom:dashed 1px #aaa;
}
#footer {
width:960px;
margin:0 auto;
border:0;
background:transparent url('image/content.png') repeat scroll top left;
-moz-box-shadow: 0px 1px 5px 0px #404040;
-webkit-box-shadow: 0px 1px 5px 0px #404040;
box-shadow: 0px 1px 5px 0px #404040;
}

body {
background:#ccc none no-repeat fixed 50% 50%;
}
.widget_calendar caption {
text-align:right;
}
.widget_calendar table {
background:#f0f0f0;
-moz-box-shadow: 0px 1px 4px 0px #ccc;
-webkit-box-shadow: 0px 1px 4px 0px #ccc;
box-shadow: 0px 1px 4px 0px #ccc;
}
.widget_calendar table th {
background:#e6e6e6;
}
.widget_tag_cloud {
line-height:normal;
}
.widget_tag_cloud a {
text-decoration:none;
}
.tab-list-nojs ul {
list-style:none;
height:125px;
margin:0;
padding:0;
}
.tab-list-nojs ul li {
float:left;
margin:5px;
padding:10px;
}
.item-list-none,
.item-list-icon {
list-style-type:none;
padding-left:0;
}
.item-list-icon li {
position:relative;
}
.item-list-icon li .ui-icon {
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
margin-top:-8px;
margin-left:-23px;
}
.ui-widget {
font-family:inherit !important;
font-size:1em !important;
}
.ui-accordion .ui-accordion-header {
padding:0;
} 

#gallery-pic {
background:transparent none no-repeat fixed 50% 50%;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
z-index:-2;
}
#gallery-stripe {
background:transparent;
position:fixed;
overflow-x:hidden;
overflow-y:visible !important;
overflow:visible !important;
width:100%;
height:95px;
bottom:0;
z-index:1000;
display:none;
}
#gallery-stripe-bg {
position:absolute;
height:95px;
width:100%;
bottom:0;
}
.gallery-playback {
position:absolute;
height:95px;
width:100px;
float:left;
bottom:0;
}
.gallery-list {
position:relative;
height:100%;
/*margin:0 80px;*/
overflow-x:hidden;
overflow-y:visible !important;
overflow:visible !important;
}
.gallery-list-pad {
position:relative;
height:100%;
}
ul.gallery-stripe {
list-style:none;
position:absolute;
overflow:visible !important;
bottom:25px;
height:70px;
width:10000%;
margin:0;
padding:0;
}
ul.gallery-stripe li {
float:left;
position:relative;
overflow:visible !important;
width:60px;
height:100%;
margin:0 5px;
}
ul.gallery-stripe li a {
display:block;
position:absolute;
bottom:3px;
width:60px;
height:60px;
margin:0;
-moz-box-shadow: 0px 1px 3px 0px #404040;
-webkit-box-shadow: 0px 1px 3px 0px #404040;
box-shadow: 0px 1px 3px 0px #404040;
}
ul.gallery-stripe li a.selected {
margin:0 0 -2px -2px;
border:solid 2px #ddd;
}
ul.gallery-stripe li img {
width:100%;
height:100%;
}
.gallery-stripe-scroll {
font-size:14px;
width:99%;
margin:0 0.5%;
position:absolute;
bottom:6px;
}
.gallery-stripe-scroll .ui-slider {
background:#ccc !important;
background-color:rgba(200,200,200,0.4) !important;
border:solid 1px #ddd !important;
border-color:rgba(220,220,220,0.5) !important;
-moz-border-radius:4px;
border-radius:4px;
}
.gallery-stripe-scroll .ui-disabled,
.gallery-stripe-scroll .ui-disabled .ui-slider-handle {
background:transparent !important;
border-color:#aaa !important;
}
.gallery-stripe-scroll .ui-slider-handle {
background:#eee !important;
background-color:rgba(240,240,240,0.8) !important;
font-size:8px !important;
width:2% !important;
top:1px !important;
margin:0 2% 0 1px !important;
border:none !important;
-moz-border-radius:3px;
border-radius:3px;
}

.stupid-ie-bg {
background-image:none !important;
}

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}