/* reset */
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 {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
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;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
body {
-webkit-font-smoothing: subpixel-antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
background:url(../img/loop_bg.png);
color: #50575b;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
line-height:21px;
font-size: 13px;
}
p {
margin-bottom:21px;
font-size: 100%;
line-height:21px;
text-rendering: optimizeLegibility;
}
a{
text-decoration:none;
-webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in;
color:#000;
border-bottom:1px dotted #000;
}
a:hover{
background-color:#ffcc00;
}
h1,h2,h3,h4,h5,h6 {
margin-bottom:21px;
color:#31363c;
line-height:21px;
}
h1 {
font-size:40px;
letter-spacing:-1px;
}
h2 {
font-size: 34px;
}
h3 {
font-size:26px;
}
h4 {
font-size:26px;
}
h5 {
font-size:26px;
margin-bottom:0px;
}
h6 {
font-size:20px;
margin-bottom:0px;
}
.center {
text-align:center
}
.visible {
display:block;
}
.hidden {
display:none;
}
.invisible {
visibility:hidden
}
.alignleft {
float:left
}
.alignright {
float:right
}
.aligncenter {
margin-left:auto;
margin-right:auto
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
overflow:hidden
}
.clearfix:after {
clear: both;
content: "";
display: block;
height: 0;
line-height:0;
visibility: hidden;
}
img.scale_with_grid {
width: 100%;
height: auto;
display:block;
}
/* Buttons */
button, .button, #commentform #submit{
display:inline-block;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
font-weight:700;
color:#ffffff;
cursor:pointer;
background: #666666; /* Old browsers */
background: -moz-linear-gradient(top, #666666 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #666666 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #666666 0%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #666666 0%,#333333 100%); /* IE10+ */
background: linear-gradient(top, #666666 0%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
padding:6px 13px;
border-color: #555555;
border-width:1px;
border-style: solid;
text-shadow: 0px 1px 0px rgba(0,0,0,1);
filter: dropshadow(color=#000000, offx=0, offy=1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;
-webkit-box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #322620, 0px 10px 5px #999;
}
.button:hover, #commentform #submit:hover {
background:#666;
color:#ffffff;
}
.button:active, #commentform #submit:active {
top:1px;
}
/* Forms */
textarea,input[type=text],input[type=password],input[type=email] {
background:#cecece;
border:none;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
padding:8px;
font-size:13px;
color:#777;
-webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in;
-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
textarea:hover,input:hover,textarea:focus,input:focus {
background:#b5b4b4;
}
input,select {
cursor:pointer;
}
input[type=text],input[type=password],input[type=email] {
cursor:text;
}
textarea {
overflow:auto;
}
textarea,input {
outline:none;
}
select {
padding:2px;
border:none;
}
option {
padding:2px;
}
input[type=button],button {
padding:4px;
cursor:pointer;
vertical-align:middle;
}
input.invalid, textarea.invalid{
background-color:#ffdddd !important;
}
/* Columns */
.one_half,.one_third,.two_third,.two_fourth,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.one_half {
width:48%
}
.one_third {
width:30.6666%
}
.two_third {
width:65.3332%
}
.one_fourth {
width:22%;
}
.two_fourth {
width:48%
}
.three_fourth {
width:74%
}
.one_fifth {
width:16.8%
}
.two_fifth {
width:37.6%
}
.three_fifth {
width:58.4%
}
.four_fifth {
width:79.2%
}
.one_sixth {
width:13.3333%
}
.two_sixth {
width:30.6666%
}
.three_sixth {
width:47.9998%
}
.four_sixth {
width:65.3332%
}
.five_sixth {
width:82.6665%
}
.last {
margin-right:0 !important;
clear: right;
}
/* alert boxes */
.success{
background:#8af34b;
padding:5px 8px;
-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}
/* content links */
#page_content_container a{
padding:2px;
}
#whitespace{
/*height:20px;
background-color:#fff;*/
}
header{
background:#444 url(../img/footer_bg.png);
border-top:4px solid #2e2f30;
height:80px;
border-bottom:4px solid #2e2f30;
}
/* navigation */
header select{
display:none;
width:100%;
margin:20px 0;
padding:5px;
}
#logo{
border:none;
background:transparent;
float:left;
position:absolute;
left:65px;
top:30px;
}
#logo a{
border:none;
background:transparent;
}
#nav{
margin-left:200px;
float:left;
margin-top:35px;
}
#nav > li{
float:left;
position:relative;
margin-right:15px;
}
#nav > li > a{
font-size:13px;
color:#fff;
background:transparent;
border:none;
display:inline-block;
padding:0px 15px 0px 0;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
font-weight:700;
cursor:pointer;
position:relative;
border-right:1px solid #666;
}
#nav > li:last-child a{
border-right:none;
}
#nav > li > a:hover, #nav > li.sfHover > a, #nav > li.current_page_item > a{
color:#12b1fb;
}
#nav li .sub-menu{
position:absolute;
z-index:999;
display:block;
background-color:#f5f5f5;
width:150px;
margin-top:10px;
padding:0px;
padding-top:5px;
border:1px solid #e6e6e6;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
display:none;
}
#nav li ul .nav_arrow{
width:14px;
height:11px;
background:url(../img/nav_arrow.png);
position:absolute;
left:10px;
top:-10px;
}
#nav li ul li a{
background:transparent;
border:none;
color:#555;
font-size:13px;
font-weight:400;
display:block;
padding:5px 10px;
cursor:pointer;
-webkit-transition:all 0.1s ease-in; -moz-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in;
border-bottom:1px solid #e6e6e6;
}
#nav li ul li a:hover{
color:#111;
background-color:#fff;
}
#slogan_wrap{
background:#2f3236;
position:relative;
border-top:1px dashed #999;
border-bottom:4px solid #2e2f30;
}
#slogan{
width:900px;
margin:0 auto 0 60px;
font-size:30px;
padding:35px 0 35px 0;
color:#fff;
font-weight:400;
font-family: 'Georgia', cursive;
font-style:italic;
}
#slogan p{
margin:0;
line-height:36px;
}
#slogan span{
opacity:0;
position:relative;
top:-20px;
}
#main_body_bg{
position:relative;
margin-bottom:40px;
}
#main_body_container{
position:relative;
width:960px;
margin:40px auto 0 60px;
}
#page_intro_wrap{
float:right;
width:250px;
margin-right:20px;
}
#post_format_wrap{
padding:25px;
background:#fff;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
border:1px solid #d5d5d7;
margin-bottom:6px;
}
#page_content_wrap{
float:left;
width:688px;
position:relative;
}
#page_content_container{
background:#fff url(../img/left_side.png) repeat-y;
padding:40px 0;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
border:1px solid #d5d5d7;
position:relative;
margin-bottom:80px;
}
body.page #page_content_container{
background:#fff;
}
#page_content{
padding:0 40px 0 40px;
}
#page_content_container #sticker{
position:absolute;
left:160px;
top:-30px;
width:70%;
height:53px;
background:url(../img/rings.png) repeat-x 52px 0;
}
#main_body{
position:relative;
overflow:hidden;
}
#grid_container{
position:relative;
margin-bottom:50px;
padding-right:80px;
}
#loading_graphic{
background:#222 url(../img/loading.gif) no-repeat center center;
z-index:120;
width:25px;
height:25px;
position:fixed;
left:50%;
top:50%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}
#grid_list{
overflow:hidden;
position:relative;
margin:0 0px 0 60px;
padding-top:15px;
}
.grid_item{
float:left;
width:300px;
margin:0 24px 24px 0px;
position:relative;
opacity:0;
}
.grid_item.blog_post{
}
.grid_item.portfolio_item{
margin:0 8px 8px 0px;
width:272px;
}
.grid_item.big_item{
width:552px;
background:#fff;
opacity:1;
}
.grid_item .grid_image{
position:relative;
overflow:hidden;
cursor:pointer;
padding:15px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
background:#fff;
border:1px solid #d5d5d7;
}
.grid_item .grid_image img{
display:block;
}
.grid_item .grid_image .grid_info{
background:#fff;
position:absolute;
width:260px;
bottom:30px;
left:50%;
margin-left:-130px;
-webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.grid_item .grid_info {
}
.grid_item .grid_info h3{
margin-top:24px;
padding:0px 20px;
margin-bottom:16px;
font-size:22px;
}
.grid_item .grid_info .info_details{
padding:0px 20px;
font-size:11px;
color:#777;
}
.grid_item .grid_info .meta_container{
margin-top:10px;
padding:10px 20px;
margin-bottom:10px;
}
.grid_item .grid_image .grid_overlay{
width:100%;
height:100%;
position:absolute;
z-index:10;
top:0px;
left:0px;
opacity:0;
background:#fff url(../img/plus.png) no-repeat center center !important;
-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;
}
.grid_item .grid_image .grid_title{
text-align:center;
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
color:#000;
padding-top:35%;
font-size:22px;
-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear;
background:#fff;
}
.grid_item .grid_image:hover .grid_overlay{
opacity:0.7;
}
.grid_item .grid_image:hover .grid_title{
opacity:0.8;
}
.grid_item .grid_details{
background:#ffffff;
position:relative;
padding:20px 0;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
background:#fff;
border:1px solid #d5d5d7;
margin-top:5px;
}
.grid_item.blog_post .grid_details{
background:#fff url(../img/left_side.png) repeat-y left top;
}
.grid_item .sticker{
background:url(../img/sticker.png) no-repeat center top;
position:absolute;
height:26px;
top:-15px;
left:0px;
z-index:10;
width:100%;
}
.grid_item .grid_shadow{
background:url(../img/grid_shadow.png) no-repeat center top;
position:absolute;
height:43px;
bottom:-43px;
left:0px;
z-index:10;
width:100%;
}
.grid_item .grid_details h4:hover{
color:#529cff;
}
.grid_item .grid_details h4{
font-size:20px;
margin-bottom:15px;
padding:0 30px;
margin-top:6px;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}
.grid_item .grid_details .grid_description{
padding:0 30px;
}
.meta_container {
font-size:11px;
overflow:hidden;
padding:10px 30px 0;
border-top:1px dashed #c2c7cd;
}
.meta_container li{
float:left;
height:18px;
line-height:18px;
}
.meta_container li a{
border:none;
background:transparent;
color:#7b878d;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
cursor:pointer;
height:18px;
line-height:18px;
padding:0 0px 0 17px;
}
.meta_container li a:hover{
color:#000;
}
.meta_container .entry_date{
margin-right:15px;
}
.meta_container .entry_date a{
background:url(../img/date.png) no-repeat 0px 0px;
}
.meta_container .entry_likes a{
background:url(../img/heart.png) no-repeat 0px center;
}
.meta_container .entry_likes a.liked{
background:url(../img/liked.png) no-repeat 0px center;
color:#fc653c;
}
.meta_container .entry_comments{
float:right;
}
.meta_container .entry_comments a{
background:url(../img/comment.png) no-repeat 0px center;
}
#links_wrap{
height:35px;
width:70px;
margin-left:20px;
position:relative;
}
#links_wrap #prev_item{
width:35px;
height:35px;
position:absolute;
right:35px;
top:0px;
background:#fff url(../img/arrows.png) 0px 0px;
cursor:pointer;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#links_wrap #next_item{
width:35px;
height:35px;
position:absolute;
right:0px;
top:0px;
background:#fff url(../img/arrows.png) -35px 0px;
cursor:pointer;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}
#links_wrap #prev_item:hover{
-webkit-box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset -1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
#links_wrap #next_item:hover{
-webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}
#page_content .column > div{
margin-right:20px;
}
#page_content .column.last > div{
margin-right:0px;
}
#page_content ul{
margin-bottom:20px;
}
#page_content ul.inline li{
display:inline-block;
padding-right:5px;
}
#portfolio_categories{
border-top:1px dashed #cdcdcd;
margin-top:5px;
padding:5px 0 0px 0px;
overflow:hidden;
display:inline-block;
}
#portfolio_categories a{
float:left;
margin-right:15px;
cursor:pointer;
border:none;
background:none;
font-family: 'Droid Serif', serif;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
font-size:14px;
font-style:italic;
font-weight:400;
color:#484D56;
}
#portfolio_categories a:hover{
color:#12b1fb;
}
#portfolio_categories a.current{
color:#12b1fb;
}
#pagination_wrap{
overflow:hidden;
margin-top:30px;
margin-left:60px;
padding-bottom:50px;
}
#pagination_wrap .button{
float:left;
margin-right:10px;
padding:4px 11px;
}
#pagination_wrap .button.current{
background:#707070;
top:1px;
-webkit-box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
/* =slider */
/* FlexSlider Necessary Styles
*********************************/
#main_slider_wrap {margin: 0; padding: 0; position:relative;
}
#main_slider_wrap .slides > li {display: none;}
#main_slider_wrap .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.flex-caption{
position:absolute;
background:black;
bottom:60px;
right:60px;
display:none;
background-color:rgba(0,0,0,0.6);
padding:8px 12px;
margin-left:50%;
margin:0;
color:#ffffff;
font-weight:400;
font-family: 'Droid Serif', serif;
font-style:italic;
font-size:14px;
}
.flex-caption a{
background:none;
color:#f5f5f5;
}
.flex-caption a:hover{
color:#bbb;
}
#main_slider_wrap .flex-control-nav{
position:absolute;
bottom:7px;
left:13px;
}
#main_slider_wrap .flex-control-nav li{
float:left;
margin-right:5px;
}
#main_slider_wrap .flex-control-nav li a{
text-indent:-9999px;
width:12px;
height:12px;
background:transparent url(../img/button.png) no-repeat center center;
border:none;
cursor:pointer;
display:inline-block;
opacity:0.5;
}
#main_slider_wrap .flex-control-nav li a.active, #main_slider_wrap .flex-control-nav li a:hover{
opacity:1;
}
#main_slider_wrap .flex-direction-nav .prev{
position:absolute;
left:10px;
top:50%;
margin-top:-17px;
width:35px;
height:34px;
background:url(../img/left_arrow.png) no-repeat center center;
z-index:20;
border:none;
text-indent:-999px;
opacity:0.5;
}
#main_slider_wrap .flex-direction-nav .prev:hover{
opacity:1;
}
#main_slider_wrap .flex-direction-nav .next{
position:absolute;
right:10px;
top:50%;
margin-top:-17px;
width:35px;
height:34px;
background:url(../img/right_arrow.png) no-repeat center center;
z-index:20;
border:none;
text-indent:-9999px;
opacity:0.5;
}
#main_slider_wrap .flex-direction-nav .next:hover{
opacity:1;
}
#title_wrap{
background-color:#fff;
border-bottom:1px solid #d5d5d7;
margin-bottom:20px;
}
#page_title_wrap{
margin:0px auto 0px 60px;
padding-top:30px;
padding-bottom:30px;
width:900px;
}
#title_wrap h1{
margin-bottom:5px;
font-size:40px;
letter-spacing:-1px;
color:#333;
}
#title_wrap #page_description{
margin:0;
color:#999;
font-family: 'Droid Serif', serif;
font-style:italic;
font-size:14px;
}
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 5px 9px;
background-color: #222;
font-weight:700;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}
/* WIDGETS */
#bottom_wrap{
position:fixed;
bottom:0px;
z-index:101;
width:100%;
}
#bottom_wrap.atBottom{
position:relative !important;
}
#bottom_wrap.atBottom #footer_wrap{
display:block !important;
}
#bottom_wrap.atBottom > span{
display:none !important;
}
#bottom_wrap > span{
width:30px;
height:30px;
background:transparent url(../img/footer_zoom.png) no-repeat 0 -30px;
display:block;
left:0px;
position:relative;
cursor:pointer;
}
#bottom_wrap > span.open{
background:transparent url(../img/footer_zoom.png) no-repeat 0 0px;
}
#footer_wrap{
border-top:4px solid #2e2f30;
background:#444 url(../img/footer_bg.png);
overflow:hidden;
display:none;
position:relative;
z-index:100;
line-height:18px;
border-bottom:1px dashed #999;
}
#footer{
width:900px;
margin:40px auto 40px 60px;
color:#c6ced8;
font-size:12px;
overflow:hidden;
}
/* subfooter */
#subfooter_wrap{
border-top:5px solid #2e2f30;
background:#fff;
margin:0;
padding:0;
visibility:hidden;
overflow:hidden;
border-bottom:4px solid #2e2f30;
}
#subfooter{
font-size:11px;
width:900px;
margin:30px auto 30px 60px;
overflow:hidden;
}
#subfooter p{
color:#95989c;
margin:0;
display:inline-block;
border-top:1px dashed #cdcdcd;
padding-top:5px;
margin-top:5px;
}
#subfooter > div{
padding-top:7px;
overflow:hidden;
}
#subfooter #social_icons li{
float:left;
margin-right:10px;
}
#subfooter #social_icons li a{
border:none;
background:transparent;
}
#subfooter #social_icons li img{
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#subfooter #footer_nav{
margin:0;
padding:0;
margin-bottom:7px;
}
#subfooter #footer_nav li{
float:left;
margin-right:10px;
}
#subfooter #footer_nav li a{
background:transparent;
border:none;
font-weight:700;
-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in;
}
#subfooter #footer_nav li a:hover{
color:#12b1fb;
}
#sidebar_wrap{
position:fixed;
height:100%;
width:340px;
right:-310px;
top:0px;
z-index:102;
}
#sidebar_wrap > span{
height:30px;
width:30px;
background:transparent url(../img/sidebar_zoom.png) no-repeat 0 0;
display:block;
cursor:pointer;
position:absolute;
top:0px;
left:0px;
}
#sidebar_wrap > span.open{
background:transparent url(../img/sidebar_zoom.png) no-repeat 0 -30px;
}
#sidebar_wrap #sidebar{
width:250px;
border-left:4px solid #2e2f30;
background:#444 url(../img/footer_bg.png);
padding:30px;
color:#c6ced8;
font-size:12px;
position:relative;
margin-left:30px;
min-height:100%;
line-height:18px;
}
.widget {
margin-bottom:30px;
}
.widget_title{
font-size:24px;
color:#fff;
}
.widget a{
background:transparent;
color:#717577;
-webkit-transition:color 0.2s ease-in; -moz-transition:color 0.2s ease-in; -o-transition:color 0.2s ease-in; transition:color 0.2s ease-in;
border:none;
}
.widget a:hover{
color:#fff;
}
.widget_archive li,.widget_categories li,.widget_subnav li,.widget_nav_menu li,.widget_links li,.widget_meta li,.widget_pages li {
position:relative;
}
.widget_archive li a,.widget_categories li a,.widget_subnav li a,.widget_nav_menu li a,.widget_links li a,.widget_meta li a,.widget_pages li a {
line-height:20px;
display:inline-block;
}
.widget ul li ul {
margin-left:20px;
}
.widget ul li ul li:last-child {
border: none !important;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
text-align: center;
border-top:1px solid #373737;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.widget_calendar #wp-calendar caption {
font-size:14px;
font-weight:700;
color:#e0e0e0;
text-shadow: 0px -2px 1px #000;
filter: dropshadow(color=#000, offx=0, offy=-2);
height:32px;
line-height:32px;
background:url(../img/calendar_bg.png);
border:1px solid #484848;
}
.widget_calendar #wp-calendar thead {
height:19px;
line-height:19px;
background:#f4f4f4;
font-size:10px;
color:#666;
border-bottom:2px solid #bbb;
border-left:1px solid #f9f9f9;
border-right:1px solid #f9f9f9;
border-top:1px solid #f9f9f9;
}
.widget_calendar #wp-calendar tbody tr {
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(222,222,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(222,222,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
}
.widget_calendar #wp-calendar tbody td {
height:29px;
line-height:29px;
width:29px;
border-top:1px solid #f9f9f9;
border-bottom:1px solid #bbbbbb;
border-left:1px solid #f9f9f9;
border-right:1px solid #bbbbbb;
font-size:12px;
font-weight:700;
color:#666;
}
.widget_calendar #wp-calendar tbody td a{
background-color:#65a9ba;
width:100%;
height:100%;
display:block;
color:#e0e0e0;
border:none;
-webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in;
}
.widget_calendar #wp-calendar tbody td a:hover{
background-color:#55838f;
}
.widget_calendar #wp-calendar tbody td.pad {
background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(245,245,245,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.widget_calendar #wp-calendar tfoot {
background:url(../img/calendar_bg.png);
height:32px;
line-height:32px;
border:1px solid #484848;
}
/* Recent Posts,Popular Posts,Related Posts */
.posts p {
margin:0;
}
.posts li {
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 1px solid rgba(255,255,255,0.1);
position:relative;
}
.posts li:last-child {
border:none;
padding-bottom:0px;
margin-bottom:0px;
}
.posts .post_thumbnail {
float:left;
}
.posts .post_thumbnail img{
border:4px solid #fff;
display:block;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}
.posts .post_thumbnail img:hover{
border:4px solid #222;
}
.posts .post_description {
padding-left:65px;
}
.posts .post_excerpt {
margin-top:5px;
}
/* Portfolio Widget */
.widget_portfolio ul li {
float:left;
margin:0 12px 12px 0;
}
.widget_portfolio ul li img{
border:4px solid #fff;
height:40px;
width:40px;
display:block;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}
.widget_portfolio ul li img:hover{
border:4px solid #222;
}
/* Flickr Widget */
.flickr_wrap {
position:relative;
margin-right:-12px;
}
.flickr_wrap img {
height:40px;
width:40px;
display: block;
float:left;
margin:0 12px 12px 0;
border:4px solid #fff;
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}
.flickr_wrap img:hover {
border:4px solid #222;
}
/* Twitter Widget*/
.tweet_list li {
padding-bottom:10px;
margin-bottom:10px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.tweet_list li:last-child {
border:none;
padding-bottom:0px;
margin-bottom:0px;
}
.tweet_list .tweet_time {
font-size:11px;
display:block;
}
.tweet_list .tweet_time a{
border:none;
color:#5e6061;
}
/* Search Widget */
#searchform input {
width:80px;
height:13px;
}
#searchform button {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
/* Recent Comments Widget */
.widget_recent_comments li {
margin-bottom:5px;
}
/* Tags Widget*/
.widget_tag_cloud {
overflow:hidden;
}
.widget_tag_cloud a {
font-size:12px !important;
float:left;
margin:0 8px 8px 0;
font-weight:700;
-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.05);
display:inline-block;
}
.widget_tag_cloud a:hover .tag_name{
background:#fff;
}
.widget_tag_cloud a .tag_name{
float:left;
border-top:1px solid #fff;
border-bottom:1px solid #adacac;
height:22px;
line-height:22px;
background: #f8f8f8; /* Old browsers */
background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(top, #f8f8f8 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
color:#3f3f3f;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
padding-left:7px;
text-shadow: 0px 1px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
.widget_tag_cloud .tag_number{
float:none;
margin-top:1px;
background:url(../img/tag_number_bg.png) repeat-x;
height:22px;
line-height:22px;
padding:0 7px;
color:#fff;
display:inline-block;
}
.widget_tag_cloud .tag_name:after{
float:right;
background:url(../img/tag_number_left_bg.png) no-repeat;
width:4px;
height:22px;
line-height:22px;
margin-left:7px;
content: '';
display:inline-block;
}
.widget_tag_cloud a:after{
float:right;
margin-top:1px;
background:url(../img/tag_number_right_bg.png) no-repeat;
width:3px;
height:22px;
line-height:22px;
content: '';
display:inline-block;
}
/* post meta */
#post_meta{
border-top:1px dashed #cdcdcd;
padding-top:5px;
display:inline-block;
margin-top:5px;
}
#post_meta p{
float:left;
margin:0;
margin-right:16px;
color:#cdcdcd;
}
#post_meta a{
border:none;
padding:3px 4px;
font-weight:400;
color:#7b878d;
cursor:pointer;
font-size:11px !important;
}
#post_meta a:hover{
color:#000;
}
#post_meta p.post_date{
background:url(../img/date.png) no-repeat 0px 5px;
padding-left:13px;
}
#post_meta p.post_like{
background:url(../img/heart.png) no-repeat 0px 6px;
padding-left:13px;
}
#post_meta p.post_categories{
background:url(../img/category.png) no-repeat 0px 6px;
padding-left:13px;
overflow:hidden;
}
#post_meta p.post_categories a{
}
#post_meta p.post_comments{
background:url(../img/comment.png) no-repeat 0px 6px;
padding-left:13px;
}
/* wordpress required classes */
.wp-caption{
}
.wp-caption-text {
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
/* comments */
.commentlist .comment .comment_sticker{
position:absolute;
top:-25px;
left:-20px;
width:64px;
height:57px;
background:url(../img/comment_sticker.png) no-repeat;
}
.commentlist .comment article{
background:#fefbdf url(../img/left_side.png) repeat-y;
border:1px solid #dad7c7;
padding:30px 0px;
position:relative;
margin-bottom:36px;
-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
}
.commentlist .comment .avatar{
padding:3px;
background:#fff;
border:1px solid #dad8c9;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
margin-left:30px;
float:left;
}
.commentlist .comment-content{
padding-left:100px;
padding-right:30px;
color:#766958;
background:url(../img/comment_line.png);
}
.commentlist .comment .children{
margin-left:60px;
}
.commentlist .comment-meta{
margin-left:100px;
}
.commentlist .comment-meta .fn{
color:#766958;
font-weight:700;
margin-right:10px;
}
.commentlist .comment-meta a{
border:none;
color:#ae9e8a;
}
.commentlist .comment-meta a:hover{
background:none;
color:#89765e;
}
.commentlist .comment .shadow, #page_content_container .shadow{
width:686px;
height:11px;
background:url(../img/bottom_page.png) no-repeat;
bottom:-11px;
left:0;
position:absolute;
}
#comment-nav-below{
margin-bottom:20px;
}
#comments-title{
font-size:26px;
}
#reply-title{
cursor:pointer;
font-size:26px;
}
#reply-title span{
position:absolute;
width:20px;
height:20px;
line-height:20px;
color:#fff;
text-align:center;
margin-left:10px;
background:rgba(0,0,0,0.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.1);
}
#commentform .required{
display:none;
}
#commentform #author, #commentform #email, #commentform textarea#comment{
background-image:url(../img/required.png);
background-repeat:no-repeat;
background-position:right 3px;
}
#respond label{
display:inline-block;
padding-top:6px;
padding-left:10px;
font-size:12px;
font-weight:700;
}
#respond input, #respond textarea{
float:left;
}
#respond .comment-form-comment label{
display:none;
}
#respond textarea{
margin-bottom:20px;
height:100px;
}
#respond #submit{
clear:both;
float:none;
display:block !important;
}
#respond .form-allowed-tags{
display:none;
}
/* shortcodes */
.video_wrap{
background:#fff;
position:relative;
padding:6px;
border:1px solid #dfdfdf;
margin-bottom:20px;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
.video_wrap iframe{
}
.contact_form_wrap .contact_form input {
width:60%;
margin-bottom:15px;
}
.contact_form_wrap .contact_form textarea {
width:90%;
height:100px;
margin-bottom:15px;
}
.image_wrap{
background:#fff;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
padding:6px;
border:1px solid #dfdfdf;
margin-bottom:20px;
}
/* tabs */
ul.tabs {
display: block;
margin: 0 !important;
padding: 0;
}
ul.tabs li {
display: block;
width: auto;
padding: 0;
float: left;
margin-bottom: 0; }
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 30px;
padding: 0px 14px !important;
line-height: 30px;
color:#777;
border:none;
border:1px solid #dfdfdf;
border-bottom:none;
position:relative;
top:1px;
margin: 0;
background: #fff;
}
ul.tabs li a.active {
background: #f5f5f5;
color: #555;
}
ul.tabs-content { margin: 0; display: block; padding:12px 14px; margin-bottom:30px !important; background:#f5f5f5;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
color:#777;
border:1px solid #dfdfdf;
}
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }
/* Blockquotes */
blockquote {
padding:0px 0px 0px 22px;
border-left:4px solid #efefef;
margin:21px 0;
color:#999;
font-size: 16px;
font-family: 'Droid Serif', serif;
font-style:italic;
}
blockquote p {
line-height: 21px;
}
blockquote p.cite {
margin-top:10px;
}
/* dropcap */
.dropcap{
float:left;
text-align:center;
font-size:26px;
width:53px;
height:53px;
line-height:53px;
color:#333333;
font-weight:700;
}
/* lists */
ul.list1,ul.list2,ul.list3 {
margin-bottom:20px;
}
ul.list1 li,ul.list2 li,ul.list3 li{
padding-left:20px;
margin-bottom:20px;
}
ul.list1 li{
background:url(../img/list_1.png) no-repeat 0 3px;
}
ul.list2 li{
background:url(../img/list_2.png) no-repeat 0 3px;
}
ul.list3 li{
background:url(../img/list_3.png) no-repeat 0 3px;
}
/* Highlight */
.highlight {
color:#ffffff;
padding:0 2px;
background:#000000;
}
.highlight.black {
background:#000000;
}
.highlight.red {
background:#f32c27;
}
.highlight.gray {
background:#999999;
}
.highlight.yellow {
background:#ffde42;
}
.highlight.blue {
background:#31b2ed;
}
.highlight.pink {
background:#f930c3;
}
.highlight.green {
background:#55dd2c;
}
.highlight.orange {
background:#f09523;
}
.highlight.magenta {
background: #9a2bf1;
}