/*
Theme Name: Energetic
Theme URI: http://themeforest.net/
Description: Designed by system32. Follow me on Twitter @system32store. This Theme for WordPress is lightweight and adaptable. Theme comes with ease in usability which makes your site ready in minutes.
Version: 1.1
Author: system32
Author URI: http://themeforest.net/user/system32
License URI: license.txt
Tags: dark, white, two-columns, responsive, custom-background, translation-ready, portfolio, custom-menu
._____.._____.._____.
| .___||___. ||___. |
| |__ .__| |.___| |
'\__.\ |__. || .___|
.___| |.___| || |___.
|_____||_____||_____|
*/
/*** http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
outline:none;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
/* Text elements */
p {
margin-bottom: 1.625em;
}
ul, ol {
margin: 0 0 1.625em 0.5em;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl { margin: 3em 0; border-color:rgba(0,0,0,0.1); border-width:0 0 1px 0;}
dt { float: left; clear: left; width: 100%; font-weight: bold;}
dd { margin: 0 0 0 30%; padding: 5px 0;}
dd, dt { border-color:rgba(0,0,0,0.1); border-width:1px 0 0 0;}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 20px;
margin-bottom: 1.625em;
overflow: auto;
padding: 0 1.625em;
border:1px solid #ddd
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
code {
background: url("images/code_bg.gif") repeat scroll left top #F3F3F3;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
color: #444444;
display: block;
font: 12px/20px Consolas,"Courier New",Courier,monospace;
border: 1px solid #dddddd;
overflow: auto;
padding: 20px 10px;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
.clear {
clear: both;
display: block;
width: 0;
height: 0;
visibility: hidden;
}
/*clearfix*/
.clearfix:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.clearfix { display:inline-block;}
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
/* Responsive Image Width */
figure img { max-width:100%;}
/* Image Border */
.imgborder{
-webkit-box-shadow: 0 0 2px 1px #eeeeee;
-moz-box-shadow: 0 0 2px 1px #eeeeee;
box-shadow: 0 0 2px 1px #eeeeee;
border: 1px solid #cccccc;
padding: 1px;
margin:1px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
GENERAL
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
body, input, textarea {
font: normal 13px Helvetica, Arial, Sans-serif;
line-height: 1.625;
}
body {
color: #666666;
background-color:#D2E0EA;
background-color:url(../images/bg.png);
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PAGE BACKGROUND
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#pagebg {
position:fixed;
top:0;
z-index:-1;
min-width:100%;
min-height:100%;
}
.bodyoverlay {
position:fixed;
top:0;
background-image:url(../images/patterns/default.png);
background-repeat:repeat;
background-position:top left;
background-attachment:scroll;
z-index:0;
width:100%;
height:100%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
strong { font-weight:bold;}
mark {
position:relative;
font-size:10px;
padding:1px 3px;
border:rgba(0, 0, 0, .1) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
background-color:#fff305;
}
mark.info {
position:absolute;
top:-10px;
padding:2px 6px;
background:#666;
color:#fff;
letter-spacing:0;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-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);
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
LINK COLORS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
mark.orange { background-color: #ff5c00; }
mark.red { background-color: #861D23; }
mark.yellow { background-color: #ffb515; }
mark.green { background-color: #91bd09; }
a,
a.more-link,
.plan_box .price
{
color:#666;
text-decoration:none;
-webkit-transition:color 300ms ease-in;
-moz-transition:color 300ms ease-in;
-o-transition:color 300ms ease-in;
transition:color 300ms ease-in;
}
a:focus,
a:active,
a:hover,
a.more-link:hover,
.entry-title a:hover,
#subheader a:hover
{
color:#ff6600;
}
span em {
font-style:italic;
font-family: Georgia, Serif;
}
.preloader {
display:block;
background:url(ajax-loader.png) center center no-repeat transparent;
}
.ribbon {
position:absolute;
top:0;
right:0;
z-index:2;
}
.galleria { margin-bottom:20px;}
#subheader div[id^='map'] { margin:-30px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
HEADINGS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Lora', sans-serif;
font-weight: normal;
color:#222;
}
h1 { font-size: 34px; margin: 0 0 20px 0; }
h2 { font-size: 30px; margin: 0 0 20px 0; }
h3 { font-size: 26px; margin: 0 0 20px 0; }
h4 { font-size: 20px; margin: 0 0 20px 0; }
h5 { font-size: 16px; margin: 0 0 15px 0; }
h6 { font-size: 13px; margin: 0 0 15px 0; }
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white { color:#fff}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
LAYOUT
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#stretched #wrapper {
position:relative;
width: 100%;
margin:0;
background-color:#fff;
}
#boxed #wrapper {
position:relative;
width: 90%;
max-width:1280px;
margin: 30px auto;
background-color:#fff;
border:1px solid #999;/* IE Hack*/
border:rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
-webkit-box-shadow:0 2px 20px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 20px rgba(0,0,0,.2);
box-shadow:0 2px 20px rgba(0,0,0,.2);
}
.inner {
position:relative;
width:100%;
margin:0 auto;
}
.one_half { width:47.5%; }
.one_third { width:30%; }
.two_third { width:65%; }
.one_fourth { width:21.2%; }
.one_fifth { width:16%; }
.three_fourth { width:73.8%; }
.four_fifth { width:79%; }
.two_fifth { width:37%; }
.three_fifth { width:58%; }
.one_sixth { width:12.5%; }
.one_half, .half_width,
.one_third, .two_third,
.one_fourth, .one_fifth,
.four_fifth, .one_sixth,
.two_fifth, .three_fifth,
.three_fourth {
position:relative;
display:inline;
float:left;
margin-right:5%;
}
.last { margin-right: 0 !important; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
HEADER / TOPBAR
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#header {
position:relative;
margin:0 auto;
background-color:#ffffff;
z-index:5;
}
#header .inner {
width:95%;
}
/* TOPBAR */
.topbar:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
.topbar {
line-height:36px;
position:relative;
background-color:#222222;
}
.topbar ul.sf-menu { margin:0; float:left; }
.topbar ul.sf-menu > li {
float:left;
margin:0;
padding:0 5px;
font-size:11px;
list-style:none;
}
.topbar ul.sf-menu > li > a { font-size:11px; line-height:10px; }
.topbar ul.sf-menu > li {
background:url(images/opacs/dark10.png) top right repeat-y;
}
.topbar ul.sf-menu > li:first-child {
padding-left:0;
}
.topbar ul.sf-menu > li:last-child {
background:none;
}
.topbar .sf-menu li:hover ul,
.topbar .sf-menu li.sfHover ul { left: 0.77em; top:3.3em; /* match top ul list item height */ }
.topbar .atpsocials {
float:right;
}
.headright {
float:right
}
/* Sociables */
.atpsocials {
list-style:none;
margin:0;
padding:0;
background:url(images/opacs/white20.png) top right repeat-y;
}
.atpsocials ul { margin:0; padding:0;}
.atpsocials li{
display:inline;
float:left;
padding:1px;
margin:0;
font-size:11px;
line-height:36px;
background:url(images/opacs/white20.png) top left repeat-y;
}
.atpsocials li img{
position:relative;
left:0;
vertical-align:middle;
}
.atpsocials li a{
padding:12px;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.atpsocials li a:hover{ color:#ff8800; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PRIMARY LOGO/MENU
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#head:after { clear:both; content:""; display:block; height:0; visibility:hidden;}
#head {
position:relative;
padding:30px 0;
width:95%;
margin:0 auto;
}
/* LOGO */
.logo {
position:relative;
display:inline;
float:left;
clear:both;
display:block;
height:auto;
padding:10px 0;
}
.logo h1 {
font-size:28px;
line-height:28px;
margin-bottom:0;
letter-spacing:-1px;
font-weight:bold;
}
.logo a { color:#666666; display:block; }
.logo a img { margin-top:0; }
.logo a:hover { text-decoration:none; }
.logo span { font-size:11px; }
/* Logo if selected as text*/
h1#site-title { margin-bottom:0px;}
h1#site-title a { font-size:24px; line-height:26px; font-weight:bold; color:#000; text-decoration:none; margin-bottom:5px; letter-spacing:-1px;}
h2#site-description { font-size:12px; line-height:14px; color:#999; text-decoration:none; margin-bottom:0;}
.mainmenu { display:table; margin:0 0 0 auto; }
/*** Primary Menu ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { float: right; margin:0 auto; line-height: 1.0; position:relative; z-index:99; }
.sf-menu ul { position: absolute; top: -999em; width: 14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li { width:100%; position: relative;z-index:101;}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li { float: left; background:none; list-style-position:inside; position: relative; }
.sf-menu a { display: block; position: relative; text-transform: capitalize; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0.77em; top:5em; /* match top ul list item height */ }
.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul { top:-999em; }
.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul { left: 14em; top:0; /* match ul width */ }
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul { top:-999em; }
.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul { left: 14em; bottom: 10em; top: 0;/* match ul width */ }
/* Menu Settings */
.sf-menu a { padding:1em 1.4em; text-decoration:none; }
.sf-menu a,
.sf-menu a:visited { text-decoration:none; color:#999; /* visited pseudo selector so IE6 applies text colour*/ }
.sf-menu li a { font-size:14px; font-weight:bold; }
.sf-menu li li a { font-weight:normal; font-size:12px; }
.sf-menu li ul {
padding:1px;
background-color:#f5f5f5;
background-image: url(images/opacs/dark10.png), url(images/opacs/dark10.png), url(images/opacs/dark10.png);
background-position: top left, top right, top left;
background-repeat: repeat-y, repeat-y, repeat-x;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);
box-shadow:0 2px 10px rgba(0,0,0,.2);
}
.sf-menu li li {
background-image: url(images/opacs/white90.png), url(images/opacs/dark10.png);
background-position: top left, bottom left;
background-repeat: repeat-x;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover,
.sf-menu a:active {
color:#ff6600;
outline:0;
text-decoration:none;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover,
.sf-menu li li a:active {
text-decoration:none;
outline:0;
color:#ff6600;
}
/* Active Page Status CSS for all the browsers*/
.sf-menu li.current-cat a,
.sf-menu li.current_page_item a { margin:0; }
.sf-menu li.current-cat > a,
.sf-menu li.current_page_item > a { color:#ff8800; }
.sf-menu li a span {
display:block;
font:italic normal 11px/20px Georgia, Arial, Helvetica, sans-serif;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
SLIDERS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#featured_slider {
position:relative;
margin:0px auto;
padding:0px 0;
z-index:2;
}
.slider_wrapper {
position:relative;
margin:0px auto;
}
/* Static Slider */
.staticslider { position:relative;}
.staticslider a,
.staticslider img { display:block;}
/* Video Slider */
.videoslider {
position:relative;
display:block;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
TOGGLE SLIDER
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.toggle_slider { position:relative; padding:5%; background:#666666}
.toggle_slider:after {
content: ".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
.tsbox {
position:relative;
float:left; width:30.4%; margin:0 1.5% 0 1.4%; }
.plan_box {
position: relative;
width: auto;
height: 350px;
overflow: hidden;
padding:0px;
}
.plan_box .plan_info {
position:absolute;
top:0;
left:0;
width:100%;
height:350px;
background:#f1f2f3;
text-align:center;
cursor:pointer;
z-index:1;
color :#fff;
background-color:#222;
background-image:url(../images/opacs/dark10.png);
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
/* Safari 4+, Chrome & Mozilla 3.6+ */
background-image: -webkit-gradient(linear,center bottom,center top, from(rgba(0, 0, 0, .1)),to(rgba(255, 255, 255, .1)));
background-image: -moz-linear-gradient(center top,rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px; }
.plan_box .plan_details {
width:100%;
margin:0 auto;
height:350px;
text-align:center;
z-index:0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.plan_box .plan_info .content { padding:30px 0 0 0; }
.plan_box .plan_details .content { padding:30px 20px 20px 20px; }
.plan_box .content { margin:0 10px; }
.plan_box ul { margin:15px 0 15px 0; }
.plan_box ul li { text-align:left; padding: 2% 0; margin:0 10px; line-height:inherit; border-bottom:1px solid #ddd; }
.plan_box h2 { font-weight:bold; background:none; border:none; margin:20px 0 0 0 ; padding:0; }
.plan_box h3.price {
margin:10px 0;
padding:0;
font-weight:bold;
color:#FFC000;
line-height:inherit;
}
h3.price span { font-size:small;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
SUBHEADER
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#subheader {
position:relative;
overflow: hidden;
width:100%;
margin:0;
z-index: 3;
background-color:#7E868D;
background-image:url(images/opacs/dark10.png);
background-position:top left;
background-repeat:repeat-x;
background-attachment:scroll;
/* Safari 4+, Chrome & Mozilla 3.6+ */
background-image: -webkit-gradient(linear,center bottom,center top, from(rgba(0, 0, 0, .1)),to(rgba(255, 255, 255, .1)));
background-image: -moz-linear-gradient(center top,rgba(255, 255, 255, .1) 0%,rgba(0, 0, 0, .1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
}
#subheader .inner {
padding:2%;
}
#subheader .flexslider { width:100%; margin:-2%;}
#subheader .leftaside {
float:left;
width:50%;
margin:20px 0;
padding-left:8%;
}
#subheader .leftaside h1 {
font-size: 48px;
line-height: normal;
font-weight:bold;
letter-spacing:-1px;
color:#fff;
}
#subheader .rightaside {
float: right;
text-align:right;
width:30%;
font-size:20px;
padding-right:8%;
margin:20px 0;
color:#ffffff;
}
#subheader .rightaside h4{ color:#fff; margin-bottom:0;}
#subheader a { color:#eeeeee;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
BREADCRUMB
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#breadcrumbs {
position:relative;
z-index:4;
display: block;
margin: -26px 0 0 0;
padding-left:10%;
padding-right:10%;
}
#breadcrumbs .breadcrumbs {
background:#ffffff;
padding:4px 20px;
display:inline-block;
font-size:11px;
}
#breadcrumbs span { padding: 0 4px 0 4px; }
#breadcrumbs a { }
#breadcrumbs a:hover { }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
CONTENT AREA
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sidebar {
position:relative;
padding:0 0 30px 0;
}
#sidebar h3 {
padding:0;
margin-bottom:0px;
padding-bottom:10px;
font-size:16px;
line-height:normal;
font-weight:normal;
color:#999;
font-weight:bold;
}
.fullwidth #main { padding:60px 0;}
.fullwidth #main:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
/* Left Sidebar*/
.leftsidebar #main {
float:right;
width:70%;
}
.leftsidebar #main .entry-content {
padding:60px 0 60px 30px;
}
.leftsidebar #sidebar {
float:left;
overflow:hidden;
width:30%;
}
.leftsidebar #sidebar .content{
padding:60px 30px 0px 0;
}
/* Right Sidebar*/
.rightsidebar #main {
float:left;
padding:60px 0;
width:70%;
}
.rightsidebar #main .entry-content {
padding-right:40px;
}
.rightsidebar #sidebar {
position:relative;
float:left;
width:30%;
}
.rightsidebar #sidebar .content{
padding:60px 0 0 40px;
}
/* Page middle content area */
.pagemid {
position:relative;
display:block;
width:100%;
z-index:1;
margin:0 auto;
padding:0;
background:#ffffff;
}
.pagemid .maincontent {
width:80%;
position:relative;
margin:0 auto;
padding:0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
FOOTER
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#footer {
position:relative;
background-color:#8c959d;
background-image:url(images/opacs/dark10.png);
background-position:top left;
background-repeat:repeat;
background-attachment:scroll;
color:#f1f2f3;
}
#footer .inner {
width:80%;
margin:0 auto;
overflow:hidden;
padding:60px 0;
font-size:11px;
}
#footer h3 {
margin-bottom:20px;
font-size:15px;
font-weight:bold;
color:#ffffff;
}
#footer a { color:#f0f0f0}
#footer a:hover { color:#ffffff}
#footer .widget ul li { border-bottom:none}
/*-- Copyright --*/
.copyright {
position:relative;
width:100%;
background-color:#3b4045;
border-top:1px solid #333;
}
.copyright .inner {
width:95%;
margin:0px auto;
padding:15px 0;
padding:15px 0;
font-size:11px;
}
.copyright p {
margin:0;
font-size:11px;
text-align:center;
color:#c3c8cc;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
BLOG POST
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post { position:relative; padding-top:0px; margin-bottom:10px; }
.post .entry-title { margin:0px 0 15px 0px; font-size:22px; line-height:22px; }
.post .post-meta { float:left; z-index:2; width:130px; margin-bottom:15px; margin-right:30px; padding:0 0 5px 0; }
.post .post-meta { padding:0px; font-size:11px; text-align:right; color:#bbb; }
.post .postimg { display:block; position:relative; float:left; margin:0 0px 20px 0; }
.post .postmeta .comment{ font-size:16px; font-weight:bold; margin-top:20px; }
.post .post-meta span { display:block; }
/* Blog Single Page Related Posts */
.singlepostlists {
overflow:hidden;
margin:0px;
}
.singlepostlists ul { margin:0px; }
.singlepostlists li {
display:block;
float:left;
width:120px;
margin:0 10px 0 0;
line-height:16px;
padding:0;
}
.singlepostlists li .thumb {
display:block;
margin:0 0 5px 0;
}
.singlepostlists h3 {
font-size:16px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
BLOG POST
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post3 {
position:relative;
display:inline;
float:left;
margin:0 4% 0 0;
}
.post3 figure > span {
position:relative;
border:1px solid #ddd;
display:block;
padding:4px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1);
box-shadow:0 2px 2px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.1);
}
.post3 figure.featured_image {
margin-bottom:20px;
}
.post3 h4 {
margin-bottom:10px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
FRONTPAGE
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.fp-widget {
margin:0 0 10px 0;
padding:0;
}
.fp-widget h3 {
text-align:center;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Typography
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.typo_desc h1{ font-size:30px; }
.typo_desc p{ border:1px solid #eee; padding:10px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
BLOG POST2
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post2 {
position:relative;
padding-bottom:30px;
}
.post2 .post-info {
display: block;
margin: 0 0 10px 0;
}
.post_single .post-info {
margin-bottom: 20px;
}
.post2 .postmetadata span {
display:inline-block;
padding:0 3% 0 0;
line-height:normal;
}
.post2 header h2 { margin-bottom:10px; }
.post2 figure { display:block; }
.post2 figure a{ display:block;}
.post2 .post-entry { padding-top:20px; }
.post2 .quote { padding: 0 40px; font-size:22px; line-height:30px; font-style:normal; font-family:georgia, Times, Serif }
.post2 .quote span{ display:block; margin:20px 0; font-size:14px; color:#999; text-align:right }
.post2 .quote span:before { content:" - "; }
.postformat-link,
.postformat-quote,
.postformat-video,
.postformat-audio,
.postformat-gallery,
.postformat-aside,
.postformat-image,
.postformat-status,
.postformat-standard {
display:block;
position:absolute;
left:-80px;
width:60px;
height:60px;
background-color:#e6e6e6;
background-position:center center;
background-repeat:no-repeat;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.postformat-link {background-image:url(images/postformat-link.png);}
.postformat-quote { background-image:url(images/postformat-quote.png); }
.postformat-video { background-image:url(images/postformat-video.png); }
.postformat-audio { background-image:url(images/postformat-audio.png); }
.postformat-gallery { background-image:url(images/postformat-gallery.png); }
.postformat-aside { background-image:url(images/postformat-aside.png); }
.postformat-image { background-image:url(images/postformat-image.png); }
.postformat-status { background-image:url(images/postformat-status.png); }
.postformat-standard { background-image:url(images/postformat-post.png); }
.leftsidebar .postformat-link,
.leftsidebar .postformat-quote,
.leftsidebar .postformat-video,
.leftsidebar .postformat-audio,
.leftsidebar .postformat-gallery,
.leftsidebar .postformat-aside,
.leftsidebar .postformat-image,
.leftsidebar .postformat-status,
.leftsidebar .postformat-standard {
display:block;
position:absolute;
left:auto;
right:-80px;
width:60px;
height:60px;
border-radius:50px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
AUTHORBOX
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#entry-author-info {
margin:20px 0;
padding:30px 0;
border:0px solid #eee;
border-width:1px 0 1px 0;
}
#entry-author-info .authorbg_content { overflow:hidden;}
#author-avatar { float:left; margin:0 15px 0 0; }
#author-description { margin:0 10px 0px 100px; }
#author-description h2 { font-size:16px; margin-bottom:5px; }
#author-description p { font:italic 12px/16px Georgia, Serif; margin-bottom:0; }
#authorpage {
margin:0 auto;
margin-bottom:30px;
border-bottom:1px solid #eee;
text-align:center;
}
#authorpage img.avatar {
margin:0 auto;
display:block;
border:1px solid #eee;
padding:2px
}
#authorpage .author-bio {
display:block;
width:80%;
margin:10px auto;
text-align:center;
}
#authorpage .author-bio p {
font:italic normal 13px/18px Georgia, Times, Serif;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
POST PAGINATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#nav-below {
margin:30px 0;
padding:20px 0;
overflow:hidden;
background-image:url(images/opacs/dark10.png);
background-position:50% top;
background-repeat:repeat-y;
background-attachment:scroll;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font:italic normal 12px/1.6 Georgia, Times, Serif;
}
#nav-below .nav-previous {
position: relative;
display:inline-block;
line-height:1em;
width:50%;
float: left;
}
#nav-below .nav-next {
display:inline-block;
position: relative;
line-height:1em;
width:50%;
float: right;
text-align:right;
}
.nav-previous span { margin-right:10px; }
.nav-next span { margin-left:10px; }
.nav-next span,
.nav-previous span {
line-height:2em;
text-transform:uppercase;
display: block;
color:#aaa;
font:normal normal 12px/1.6 Arial, Georgia, Times, Serif;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PORTFOLIO
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.portfolio_item {
clear:both;
position:relative;
width:auto;
padding:0;
}
.port_box {
display:block;
position:relative;
float:left;
margin:0 0 10px 0 ;
}
.port_desc h4 { margin-bottom:5px; }
.port_desc { padding: 0 ; margin:0; }
.port_desc date { margin-bottom:20px; display:none }
.port_desc p.extras { margin-bottom:0; font-style: italic; letter-spacing: 0.8px;}
.port_desc.col1 { padding:0px 2px 2px 2px; margin:0; }
.port_desc a.casestudy,
.port_desc a.visitsite {
font-size:11px;
padding:0 10px 0 0px;
}
.port_desc a.visitsite {
background:url(images/opacs/dark10.png) 0 0 repeat-y;
padding:0 10px 0 10px;
}
.port_desc a.visitsite:hover,
.port_desc a.casestudy:hover { }
.portfolio_single .postimg { margin-bottom:20px;}
.post_slider {
display:block;
position:relative;
z-index:2;
}
.post_slider img { display: block; margin-bottom:30px;}
/* Post Slider Navigation */
.postslider_nav {
bottom: -10px;
position: relative;
left: 0px;
}
.postslider_nav a {
display: block;
float: left;
width:7px;
height: 7px;
margin-right: 5px;
text-indent: -9999px;
outline:none;
}
.postslider_nav a.activeSlide {
}
.postslider_nav a:hover {
}
.port-title h2{
font-size: 30px;
margin-bottom: 5px;
padding-right: 30px;
}
.post_title + .date {
margin-top: -10px;
}
.port_excerpt{
margin-bottom:10px;
}
.portfolio_grid{
margin-bottom:40px;
}
.portfolio_wrap .date {
font-size: 9px;
letter-spacing: 1.6px;
text-transform: uppercase;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PORTFOLIO SINGLE PAGINATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.portfoliopage p {
margin-bottom:10px;
line-height:16px;
}
.port-post-info {
margin-bottom:0px
}
.port-post-info span {
display:block;
}
.port_box { position:relative;}
.port_img { position:relative; margin-bottom: 20px;}
.portfolio_single .port_img { margin-bottom:30px;}
.post_slider a, .sort_img a { background-color:#00ac85; display:block; position:relative; }
.post_slider a:hover img,
.sort_img a:hover img { opacity:0.5; }
/* Portfolio Related */
#relatedposts { margin: 20px 0; padding:0; }
#relatedposts ul { list-style: none; margin:0; }
#relatedposts ul li { float: left; margin-right: 15px; width: 80px; }
#relatedposts img { display:block;}
#relatedposts a:hover { }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
SINGLE PAGINATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#single-nav {
margin:0;
padding:5px 0;
overflow:hidden;
font:italic 12px "Droid Serif", Georgia, Times, Serif;
}
#single-nav .nav-previous {
display:block;
text-align:center;
padding-bottom:10px;
}
#single-nav .nav-next {
padding-top:10px;
background:url(images/dots.png) 0 0 repeat-x;
display:block;
text-align:center;
}
#single-nav .nav-previous span,
#single-nav .nav-next span {
line-height:normal;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
HOVER ICONS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.hover_type { display: none; position:absolute; z-index:10; left:50%; }
.hover_type a {
position: absolute;
bottom: 10px;
width: 26px;
height: 26px;
background-image: url(images/hover_icons.png);
}
/* Hover Link */
.hover_type a.hoverlink { background-position: -90px 0; }
/* Hover Image */
.hover_type a.hoverimage { background-position: -60px 0; right: 1px !important; }
/* Hover Video */
.hover_type a.hovervideo { background-position: -30px 0; right: 1px !important; }
/* Hover Custom Link */
.hover_type a.hovercustomlink { background-position: 0 0; right: 1px !important; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
COMMENTS
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#comments {
margin:20px 0 0 0;
padding-top:20px;
}
#comments-title {
text-align:center;
}
#comments-title em {
display:block;
font:italic 12px Georgia, Times, Serif;
}
ol.commentlist {
margin:0 0 30px 0;
padding: 0;
}
ol.commentlist li {
margin: 0px;
padding:0px;
list-style-type:none;
}
.comment_wrap {
position:relative;
margin:0 0 30px 0;
padding:0 0 15px 0;
border-bottom:1px solid #eee;
}
.comment-author { display:block; }
.comment-author .avatar { float:left; width:40px; }
.single_comment { clear:both; margin-top:10px; }
.comment-meta {
border-left:1px solid #eee;
margin-left:50px;
height:40px;
padding-left:10px;
color:#ccc;
}
.comment-meta cite {
display:block;
font-weight:bold;
}
.commentlist ul.children {
margin:0;
padding:0 0 0 50px;
}
.commentlist .children .comment_wrap { padding-top:0px; }
.commentlist .moderation { margin-top: 10px; color: #dd0000; }
.commentlist .children { margin-bottom:0px;}
.comment-author-admin .avatar {
padding-bottom:1px;
border-bottom:0px solid #222;
}
.reply a:link,
.reply a:visited { color:#999; }
.reply a:hover { color:#ff8800; }
.cancel-comment-reply a {
float:right;
padding:4px 0;
font:Italic 11px Georgia, Times, Serif;
}
.cancel-comment-reply a:hover {
color:#000000;
}
.comment-edit-link,
.post-edit-link {
background: #ff8800;
padding:3px 8px;
color:#fff;
border-radius: 4px;
}
.post-edit-link:hover,
.comment-edit-link:hover { color:#fff;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
COMMENTS FORM
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#respond {
margin: 20px 0;
padding: 0;
position: relative;
width: 97%;
}
#respond input[type="text"],
#respond textarea {
background: #fff;
border: 4px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
position: relative;
padding: 5px;
text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
background: #eee;
-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 13px;
left: 4px;
min-width: 60px;
padding: 4px 10px;
position: relative;
top: 25px;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#respond textarea {
resize: vertical;
width: 97%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
right: 2%;
position: absolute;
top: 30px;
z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 13px;
}
#respond p {
margin:0;
}
#respond .form-submit {
margin: 10px 0 10px;
}
#respond input#submit {
background: #222;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer;
font-size: 15px;
margin: 20px 0;
padding: 5px 42px 5px 22px;
position: relative;
left: 30px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
background: #1982d1;
color: #bfddf3;
}
#respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
#cancel-comment-reply-link {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
color: #ff4b33;
}
#respond label {
line-height: 1.1em;
}
#respond input[type=text] {
display: block;
height: 24px;
width: 97%;
}
#respond p {
font-size: 12px;
}
p.comment-form-comment {
margin: 0;
}
.form-allowed-tags {
display: none;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
SEARCH
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.widget.widget_search {
position:relative;
width:100%;
}
* html .search-box { margin-top: 10px; }
*:first-child+html .search-box { margin-top: 10px !important; }
.search-box input {
width:93%;
margin: 0 auto;
padding:8px;
font-size:11px;
border:1px solid #ddd;
box-shadow:inset 0 0 4px 4px #f0f0f0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
WIDGET
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.widget {
margin-bottom:40px;
}
.widget ul {
margin:0;
padding:0;
}
.widget ul ul { margin-bottom:0; }
.widget ul li {
margin:0;
padding:5px 0;
list-style-type:none;
background:none;
position:relative;
border-bottom:1px solid #eee;
}
.widget ul li a {
padding:1px 0px 1px 0px;
text-decoration:none;
zoom:1;
}
.widget ul li a,
.widget ul li a:visited { display:block; }
.widget ul li ul { margin-left:15px}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ALIGNMENT
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.left {float:left;}
.right {float:right;}
.center {float:none; text-align:center; margin:inherit auto;}
.alignleft,
img.alignleft,
a img.alignleft { float:left; margin:3px 15px 20px 3px;}
.alignright,
img.alignright,
a img.alignright { float:right; margin:3px 3px 20px 15px; }
.aligncenter,
img.aligncenter,
a img.aligncenter { clear:both; display:block; margin:10px auto 20px auto; padding:2px; text-align:center; }
.wp-caption { text-align: center; margin-bottom: 20px; padding: 2px; border:1px solid #ddd; background:#f1f2f3; }
.wp-caption img { margin: 3px;}
.wp-smiley { margin:0; }
.wp-caption p.wp-caption-text { margin: 0 0 4px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PAGINATION
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.pagination { margin: 20px 0; }
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend {
margin: 1px;
padding:1px 10px;
font-size: 11px;
background:url(images/paginationsep.png) left center no-repeat;
}
.pagination span.current { font-weight: bold; }
.pagination span.extend { background:none; padding-left:0}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Flickr Widget
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.flickr_badge_image {
float: left;
margin: 0 10px 10px 0;
}
.flickr_badge_image img {
width: 60px;
height: 60px;
padding: 3px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
-o-transition: background 300ms ease-in;
transition: background 300ms ease-in;
}
.flickr_badge_image img:hover {
background: #ff7e00;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Q U I C K S A N D P O R T F O L I O
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.quicksand { float: left; width:100%; }
.quicksand ul { margin-left: 0px; }
.quicksand li { line-height: 1.8em; }
ul.quicksand_images {
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
padding: 25px 0 0;
}
ul.quicksand_images li {
display: inline-block;
float: left;
overflow: hidden;
width: 25%;
height:auto;
margin:0;
padding: 0;
}
ul.quicksand_images li .port_img {
margin-bottom:0;
}
/* Quicksand Nav */
ul.quicksand_nav {
display:block;
width: 100%;
margin:0 auto;
text-align:center;
}
ul.quicksand_nav li {
display: inline;
float: left;
margin-right:5px;
padding: 5px 10px;
background-color:#EEEEEE;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul.quicksand_nav li a {
display: block;
color:#999999;
}
ul.quicksand_nav li.active {
border: 0;
background-color:#DDDDDD;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
ul.quicksand_nav a:hover { color:#555555; }
ul.quicksand_nav a:focus { outline: 0; color:#555555; }
ul.quicksand_nav li.active a {
color: #555555;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
/* Portfolio Boxoverlay */
.port_overlay {
width:100%;
height:160px;
position:relative;
overflow:hidden;
float:left;
display:inline;
margin:0px;
}
.port_overlay img {
display:block;
text-decoration:none;
position:absolute;
z-index:500;
cursor:pointer;
background:#ff8800;
padding:0;
}
.port_overlay .caption {
width:100%;
height:160px;
background:url(../images/opacs/dark70.png) 0 0 repeat;
color:#fff;
position:absolute;
top:0px;
left:0;
z-index:0;
}
.port_overlay .caption h4{
color:#fff;
margin:10px;
}
.port_overlay .caption a{
color:#F28100;
margin:10px;
}
.port_overlay .caption p {
font-size:11px;
line-height:18px;
margin:0px 10px 10px 10px;
}
.portfolio_details h2 {
padding-bottom:20px;
border-bottom:1px solid #DDDDDD;
}
.slider_column {
padding:0;
}
.port_details {
color:#666;
}
ul.portfolio_meta {
font-size:11px;
list-style-type:none;
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px solid #DDDDDD;
}
ul.portfolio_meta li{
padding-bottom:5px;
}
/* == Portfolio Ajaxfied Styling ============================== */
.ajaxfied_block_wrapper {
position:relative;
}
.ajaxfied_block {
clear:both;
position:relative;
margin-bottom:30px;
height:100%;
display:none;
overflow:hidden;
}
.ajaxloader {
background:url(ajax-loader.png) center center no-repeat;
display:block;
width:32px;
height:32px;
position:absolute;
top:0;
right:10px;
display:none;
}
.ajaxfied_block>div { float:left; }
.ajaxfied_block .featured-image img { float:right; display:block; }
.ajaxfied_block .description { margin-bottom:20px; padding-top:50px; }
.portfolio_details h2 {
padding-bottom:20px;
border-bottom:1px solid #DDDDDD;
}
.slider_column {
position:relative;
padding:0;
}
.port_details {
color:#666;
}
ul.portfolio_meta {
font-size:11px;
list-style-type:none;
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px solid #DDDDDD;
}
ul.portfolio_meta li{
padding-bottom:5px;
}
.slider_controls {
position:absolute;
top:0;
left:0;
margin:0;
padding:0 0 10px 0;
border-bottom:1px solid #DDDDDD;
}
.slider_controls a {
background-color:#c9d2d5;
background-image:url(images/slider_controls.png);
background-position:center center;
background-repeat:repeat;
display:block;
float:left;
width:30px;
height:30px;
line-height:30px;
overflow:hidden;
text-decoration:none;
text-indent:200%;
z-index:5;
margin-right:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.slider_controls .sliderleft {
background-position: 0 0;
}
.slider_controls .sliderright {
background-position: -30px -30px;
}
.slider_controls .close{
background-position: -60px -60px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
STICKY BAR
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sticky {
display:none;
position:relative;
top:0;
width:100%;
padding:11px 0;
z-index:1000;
background-color:#b92929;
background:#b92929 url(images/sticky_bar_bg.png) bottom left repeat-x;
font:italic 13px Georgia, Serif;
color:#fff;
text-align:center;
}
#sticky a { color:#ffe9c6; }
#sticky a:hover { text-decoration:underline; }
.tarrow {
position:absolute;
top:-10px;
right:10px;
width: 49px;
height: 85px;
background: url(images/toggle_down.png) 0 0 no-repeat;
z-index:2000;
}
.tarrow.active {
background: url(images/toggle_up.png) 0 0 no-repeat;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
AUTHOR LIST
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
ul.Author_list {
height: 100%;
list-style: none outside none;
margin: 20px 0;
overflow: hidden;
}
ul.Author_list li {
border-right: 1px solid #DDDDDD;
float: left;
line-height: normal;
margin: 0 0 20px;
padding: 0 14px;
text-align: center;
width: 20%;
}
ul.Author_list li img {
clear: right;
margin-bottom: 20px;
text-align: center;
}
ul.Author_list li h4 {
font-size: 14px;
margin: 0;
}
ul.Author_list li span {
font-size: 10px;
margin: 0;
text-align: center;
}
ul.Author_list li p {
padding: 10px 10px 0;
text-align: center;
}
ul.Author_list li.last {
border: medium none;
}