/*
Theme Name: salutary
Theme URI: http://themeforest.net/
Description: Designed by system32. Follow me on Twitter @system32store. Salutary theme for WordPress is lightweight and adaptable. Theme comes with full of features which makes your site ready in minutes.
Version: 1.1
Author: system32
Author URI: http://themeforest.net/user/system32
License URI: license.txt
Tags: black, white, two-columns, fixed-width, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
._____.._____.._____.
| .___||___. ||___. |
| |__ .__| |.___| |
'\__.\ |__. || .___|
.___| |.___| || |___.
|_____||_____||_____|
*/
/**
* CSS RESET WITH CLEARFIX
* http://meyerweb.com/eric/tools/css/reset/
* v2.0 | 20110126
* License: none (public domain)
* -----------------------------------------------
*/
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, 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;
}
img {
margin: 0;
outline:none;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
img.ehover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
padding: 2px;
border: 3px solid #1d93d7;
-webkit-transition: background 150ms linear;
-moz-transition: background 150ms linear;
-o-transition: background 150ms linear;
transition: background 150ms linear;
-webkit-transition: opacity 250ms linear;
-moz-transition: opacity 250ms linear;
-o-transition: opacity 250ms linear;
transition: opacity 250ms linear;
-webkit-transition: border 150ms linear;
-moz-transition: border 150ms linear;
-o-transition: border 150ms linear;
transition: border 150ms linear;
}
img.ehover:hover {
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
background:#7fc1e0;
border: 3px solid #7fc1e0;
}
img.fhover {
padding: 2px;
border: 3px solid #ffffff;
background: #7fc1e0;
-webkit-transition: background 150ms linear;
-moz-transition: background 150ms linear;
-o-transition: background 150ms linear;
transition: background 150ms linear;
-webkit-transition: border 150ms linear;
-moz-transition: border 150ms linear;
-o-transition: border 150ms linear;
transition: border 150ms linear;
}
img.fhover:hover {
background: #ffffff;
border: 3px solid #7fc1e0;
}
img.ghover {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
padding: 2px;
border: 3px solid #1d93d7;
}
img.ghover:hover {
opacity:0.95;
filter:alpha(opacity=95); /* For IE8 and earlier */
border: 3px solid #7fc1e0;
}
img.hhover {
padding: 2px;
border: 3px solid #ffffff;
background: #1d93d7;
-webkit-transition: background 350ms linear;
-moz-transition: background 350ms linear;
-o-transition: background 350ms linear;
transition: background 350ms linear;
-webkit-transition: border 350ms linear;
-moz-transition: border 350ms linear;
-o-transition: border 350ms linear;
transition: border 350ms linear;
}
img.hhover:hover {
background: #ffffff;
border: 3px solid #7fc1e0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.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%; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 30, 2011 02:02:05 AM America/New_York */
@font-face {
font-family: 'GarogierRegular';
src: url('css/Garogier-fontfacekit/Garogier_unhinted-webfont.eot');
src: url('css/Garogier-fontfacekit/Garogier_unhinted-webfont.eot?#iefix') format('embedded-opentype'),
url('css/Garogier-fontfacekit/Garogier_unhinted-webfont.woff') format('woff'),
url('css/Garogier-fontfacekit/Garogier_unhinted-webfont.ttf') format('truetype'),
url('css/Garogier-fontfacekit/Garogier_unhinted-webfont.svg#GarogierRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
GENERAL
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#pagebg {
position:fixed;
top:0;
z-index:-1;
min-width:100%;
min-height:100%;
}
body {
background-color:#ffffff;
font: normal 14px/20px Georgia, Helvetica, Arial, sans-serif;
color: #575757;
}
a img
{
}
strong { font-weight: bold; }
a {
color:#056c9c;
text-decoration: none;
-webkit-transition: color 150ms ease-in;
-moz-transition: color 150ms ease-in;
-o-transition: color 150ms ease-in;
transition: color 150ms ease-in;
}
.entry-title a:hover,
a:hover {
color:#7fc1e0;
text-decoration: none;
}
ul, ol {
list-style-position: outside;
margin-left:25px;
margin-bottom:20px;
}
ul ul, ol ol {
margin-left:0 !important;
}
.image_no_link { cursor: default; }
p { margin-bottom: 20px; }
hr {
border:0;
height:1px;
margin-bottom: 18px;
clear: both;
}
.syswidget ul ul { margin-bottom:0; }
.preloader {
display:block;
background:url(ajax-loader.gif) center center no-repeat transparent;
}
span em {
font-style:italic;
font-family: "Metrophobic", Helvetica, Arial, sans-serif;
font-size:90%;
}
.more-link { display:block; font-size:11px; margin-top:5px;}
.post ol, .post1 ol, .post2 ol, .post3 ol,
.post ul, .post1 ul, .post2 ul, .post3 ul { margin-left: 25px; }
.ribbon {
position:absolute;
top:0;
right:0;
z-index:2;
width:70px;
height:70px;
}
button.left { float:left; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Headings
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
h1 {
font-family: "Metrophobic", Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: normal;
color:#575757;
}
h2, h3, h4, h5, h6 {
font-family: "Metrophobic", Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: normal;
color:#575757;
}
h1 { font-size: 30px; margin: 0 0 20px 0; line-height: 32px; }
h2 { font-size: 24px; margin: 0 0 20px 0; line-height: 28px; }
h3 { font-size: 22px; margin: 0 0 20px 0; line-height: 24px; }
h4 { font-size: 18px; margin: 0 0 20px 0; line-height: 20px; }
h5 { font-size: 15px; margin: 0 0 10px 0; }
h6 { font-size: 12px; margin: 0 0 10px 0; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Layout
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#stretched #wrapper {
position:relative;
width: 100%;
background:none;
margin:0;
}
#boxed #wrapper {
position:relative;
width: 1000px;
margin: 30px auto;
background-color:#fff; /* Needed for IEs */
border:1px solid #eee;
}
.inner {
position: relative;
width: 960px;
margin: 0 auto;
}
.fullwidth #main {
position:relative;
margin:0 auto;
}
.fullwidth #main .content {
padding:40px 5px;
margin:0 auto;
overflow: hidden;
}
.half_width,
.one_half { width: 47.8%; }
.one_third { width: 30.5%; }
.two_third { width: 65.3%; }
.one_fourth { width: 21.9%; }
.one_fifth { width: 16.7%; }
.three_fourth { width: 74%; }
.four_fifth { width: 79%; }
.two_fifth { width: 37.2%; }
.three_fifth { width: 58%; }
.one_sixth { width: 13.3%; }
.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: 4%;
}
.last { margin-right: 0 !important; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Header
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#header {
position:relative;
min-height:100px;
margin:0 auto ;
padding:0;
z-index:5;
background:#ffffff;
}
.header {
position:relative;
width:960px;
height:100%;
margin:0 auto;
padding:20px 0 20px 0;
z-index:6;
}
/* Top Black Line */
.header .line {
display:block;
position:absolute;
top:0px;
width:100%;
background:#e9e9e9;
height:6px;
}
/* LOGO */
.logo {
float:left;
width:240px;
padding:0px;
margin:0 auto;
color:#c7c7c7;
}
.logo .line {
display:block;
position:absolute;
top:0px;
width:326px;
background:#0377a8;
height:6px;
color:#0377a8;
}
.logo a {
display:block;
color:#fff
}
.logo a img { margin-top:0; }
.logo a:hover { text-decoration:none; color:#7fc1e0; }
/* Logo if selected as text*/
h1#site-title { margin-bottom:0px;}
h1#site-title a { font-size:22px; font-weight:bold; color:#000; text-decoration:none;}
h2#site-description { font-size:12px; color:#999; text-decoration:none; margin-bottom:0;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Top Menu
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.header .topmenu {
z-index:5;
width:520px;
display:block;
padding:10px 0 0 0;
position: relative;
float:right;
}
.sf-menu a span.msubtitle { font-size:24px; font-weight:normal; display:block; }
.sf-menu {
font-family: "Metrophobic", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 24px;
line-height: 9px;
color:#056c9c;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Sidebars & Main Content
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#sidebar {
position: relative;
padding: 0 0 30px 0;
}
#sidebar h3 {
background:url(images/headings_border.png) bottom center no-repeat;
padding:0;
margin-bottom:20px;
padding-bottom:20px;
font-size:16px;
line-height:normal;
font-weight:bold;
color:#000;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}
/* Left Sidebar*/
.leftsidebar #main {
float:right;
width: 680px;
}
.leftsidebar #main .content {
overflow: hidden;
padding: 40px 0 30px 0px;
}
.leftsidebar #sidebar {
float:left;
overflow:hidden;
width: 260px;
background:url(images/dot10.png) center right repeat-y;
}
.leftsidebar #sidebar .content{
padding:40px 20px 0px 0;
}
/* Right Sidebar*/
.rightsidebar #main {
float:left;
width: 680px;
}
.rightsidebar #main .content {
padding:40px 0 30px 0;
}
.rightsidebar #sidebar {
position:relative;
float:right;
width: 260px;
background:url(images/dot10.png) 0 0 repeat-y;
}
.rightsidebar #sidebar .content{
padding:40px 0 0 20px;
}
/* Page middle content area */
.pagemid {
position:relative;
background:transparent;
display:block;
width:100%;
z-index:3;
margin:0 auto;
padding:0px 0;
background-color:#fff;
}
.pagemid .inner {
width:960px;
position:relative;
overflow:hidden;
margin:0 auto;
padding:0;
border:3px double #ddd;
border-width:3px 0 0px 0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Frontpage Slider
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#featured_slider {
position:relative;
width:100%;
margin:0px auto;
padding:0;
z-index:4;
background-color:#ffffff;
}
#featured_slider .inner {
width:960px;
margin:0 auto;
padding:40px 0;
border:3px double #eee;
border-width:3px 0 0 0;
}
/* Static Slider */
.staticslider { position:relative;}
.staticslider img { display:block;}
/* Video Slider */
.videoslider { position:relative; display:block;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Subheader
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#subheader {
width:100%;
background-color:#fff;
}
.subheader {
display:block;
position:relative;
width:960px;
margin:0 auto;
padding:40px 0 20px 0;
overflow:hidden;
border:3px double #ddd;
border-width:3px 0 0px 0;
z-index:1;
}
.subheader h1 {
background:url(images/headings_border.png) bottom center no-repeat;
padding:0 30px;
margin-bottom:30px;
padding-bottom:20px;
font-size:30px;
line-height:normal;
font-weight:bold;
color:#000;
text-align:center;
text-transform:uppercase;
letter-spacing:-1px;
}
.subheader h4 {
color:#888;
font: 18px/27px 'GarogierRegular', Arial, sans-serif;
}
.subheader_teaser_text {
width:90%;
margin:0 auto;
text-align:center;
color:#fff;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Frontpage Widgets
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#frontpage_widgets {
margin:0;
padding:0;
background-color:#ffffff;
}
.frontpage_widgets_content {
width:960px;
margin:0 auto;
padding:40px 0;
overflow:hidden;
border:3px double #ddd;
border-width: 3px 0 0px 0;
text-align:center;
color:#999;
}
.frontpage_widgets_content p {
margin:0;
}
.frontpage_widgets_content h3 {
margin-bottom:25px;
padding-bottom:25px;
font-family:Arial, Sans-serif;
font-size:32px;
line-height:30px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:6px;
color:#000000;
background:url(images/headings_border.png) bottom center no-repeat;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Sociables
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.atpsocials {
margin:0 auto;
text-align:center;
}
.atpsocials span {
font-size:10px;
}
.atpsocials ul {
width:100%;
margin:0;
padding: 0px;
}
.atpsocials ul li {
display: inline;
display:inline-block;
margin: 0 5px 0 0;
padding:0;
}
.atpsocials ul li img {
position:relative;
top:0;
left:0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Footer Teaser
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.footer_teaser {
margin:0;
overflow:hidden;
height:100%;
background-color:#fff;
}
.footer_teaser .inner {
width:960px;
margin:0 auto;
padding:20px 0;
text-align:center;
border-top:1px solid #eee;
}
.footer_teaser h4 {
font:italic 13px/18px Georgia, Times, Serif;
color:#444;
margin-bottom:0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Footer
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#footer {
position:relative;
padding-bottom:20px;
display:block;
overflow:hidden;
height:100%;
background-color:#fff;
}
#footer .footersidebar {
width:960px;
margin:0px auto;
overflow:hidden;
padding:40px 0px 20px 0;
font-size:11px;
border:3px double #ddd;
border-width: 3px 0 0 0;
}
#footer h3 {
margin-bottom:20px;
padding:0;
font-size:14px;
font-weight:bold;
}
#footer p {
font-size:11px;
margin:0 0 15px 0;
}
/* Footer Widgets */
#footer .syswidget { margin-bottom:20px; }
#footer .syswidget ul li a { padding: 0 0 0 0px; color:#999999; }
#footer .syswidget ul li a:hover { color:#7fc1e0; }
#footer .syswidget ul.children { padding-left:8px; border-left:1px solid #ddd; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Copyright
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#copyright {
width:100%;
margin:0 auto;
padding:0px;
background-color:#fff;
}
#copyright .inner {
width:960px;
margin:0 auto;
padding:30px 0px;
overflow:hidden;
border:3px double #ddd;
border-width: 3px 0 0 0;
}
#copyright p {
margin:0 auto;
text-align:center;
font-size:11px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Heading Intro
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
h1.intro {
background:url(images/headings_border.png) bottom center no-repeat;
padding:0 20px;
margin-bottom:50px;
padding-bottom:20px;
font-size:30px;
line-height:normal;
font-weight:bold;
color:#000;
text-align:center;
letter-spacing:-1px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Business Hours Widget
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.businesshours p {
margin-bottom:5px;
}
.businesshours p span {
font-weight:bold;
display:inline-block;
width:80px;
}
.businesshours p strong {
color:#cc0000;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Twitter Widget
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
p.tweet {
color:#999;
font-size:16px;
}
p.tweet span {
display:block;
}
p.tweet span small {
font-size:9px;
}
#sidebar p.tweet,
.syswidget p.tweet {
position:relative;
margin-bottom:10px;
padding:0px 5px 20px 0px;
font:italic 12px/18px Georgia, Times, Serif;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Contact Info
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.contactinfo ul { margin:0; }
.contactinfo li { padding:2px 0 2px 25px; list-style:none; }
.contactinfo .phone-icon { background:url(images/icons/icons_black.png) -340px -440px no-repeat;}
.contactinfo .email-icon { background:url(images/icons/icons_black.png) -460px -320px no-repeat; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Default Posts
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.searchresults .entry-title { font-size:14px; margin-bottom:0;} /* Search Results Entry title */
.fullwidth .post2 .post_content { width:800px; } /* Fullwidth Post content */
.post {
position:relative;
overflow:hidden;
}
.postmetadata { color:#999;}
.postmetadata a { color:#444;}
.postmetadata a:hover { color:#7fc1e0;}
.post .entry-title {
margin-bottom:10px;
}
.post .post-info {
padding-bottom:5px;
margin-bottom:15px;
}
.post .postimg {
margin-bottom:15px;
}
.post .postmetadata {
font-size:11px;
}
/* Archive Posts */
.archive .post .entry-title a {
font-size:14px;
}
.archive .post .entry-title a {
font-size:14px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Post Style 1
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post1 {
position:relative;
overflow:hidden;
}
.post1 .entry-title {
margin-bottom:15px;
}
.post1 .entry-title a {
font-size:30px;
line-height:34px;
}
.post1 .entry-title a:hover {
color:#7fc1e0;
}
.post1 .post-info {
position:relative;
margin-bottom:20px;
padding:0;
overflow:hidden;
}
.post1 .postimg {
position:relative;
margin-bottom:15px;
margin-right:20px;
}
.post1 .post-entry {
margin-bottom:15px;
}
.post1 .postmetadata {
font-size:11px;
}
.post1 .post_content {
position:relative;
overflow:hidden;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Post Style 2
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post2 {
overflow:hidden;
position:relative;
margin-bottom:20px;
}
.post2 .entry-title {
margin-bottom:15px;
line-height:24px;
}
.post2 .entry-title a {
font-size:22px;
}
.post2 .post-info {
float:left;
width:140px;
margin-bottom:15px;
padding:0 0 5px 0;
}
.post2 .post_content {
float:right;
width:520px;
}
.post2 .postimg {
display:block;
position:relative;
margin:0 0px 15px 0;
}
.post2 .postmetadata {
font-size:11px;
}
.post2 .postmetadata img {
margin-right:5px;
}
.post2 .postmetadata span {
display:block;
padding:2px 0;
border-bottom:1px solid #eeeeee;
}
/* Post Tags for post style 2*/
.post2 .posttags {
font-size:11px;
}
.post2 .posttags span {
display:block;
font-size:11px;
font-weight:bold;
}
.post2 .posttags a {
font-size:11px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Post Style 3
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post3 {
position:relative;
overflow:hidden;
display:inline;
float:left;
width: 30.5%;
margin:0 4% 0 0;
padding-bottom:30px;
}
.post3 .entry-title {
margin-bottom:10px;
line-height:14px;
}
.post3 .entry-title a {
font-size:14px;
}
.post3 .post-info {
padding-bottom:10px;
}
.post3 .postimg {
position:relative;
margin-bottom:10px;
}
.post3 .postmetadata {
font-size:11px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* SHORTCODES CSS
* Do not edit this unless and untill you know what you are doing
* If you are planning to change the css rules below with ammendments in
* the properties then you may loose this in the future updates of the theme.
*
* If you change of the code please make a note of the code and take a
* backup of the modified css
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Galleria
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.gal_content { margin-bottom:20px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Breadcrumb
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#breadcrumbs {
display: block;
font-size: 10px;
margin: 0;
overflow: hidden;
padding:10px 0;
border-bottom:1px solid #eee;
}
#breadcrumbs .breadcrumbs {
display:inline-block;
font-size:10px;
padding:0;
}
#breadcrumbs .breadcrumbs img {
vertical-align:bottom;
}
#breadcrumbs a {
padding: 0 4px;
font-family:Tahoma, Arial, Verdana;
font-size:10px;
}
#breadcrumbs a:hover {
text-decoration: none;
color:#7fc1e0;
}
#breadcrumbs a:active {
color:#056c9c;
}
#breadcrumbs strong {
color:#999;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Alignment
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.left { float:left; }
.right { float:right; }
.center {
float:none;
text-align:center;
margin:0 auto;
}
.alignleft,
img.alignleft,
a img.alignleft { float:left; margin:3px 15px 4px 3px; }
.alignright,
img.alignright,
a img.alignright { float:right; margin:3px 3px 4px 15px; }
.aligncenter,
img.aligncenter,
a img.aligncenter {
clear:both;
display:block;
margin:0 auto 10px auto;
padding:2px;
text-align:center;
}
/* Default Wordpress Image Caption */
.content .wp-caption {
background: #f1f1f1;
color: #888;
font-size: 12px;
line-height: 18px;
text-align: center;
margin-bottom: 20px;
padding: 4px;
}
.content .wp-caption img {
margin: 5px;
}
.content .wp-caption p.wp-caption-text {
margin: 0 0 4px;
}
.content .wp-smiley {
margin:0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Separators
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.divider_space {
clear: both;
width: 100%;
height:1px;
margin:0px;
padding:1px 0;
}
.divider_line {
position: relative;
display: block;
clear: both;
margin:20px 0;
background:#eee;
height:1px;
}
.top {
position: relative;
margin-bottom: 20px;
}
.top a {
position: absolute;
top:-5px;
right:0;
font-size: 14px;
line-height: 12px;
text-transform: uppercase;
text-align: right;
color:#eee;
background-color:#b4b4b4;
padding:3px 6px;
}
.divider {
display:block;
clear:both;
height:2px;
margin:30px auto 30px auto;
padding:0;
background:url(images/dot10.png) center center scroll repeat-x;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Blockquotes & Pullquotes
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Inset Left */
span.inset-left {
display: block;
float: left;
width: 35%;
padding: 15px;
border-left:1px solid #dddddd;
font:italic normal 14px/25px Georgia, Arial, Sans-serif;
letter-spacing:0;
}
/* Inset Right */
span.inset-right {
display: block;
float: right;
width: 35%;
padding: 15px;
border-right:1px solid #dddddd;
font:italic normal 14px/25px Georgia, Arial, Sans-serif;
letter-spacing:0;
}
/* Blockquote */
blockquote {
margin: 0 0 20px 0;
padding: 10px 0px 0 50px !important;
background: transparent url(images/quote_left.png) 0 10px no-repeat;
font:italic 16px/20px "Georgia", "Trebuchet MS", "Times New Roman", Serif;
}
blockquote p {
margin-bottom: 12px;
font:italic 16px/20px "Georgia", "Trebuchet MS", "Times New Roman", Serif;
}
blockquote cite {
display:block;
padding-top:10px;
font-size: 12px;
font-style: italic;
line-height:20px;
}
blockquote.alignleft {
margin: 0 20px 0 0;
width: 220px;
}
blockquote.alignright {
margin: 0 0 0 20px;
width: 220px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Tags Clouds
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.cloud_tags {
margin:0;
padding:0;
}
.cloud_tags a {
display:inline-block;
margin:0px 2px 2px 0;
padding:2px 5px;
border:1px solid #eeeeee;
color:#999999;
background:#f7f7f7;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.cloud_tags a:hover {
margin:0px 2px 2px 0;
padding:2px 5px; color:#7fc1e0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Search widget / Search Form
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.syswidget.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:200px;
margin: 0 auto;
padding:5px 5px;
font-size:11px;
color:#999;
border:1px solid #ddd;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Pre Code
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
code, pre {
display:block;
overflow:auto;
margin:15px 0px;
padding:2px 10px;
border-radius: 1px 1px 1px 1px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
background:#f3f3f3 url(images/pre_bg.gif) top left scroll repeat;
font: normal 12px/20px Consolas, "Courier New", Courier, monospace;
color: #444;
}
code {
overflow:hidden;
padding:20px 10px;
background: url(images/pre_bg.gif) top left scroll repeat;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Horizontal Tabs / Vertical Tabs
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.systabspane {
clear:both;
margin:10px 0 30px 0;
}
.panes {
clear:both;
}
ul.tabs {
clear:left;
margin:0 !important;
padding:0;
}
ul.tabs li {
float:left;
margin:0 5px 5px 0;
padding:0;
position:relative;
list-style-type:none;
background-color:#fafafb;
border:1px solid #f1f2f3;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
ul.tabs a span {
display:block;
}
ul.tabs a {
display:block;
float:left;
position:relative;
top:1px;
height:22px;
margin-right:2px;
padding:8px 15px;
font-size:11px;
line-height:14px;
font-weight:bold;
color:#999;
text-decoration:none;
}
.tab_content {
display:none;
overflow:hidden;
padding:20px 30px;
border:1px solid #eee;
border-width:1px 1px 1px 1px;
background-color:#fff;
}
ul.tabs li.current {
border-bottom:none;
background-color:#ffffff;
position:relative;
top:5px;
border:1px solid #eee;
border-bottom:1px solid #333;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
ul.tabs li.current a {
color:#444;
}
/**
* Vertical Tabs CSS
*-----------------------------------
*/
.vertabs .panes {
clear:none;
}
.vertabs ul.tabs {
clear:none;
float:left;
width:160px;
height:auto;
margin:0 !important;
padding:0 5px 0 0;
border-bottom:0px solid #000;
}
.vertabs ul.tabs li {
clear:left;
display:block;
float:none;
margin:0 0 5px 0;
padding:0;
list-style-type:none;
border:1px solid #f1f2f3;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}
.vertabs ul.tabs a {
display:block;
clear:left;
float:none;
position:relative;
top:1px;
height:auto;
margin-right:2px;
padding:8px 15px;
color:#999;
text-decoration:none;
}
.vertabs .tab_content { border-width:1px; }
.vertabs ul.tabs li.current {
position:relative;
border:1px solid #eee;
border-bottom:1px solid #eee;
top:0;
right:-5px;
background-color:#ffffff;
border-right:1px solid #000;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
/* ------- clear radius on vertical tabs -------- */
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
}
.vertabs ul.tabs li.current a {
color:#444;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Mini Gallery
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
ul.sys_mini_gallery {
display: inline-block;
margin:0 0 25px 0;
padding:0 0 0 0;
}
ul.sys_mini_gallery li {
background:none;
display: inline-block;
float: left;
margin:0 15px 25px 0;
padding:0;
}
ul.sys_mini_gallery li .loading {
width: 150px;
height:150px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Photo Frame
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.photo_frame {
position:relative;
margin:20px;
}
.photo_frame h3 {
text-align:center;
margin-top:-40px;
font-family:"Arizonia", Arial;
color:#fff;
font-weight:bold;
font-size:18px;
text-align:center;
text-shadow: 1px 1px 1px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1);
/* Safari */
-webkit-transform: rotate(-5deg);
/* Firefox */
-moz-transform: rotate(-5deg);
/* IE */
-ms-transform: rotate(-5deg);
/* Opera */
-o-transform: rotate(-5deg);
/* Internet Explorer
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Toggles
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.simpletoggle {
position:relative;
margin:6px 0;
padding:8px;
}
.simpletoggle .toggleinside {
padding-left:30px;
}
.toggle {
display:block;
padding:0 0 0 30px;
background:url(images/plus.png) 0 0 scroll no-repeat;
font-size: 15px;
line-height:20px;
text-transform: normal;
}
span.toggle a {
display: block;
text-transform: normal;
text-decoration: none;
color: #0377a8;
}
span.toggle a:hover {
color:#7fc1e0;
}
span.active {
display:block;
background:url(images/minus.png) 0 0 scroll no-repeat;
}
span.active a:link {
color:#7fc1e0;
display:block;
}
.toggle_content {
clear:both;
margin:0px;
}
.toggleinside {
padding:15px;
}
span.toggle {
display:block;
margin-bottom:0;
}
/* Fancy Toggle */
.fancytoggle {
position:relative;
margin:6px 0;
padding:5px;
background-color:#eeeeee;
background:rgba(0, 0, 0, 0.05);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.fancytogglebg {
margin:0 auto;
padding:10px 20px;
background:#FFFFFF;
border:1px solid #ddd;
border-color:rgba(0,0,0,0.16);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.fancytoggle span.toggle { margin:0 0 2px 0; }
.fancytoggle .toggle_content {
position:relative;
margin-top:10px;
}
.fancytoggle .toggleinside {
padding:5px 15px 15px 30px
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Buttons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.button {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
a.button {
background-color:#333;
}
.button,
.button span {
display: inline-block;
}
.button {
position:relative;
zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
overflow: visible;
line-height:1em;
border: 1px solid #999;/* IE Hack*/
border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
border-bottom:rgba(0, 0, 0, .4) 1px solid;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
outline: none;
white-space: nowrap;
cursor: pointer;
/* FF3.5+ */
background: -moz-linear-gradient(
center top,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .1) 100%
);
/* Safari 4+, Chrome */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(0, 0, 0, .1)),
to(rgba(255, 255, 255, .1))
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
-moz-user-select: none;
-webkit-user-select:none;
-khtml-user-select: none;
user-select: none;
}
button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ }
button.button {
margin:0;
padding:0px;
}
.button.full,
.button.full span {
display: block;
}
.button:hover,
.button.hover,
button.button:hover {
/* FF3.5 */
background: -moz-linear-gradient(
center top,
rgba(255, 255, 255, .2) 0%,
rgba(255, 255, 255, .1) 100%
);
/* Safari4+, Chrome */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(255, 255, 255, .1)),
to(rgba(255, 255, 255, .2))
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
button.button:active,
.button:active,
.button.active {
top:1px;
/* FF3.5 */
background: -moz-linear-gradient(
center top,
rgba(0, 0, 0, .1) 0%,
rgba(255, 255, 255, .1) 100%
);
/* Safari4+, Chrome */
background: -webkit-gradient(
linear,
center bottom,
center top,
from(rgba(255, 255, 255, .1)),
to(rgba(0, 0, 0, .1))
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button span {
position: relative;
padding:0.6em 1.3em;
border-top:1px solid rgba(255, 255, 255, 0.25);
line-height:1em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
white-space: nowrap;
color:#fff;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari, Google Chrome margin fix */
button.button span {
margin-top: -1px;
margin-left:-2px;
margin-right:-2px;
}
}
.button.small span { font:normal 10px Tahoma, Arial, Verdana, sans-serif; text-transform:uppercase; }
.button.medium span { font-size:14px; }
.button.large span { font-size:18px; }
a.button:hover { background-color:#7fc1e0; }
button.button:hover { background-color:#7fc1e0; }
/* ---- Buttons Color Scheme ---- */
.button.gray { background-color: #666666; }
.button.gray:hover { background-color: #666666; }
.button.brown { background-color: #A52A2A; }
.button.brown:hover { background-color: #A52A2A; }
.button.cyan { background-color: #00FFFF; }
.button.cyan:hover { background-color: #00FFFF; }
.button.orange { background-color: #ff5c00; }
.button.orange:hover { background-color: #ff5c00; }
.button.red { background-color: #861D23; }
.button.red:hover { background-color: #861D23; }
.button.magenta { background-color: #A9014B; }
.button.magenta:hover{ background-color: #A9014B; }
.button.yellow { background-color: #ffb515; }
.button.yellow:hover { background-color: #ffb515; }
.button.blue { background-color: #00ADEE; }
.button.blue:hover { background-color: #00ADEE; }
.button.pink { background-color: #e22092; }
.button.pink:hover { background-color: #e22092; }
.button.green { background-color: #91bd09; }
.button.green:hover { background-color: #91bd09; }
.button.black { background-color: #333333; }
.button.black:hover { background-color: #333333; }
.button.white { background-color: #FFFFFF; }
.button.white span { color: #666666; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Fancy Table
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
table.fancy_table {
border: 1px solid #eee;
width:99%;
margin:0 auto;
margin-bottom:20px;
border-collapse: collapse;
border-spacing: 0;
}
table.fancy_table th {
padding:15px 20px;
background-color:#f5f5f5;
border: 1px solid #ddd;
color:#666;
vertical-align: middle;
}
.fancy_table th:first-child, .fancy_table td:first-child {
padding-left: 30px;
text-align: left;
}
table.fancy_table td {
padding:10px 20px;
background:#fff;
border: 1px solid #EEEEEE;
text-align:center;
}
table.fancy_table tbody tr:hover td {
background:#7fc1e0;
}
table.fancy_table tfoot {
background-color: #F3F3F3;
}
.fancy_table.alignleft {
float:left;
margin:3px 15px 10px 3px;
}
.fancy_table.alignright {
float:right;
margin:3px 3px 10px 15px;
}
.fancy_table.aligncenter {
display:block;
clear:both;
margin:0 auto;
padding:2px;
text-align:center;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Fancy Headings
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.highlight {
padding:1px 4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.highlight.yellow {
background-color:#ffda48;
color:#000000;
}
.fancyheading {
margin-bottom:18px;
padding-top:2px;
padding-bottom:0;
}
.fancyheading span {
padding: 4px 15px;
font-size:12px;
font-weight: normal;
letter-spacing: 2px;
line-height: 22px;
text-transform: uppercase;
background-color:#b9b9b9;
color :#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.fancyheading span.gray { background-color: #666666; }
.fancyheading span.orange { background-color: #ff5c00; }
.fancyheading span.red { background-color: #e62727; }
.fancyheading span.magenta { background-color: #A9014B; }
.fancyheading span.yellow { background-color: #ffb515; }
.fancyheading span.blue { background-color: #00ADEE; }
.fancyheading span.pink { background-color: #e22092; }
.fancyheading span.green { background-color: #91bd09; }
.fancyheading span.black { background-color: #333333; }
.fancyheading span.white { background-color: #FFFFFF; }
.fancyheading span.white span { color: #666666; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Fancy Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.fancybox .boxcontent {
padding: 1px 20px 20px 20px;
}
.fancybox {
position:relative;
height: 100%;
margin:0px 0px 10px 0px;
padding:0;
background-color:#ffffff;
border:1px solid #eeeeee;
border-bottom:5px double #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.fancybox .fancytitle {
position:relative;
background:#f1f2f3;
top:0;
padding:20px 20px;
margin:5px;
font-size:11px;
line-height:14px;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
color:#666666;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}
.fancybox .bigtitle {
margin-top:10px;
margin-bottom:15px;
padding-bottom:15px;
background:url(images/headings_border.png) bottom center no-repeat;
font-size:16px;
line-height:normal;
font-weight:bold;
color:#000;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}
.fancybox .bigtitle span {
font-size:14px;
vertical-align:baseline;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Minimal Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.minimalbox .boxcontent {
margin-top: -10px;
padding: 30px 20px;
}
.minimalbox {
position:relative;
overflow: hidden;
height: 100%;
margin:3px 3px 20px 3px;
background-color:#fff;
border:1px solid #eee;
padding:0px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.minimaltitle {
padding: 30px 0;
text-align:center;
background:#ffffff url(images/box_titlebg_overlay.png) bottom left repeat-x;
}
.minimaltitle h2 {
font-size:14px;
font-weight:bold;
line-height:18px;
margin-bottom:0px;
color:#999;
}
.minimalbox .subtitle {
display:block;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding-top:20px;
color:#777;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Framed Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.framedbox {
position:relative;
margin:20px 0px 20px 0px;
padding:0px;
border:3px double #eee;
background-color:#fff;
}
.framedbox .boxcontent {
padding: 20px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Message Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.messagebox.error { color: #cc0000; border: 1px solid #ffd6d6; background: #ffe7e7;}
.messagebox.info { color: #0055bb; border: 1px solid #d8e5f8; background: #D8E5F8;}
.messagebox.alert { color: #b79000; border: 1px solid #fde179; background: #fef6d8;}
.messagebox.download { color: #7c5216; border: 1px solid #ebdcb5; background: #efe2c2;}
.messagebox.success { color: #57861a; border: 1px solid #c2df88; background: #eef7dd;}
.messagebox.error,
.messagebox.info,
.messagebox.alert,
.messagebox.success,
.messagebox.download {
padding:0px;
margin: 1px 1px 20px 1px;
}
.messagebox_content {
padding:10px;
border:1px solid #fff;
}
/* Notes Box */
.notes {
border: 1px solid #E2E1D5;
background: #FDFDE7;
}
.notes_content {
padding:20px;
border:1px solid #fff;
}
.notes_content p {
margin-bottom: 10px;
border:1px solid #fff;
}
.notes.alignleft {
float:left;
margin-right:15px;
margin-bottom:15px;
}
.notes.alignright {
float:right;
margin-left:15px;
margin-bottom:15px;
}
h4.notes_title {
margin-bottom:10px;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Icons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
a[class ^="icon"] { margin-right:8px; }
span[class ^="icon"] {
margin-right:8px;
line-height:20px;
display:-moz-inline-stack;
display:inline-block;
zoom:1; /* Internet Explorer Hack */
*display:inline;
}
.icon-male { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -780px 0; }
.icon-female { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -760px -20px; }
.icon-addbook { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -740px -40px; }
.icon-movie { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -720px -60px; }
.icon-zip { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -700px -80px; }
.icon-calc { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -680px -100px; }
.icon-arrow { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -660px -120px; }
.icon-medal { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -640px -140px; }
.icon-star { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -620px -160px; }
.icon-error { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -600px -180px; }
.icon-new { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -580px -200px; }
.icon-feed { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -560px -220px; }
.icon-print { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -540px -240px; }
.icon-exclamation { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -520px -260px; }
.icon-yen { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -500px -280px; }
.icon-euro { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -480px -300px; }
.icon-mail { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -460px -320px; }
.icon-pdf { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -440px -340px; }
.icon-home { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -420px -360px; }
.icon-word { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -400px -380px; }
.icon-dollar { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -380px -400px; }
.icon-pound { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -360px -420px; }
.icon-phone { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -340px -440px; }
.icon-support { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -320px -460px; }
.icon-vcard { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -300px -480px; }
.icon-disk { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -280px -500px; }
.icon-monitor { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -260px -520px; }
.icon-download { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -240px -540px; }
.icon-location { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -220px -560px; }
.icon-pin { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -200px -580px; }
.icon-find { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -180px -600px; }
.icon-check { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -160px -620px; }
.icon-help { padding-left: 25px; vertical-align: baseline; background:url(images/icons/icons_black.png) no-repeat -140px -640px; }
.icon-male.blue, .icon-female.blue, .icon-zip.blue, .icon-movie.blue, .icon-addbook.blue, .icon-arrow.blue, .icon-calc.blue, .icon-dollar.blue, .icon-pound.blue, .icon-euro.blue, .icon-yen.blue, .icon-error.blue, .icon-exclamation.blue, .icon-feed.blue, .icon-help.blue, .icon-home.blue, .icon-mail.blue, .icon-medal.blue, .icon-new.blue, .icon-word.blue, .icon-pdf.blue, .icon-phone.blue, .icon-print.blue, .icon-star.blue, .icon-support.blue, .icon-vcard.blue, .icon-disk.blue, .icon-monitor.blue, .icon-download.blue, .icon-pin.blue, .icon-location.blue, .icon-find.blue, .icon-check.blue
{ background-image:url(images/icons/icons_blue.png); }
.icon-male.cyan, .icon-female.cyan, .icon-zip.cyan, .icon-movie.cyan, .icon-addbook.cyan, .icon-arrow.cyan, .icon-calc.cyan, .icon-dollar.cyan, .icon-pound.cyan, .icon-euro.cyan, .icon-yen.cyan, .icon-error.cyan,
.icon-exclamation.cyan,.icon-feed.cyan,.icon-help.cyan,.icon-home.cyan,.icon-mail.cyan,.icon-medal.cyan,.icon-new.cyan,.icon-word.cyan,.icon-pdf.cyan,.icon-phone.cyan,.icon-print.cyan,.icon-star.cyan,.icon-support.cyan,.icon-vcard.cyan,
.icon-disk.cyan,.icon-monitor.cyan,.icon-download.cyan,.icon-pin.cyan,.icon-location.cyan,.icon-find.cyan, .icon-check.cyan
{ background-image:url(images/icons/icons_cyan.png); }
.icon-male.green, .icon-female.green, .icon-zip.green, .icon-movie.green, .icon-addbook.green, .icon-arrow.green, .icon-calc.green, .icon-dollar.green, .icon-pound.green, .icon-euro.green, .icon-yen.green, .icon-error.green,
.icon-exclamation.green,.icon-feed.green,.icon-help.green,.icon-home.green,.icon-mail.green,.icon-medal.green,.icon-new.green,.icon-word.green,.icon-pdf.green,.icon-phone.green,.icon-print.green,.icon-star.green,.icon-support.green,.icon-vcard.green,
.icon-disk.green,.icon-monitor.green,.icon-download.green,.icon-pin.green,.icon-location.green,.icon-find.green, .icon-check.green
{ background-image:url(images/icons/icons_green.png); }
.icon-male.magenta, .icon-female.magenta, .icon-zip.magenta, .icon-movie.magenta, .icon-addbook.magenta, .icon-arrow.magenta, .icon-calc.magenta, .icon-dollar.magenta, .icon-pound.magenta, .icon-euro.magenta, .icon-yen.magenta, .icon-error.magenta,
.icon-exclamation.magenta,.icon-feed.magenta,.icon-help.magenta,.icon-home.magenta,.icon-mail.magenta,.icon-medal.magenta,.icon-new.magenta,.icon-word.magenta,.icon-pdf.magenta,.icon-phone.magenta,.icon-print.magenta,.icon-star.magenta,.icon-support.magenta,.icon-vcard.magenta,
.icon-disk.magenta,.icon-monitor.magenta,.icon-download.magenta,.icon-pin.magenta,.icon-location.magenta,.icon-find.magenta, .icon-check.magenta
{ background-image:url(images/icons/icons_magenta.png); }
.icon-male.gray, .icon-female.gray, .icon-zip.gray, .icon-movie.gray, .icon-addbook.gray, .icon-arrow.gray, .icon-calc.gray, .icon-dollar.gray, .icon-pound.gray, .icon-euro.gray, .icon-yen.gray, .icon-error.gray,
.icon-exclamation.gray,.icon-feed.gray,.icon-help.gray,.icon-home.gray,.icon-mail.gray,.icon-medal.gray,.icon-new.gray,.icon-word.gray,.icon-pdf.gray,.icon-phone.gray,.icon-print.gray,.icon-star.gray,.icon-support.gray,.icon-vcard.gray,
.icon-disk.gray,.icon-monitor.gray,.icon-download.gray,.icon-pin.gray,.icon-location.gray,.icon-find.gray, .icon-check.gray
{ background-image:url(images/icons/icons_gray.png); }
.icon-male.orange, .icon-female.orange, .icon-zip.orange, .icon-movie.orange, .icon-addbook.orange, .icon-arrow.orange, .icon-calc.orange, .icon-dollar.orange, .icon-pound.orange, .icon-euro.orange, .icon-yen.orange, .icon-error.orange,
.icon-exclamation.orange,.icon-feed.orange,.icon-help.orange,.icon-home.orange,.icon-mail.orange,.icon-medal.orange,.icon-new.orange,.icon-word.orange,.icon-pdf.orange,.icon-phone.orange,.icon-print.orange,.icon-star.orange,.icon-support.orange,.icon-vcard.orange,
.icon-disk.orange,.icon-monitor.orange,.icon-download.orange,.icon-pin.orange,.icon-location.orange,.icon-find.orange, .icon-check.orange
{ background-image:url(images/icons/icons_orange.png); }
.icon-male.pink, .icon-female.pink, .icon-zip.pink, .icon-movie.pink, .icon-addbook.pink, .icon-arrow.pink, .icon-calc.pink, .icon-dollar.pink, .icon-pound.pink, .icon-euro.pink, .icon-yen.pink, .icon-error.pink,
.icon-exclamation.pink,.icon-feed.pink,.icon-help.pink,.icon-home.pink,.icon-mail.pink,.icon-medal.pink,.icon-new.pink,.icon-word.pink,.icon-pdf.pink,.icon-phone.pink,.icon-print.pink,.icon-star.pink,.icon-support.pink,.icon-vcard.pink,
.icon-disk.pink,.icon-monitor.pink,.icon-download.pink,.icon-pin.pink,.icon-location.pink,.icon-find.pink, .icon-check.pink
{ background-image:url(images/icons/icons_pink.png); }
.icon-male.red, .icon-female.red, .icon-zip.red, .icon-movie.red, .icon-addbook.red, .icon-arrow.red, .icon-calc.red, .icon-dollar.red, .icon-pound.red, .icon-euro.red, .icon-yen.red, .icon-error.red,
.icon-exclamation.red,.icon-feed.red,.icon-help.red,.icon-home.red,.icon-mail.red,.icon-medal.red,.icon-new.red,.icon-word.red,.icon-pdf.red,.icon-phone.red,.icon-print.red,.icon-star.red,.icon-support.red,.icon-vcard.red,
.icon-disk.red,.icon-monitor.red,.icon-download.red,.icon-pin.red,.icon-location.red,.icon-find.red, .icon-check.red
{ background-image:url(images/icons/icons_red.png); }
.icon-male.yellow, .icon-female.yellow, .icon-zip.yellow, .icon-movie.yellow, .icon-addbook.yellow, .icon-arrow.yellow, .icon-calc.yellow, .icon-dollar.yellow, .icon-pound.yellow, .icon-euro.yellow, .icon-yen.yellow, .icon-error.yellow,
.icon-exclamation.yellow,.icon-feed.yellow,.icon-help.yellow,.icon-home.yellow,.icon-mail.yellow,.icon-medal.yellow,.icon-new.yellow,.icon-word.yellow,.icon-pdf.yellow,.icon-phone.yellow,.icon-print.yellow,.icon-star.yellow,.icon-support.yellow,.icon-vcard.yellow,
.icon-disk.yellow,.icon-monitor.yellow,.icon-download.yellow,.icon-pin.yellow,.icon-location.yellow,.icon-find.yellow, .icon-check.yellow
{ background-image:url(images/icons/icons_yellow.png); }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Widget Lists
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.syswidget {
margin-bottom:40px;
text-align:left;
}
.syswidget ul { margin:0; padding:0; }
.syswidget ul li { margin:0; padding:0; list-style-type:none; background:none; position:relative; }
.syswidget ul li a { padding:1px 0px 1px 0px; text-decoration:none; zoom:1; }
.syswidget ul li a,
.syswidget ul li a:visited { display:block; }
.syswidget ul li ul { margin-left:15px}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Popular / Recent / Related Posts Widgets
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.widget_postslist {
margin:0 0 40px 0;
padding:0;
text-align:left;
}
.widget_postslist ul {
margin:0;
padding:0;
}
.widget_postslist ul li {
clear:both;
overflow:hidden;
padding:15px 0;
list-style:none;
font-size:11px;
line-height:normal;
border-bottom:1px solid #eeeeee;
}
.widget_postslist li:first-child {
padding-top:0;
}
.widget_postslist li:last-child {
border-bottom:0;
}
.widget_postslist p {
margin-bottom:0;
padding-left:0px;
font-size:11px;
line-height:normal;
}
.widget_postslist li a { color:#0377a8; }
.widget_postslist li a:hover { color:#7fc1e0; }
.widget_postslist li .thumb {
float:left;
width:60px;
margin:0 10px 0 0;
padding:0 10px 0px 0;
}
.widget_postslist li .thumb img {
padding:3px;
-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}
.widget_postslist li .thumb img:hover {
background:#7fc1e0;
}
.widget_postslist li .w-postmeta {
padding:5px 0;
font:normal 10px/14px Tahoma, Arial, Verdana, Sans-Serif;
}
.widget_postslist li span.sep {
margin-right:8px;
padding-right:15px;
}
#footer .widget_postslist li {
padding:10px 0 10px 0;
}
.comicon {
width:15px;
height:16px;
padding-left:18px;
background:url(images/rcomment.png) 0 0px no-repeat;
line-height:normal;
}
#footer .comicon {
width:15px;
height:16px;
padding-left:18px;
background:url(images/rcomment.png) 0 0px no-repeat;
line-height:normal;
}
/* 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;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 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 150ms ease-in;
-moz-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}
.flickr_badge_image img:hover {
background: #ff7e00;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 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 15px 0;
padding:15px 0;
border-bottom:1px solid #eee;
}
.comment-author { display:block; }
.comment-author .avatar { float:left; }
.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:#7fc1e0; }
.cancel-comment-reply a {
float:right;
padding:4px 0;
font:Italic 11px Georgia, Times, Serif;
}
.cancel-comment-reply a:hover {
color:#000000;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Comments form
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#commentform input,
#commentform textarea { padding:4px; }
#commentform input[type=image] { width:auto !important; background:none; }
#commentform .btn { border: 0 !important; }
#respond:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
#respond {
position:relative;
clear:both;
padding:15px 0;
border-bottom:1px solid #eee;
}
#respond p { position:relative; }
#respond h3 { font:italic 16px Georgia, Times, Serif; }
#respond label {
width: 60px;
position:absolute;
top:3px;
left:1px;
line-height:18px;
padding:3px 10px;
background:url(images/dot10.png) top right repeat-y;
}
#respond input,
#respond select,
#respond textarea {
width: 98%;
padding:6px 0;
border: 1px solid;
border-color: #ddd #eee #eee #ddd;
}
#respond input:focus,
#respond select:focus,
#respond textarea:focus { border-color: #d6d6d6 #e5e5e5 #e5e5e5 #d6d6d6; }
#respond textarea {
height: 100px;
width: 96%;
padding: 6px;
vertical-align: top;
line-height:20px;
}
#respond span { font:normal 11px Tahoma, Arial, Sans-serif; }
#respond input { text-indent:90px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* List Styles
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.pricing li {
background:#ffffff;
border:1px solid #eeeeee;
border-bottom:1px solid #ddd;
margin-bottom:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul.doubles {
clear:both;
padding-left:25px;
margin-left:0px !important;
overflow:hidden;
}
.doubles li {
float:left;
width:42%;
}
ul.sitemap { margin-left:0px !important; }
ul.list-disc li,
ul.list-circle li,
ul.list-square li,
ul.list-arrow1 li,
ul.list-arrow2 li,
ul.list-arrow3 li,
ul.list-arrow4 li,
ul.list-arrow5 li,
ul.list-bullet1 li,
ul.list-bullet2 li,
ul.list-bullet3 li,
ul.list-bullet4 li,
ul.list-bullet5 li,
ul.list-star1 li,
ul.list-star2 li,
ul.list-star3 li,
ul.list-plus li,
ul.list-minus li,
ul.list-pointer li,
ul.list-style1 li,
ul.list-check li,
ul.sitemap li,
ul.list-tree li {
background-image: url("images/bullets/lists.png");
background-repeat:no-repeat;
background-position: 0 0;
padding-left:25px;
list-style-type:none;
line-height:22px;
}
ul.list-disc li { background-position: -480px 0px; }
ul.list-circle li { background-position: -460px -17px; }
ul.list-square li { background-position: -440px -37px; }
ul.list-arrow1 li { background-position: -420px -57px; }
ul.list-arrow2 li { background-position: -400px -77px; }
ul.list-arrow3 li { background-position: -380px -97px; }
ul.list-arrow4 li { background-position: -360px -117px; }
ul.list-arrow5 li { background-position: -340px -137px; }
ul.sitemap li { background-position: -340px -137px; }
ul.list-bullet1 li { background-position: -320px -157px; }
ul.list-bullet2 li { background-position: -300px -177px; }
ul.list-bullet3 li { background-position: -280px -197px; }
ul.list-bullet4 li { background-position: -260px -217px; }
ul.list-bullet5 li { background-position: -240px -237px; }
ul.list-star1 li { background-position: -220px -257px; }
ul.list-star2 li { background-position: -200px -277px; }
ul.list-star3 li { background-position: -180px -297px; }
ul.list-plus li { background-position: -160px -317px; }
ul.list-minus li { background-position: -140px -337px; }
ul.list-pointer li { background-position: -120px -357px; }
ul.list-style1 li { background-position: -100px -377px; }
ul.list-check li { background-position: -80px -397px; }
ul.red li { background-image:url("images/bullets/list_red.png"); }
ul.green li { background-image:url("images/bullets/list_green.png"); }
ul.blue li { background-image:url("images/bullets/list_blue.png"); }
ul.yellow li { background-image:url("images/bullets/list_yellow.png"); }
ul.magenta li { background-image:url("images/bullets/list_magenta.png"); }
ul.cyan li { background-image:url("images/bullets/list_cyan.png"); }
ul.orange li { background-image:url("images/bullets/list_orange.png"); }
ul.black li { background-image:url("images/bullets/list_black.png"); }
ul.pink li { background-image:url("images/bullets/list_pink.png"); }
ul.navy li { background-image:url("images/bullets/list_navy.png"); }
ul.gray li { background-image:url("images/bullets/list_gray.png"); }
ul.bullet-check li { background: transparent url("images/bullets/check.gif") no-repeat 0 5px; list-style:none; padding-left:25px; }
ul.bullet-check { padding:0;}
ul.list-tree li { background-position: -340px -137px; }
ul.list-tree ul { border-left:1px solid #aaa; margin-left:20px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Dropcaps
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.dropcap1,
.dropcap2 {
float: left;
text-align: center;
overflow:hidden;
}
.dropcap1 {
background:url("images/lines.png") scroll 0 0 transparent;
color:#000;
line-height: 80px;
width: 50px;
margin:5px 15px 15px 0;
font-size: 36px;
}
.dropcap2 {
background-color:#000000;
color:#fff;
line-height: 45px;
height: 45px;
width: 45px;
margin:5px 15px 5px 0;
font-size: 24px;
}
.dropcap3 {
color:#ddd;
float:left;
padding-right:0px;
overflow:hidden;
text-align:center;
line-height: 64px;
width: 64px;
margin:0 10px 0 0;
font-size: 4.5em;
font-weight:bold;
}
.dropcap2.black { background-color:#000000; }
.dropcap2.blue { background-color:#00ADEE; }
.dropcap2.cyan { background-color:#52F3FF; }
.dropcap2.green { background-color:#4CC417; }
.dropcap2.magenta { background-color:#E238EC; }
.dropcap2.navy { background-color:#151B8D; }
.dropcap2.orange { background-color:#F87217; }
.dropcap2.pink { background-color:#F660AB; }
.dropcap2.red { background-color:#E41B17; }
.dropcap2.yellow { background-color:#FFE87C; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Teaser Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.teaserbg {
width:auto;
margin:0 auto 25px auto;
padding:5px;
background-color:#eeeeee;
background:rgba(0, 0, 0, 0.05);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.teaserborder {
position:relative;
overflow:hidden;
margin:0 auto;
padding:20px;
background-color:#FFFFFF;
border:1px solid #ddd;
border-color:rgba(0,0,0,0.16);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.teaserbox {
overflow:hidden;
width:auto;
margin: 30px auto;
padding: 20px 0;
background:#fbfbfb;
border:1px solid #e6e6e6;
border-width:1px 0 1px 0;
}
.teaserbox .teaserbox_content {
width:auto;
margin:0 auto;
background:inherit;
padding:0 15px;
}
.teaserbox h3 {
font-style:normal;
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
}
.teaserbox p { margin-bottom:5px; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Author Box
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#author-box {
margin:20px 0;
padding:30px 0;
border:1px solid #eee;
border-width:1px 0 1px 0;
}
#author-box .authorbox_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;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* WP Calendar
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
table#wp-calendar {
background:none;
border:none !important;
}
#wp-calendar { width:95%; }
#wp-calendar caption { font-size:12px; text-transform:uppercase; letter-spacing:5px; }
#wp-calendar td,
#wp-calendar th { padding:2px; text-align:center; border-left:none; border-right:none; font-size:11px; background:none; }
#wp-calendar tfoot { border:none; }
#wp-calendar thead { border-bottom:5px solid #ddd; }
#wp-calendar tr:hover { background:none; }
#wp-calendar a { font-weight:bold; font-size:11px; text-decoration:underline; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* WP recent comments
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#recentcomments li {
padding:3px 0 5px 0;
padding-left:25px;
background:url(images/rcomment.png) 0 5px no-repeat;
line-height:normal
}
#recentcomments li a {
border-bottom:none;
}
#recentcomments li a:hover {
color:#000;
}
#footer #recentcomments li {
background:url(images/rcomment.png) 0 8px no-repeat;
line-height:normal
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Form validation Results
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.input_small { width:25% !important; }
.input_medium { width:50% !important; }
.input_large { width:90% !important; }
#validate_form label.error { border:none; }
#validate_form .error { color: red; border: 1px solid red; }
div#note,
div#result {
position:relative;
}
.close_note {
position: absolute;
top: 18px;
right: 10px;
font-size:9px;
}
div#note p,
div#result p {
margin-bottom:0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Widget Contact Form
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.sysform label {
padding:5px 0 0 5px;
margin:0px;
vertical-align:top;
}
.sysform label.error {
padding:0;
border:0;
}
.sysform input.txt,
.sysform textarea,
.sysform select {
padding:6px;
outline:none;
border: 1px solid #999;/* IE Hack*/
border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
border-top:rgba(0, 0, 0, .4) 1px solid;
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
/* FF3.5+ */
background: -moz-linear-gradient(
center bottom,
rgba(255, 255, 255, .1) 0%,
rgba(0, 0, 0, .2) 100%
);
/* Safari 4+, Chrome */
background: -webkit-gradient(
linear,
center top,
center bottom,
from(rgba(0, 0, 0, .2)),
to(rgba(255, 255, 255, .1))
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.sysform br { clear:left; }
.sysform p { margin: 0 0 5px 0 !important; }
.sysform .select select:focus { border-color: #999; }
.sysform input:hover,
.sysform textarea:hover {
border: rgba(0, 0, 0, .1) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
}
.sysform textarea {
width:92%;
}
.sysform input.submitbutton {
background:none;
border:none;
}
/* Footer Sysform */
#footer .sysform { font-size:11px; }
#footer .sysform input.txt,
#footer .sysform textarea,
#footer .sysform select {
width:94%;
font-size:11px;
}
#footer .sysform input.txt {
width:55%;
}
#sidebar .sysform input.txt {
width:55%;
color:#999;
}
#sidebar .sysform textarea {
color:#999;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Contact Info
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.contactinfo ul {
list-style-position:outside;
}
.contactinfo ul li {
padding:4px 0 4px 30px;
line-height:normal;
}
.contactinfo .author-icon { background:url(images/icons/icons_black.png) -780px 0 no-repeat; }
.contactinfo .phone-icon { background:url(images/icons/icons_black.png) -340px -440px no-repeat;}
.contactinfo .email-icon { background:url(images/icons/icons_black.png) -460px -320px no-repeat; }
.contactinfo .address-icon { background:url(images/icons/icons_black.png) -220px -560px no-repeat; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 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}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Portfolio Single Page
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.portfoliopage p {
margin-bottom:10px;
line-height:16px;
}
.portfoliopage p span {
display:block;
font-weight:bold;
text-transform:uppercase;
}
.portfoliopage a { color:#999; }
.portfoliopage a:hover { color:#7fc1e0; }
.portfoliopage .details {
padding:0 0 20px 0;
font-size:11px;
border-bottom:1px solid #eee;
}
#single-nav {
padding:0 0 10px 0;
margin-bottom:30px;
border-top:0;
}
.portfolio_single .port_img { margin-bottom:30px;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Post Pagination
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#nav-below {
margin:30px 0;
padding:10px 0;
overflow:hidden;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
font:normal 10px Arial, "Droid Serif", Georgia, Times, Serif;
text-transform:uppercase;
}
#nav-below .nav-previous { float:left; width:45% }
#nav-below .nav-next { float:right; width:45%; text-align:right; }
#nav-below .nav-previous span,
#nav-below .nav-next span { line-height:normal; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Sortable Portfolio
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.sort_img img,
.sort_img a img {
position:relative;
z-index: 1;
}
.image-grid {
margin: 10px 0 0 0px;
width: 100%;
}
.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.image-grid li {
overflow: hidden;
position:relative;
width: 210px;
height:220px;
margin: 0px 13px 40px 13px;
padding: 0 0 10px 0;
float: left;
font-size:11px;
line-height: 17px;
color: #666;
border-bottom:1px solid #eee;
}
.image-grid li strong {
display: block;
padding-bottom:8px;
color: #999;
font-size:12px;
}
.image-grid h1 {
color: #999;
font-size:12px;
line-height:18px;
margin-bottom:5px;
}
.image-grid p {
color: #999;
font-size:11px;
line-height:13px;
margin-bottom:5px;
}
.image-grid .imgborder {
margin-bottom:10px;
display:block
}
.splitter:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.splitter { margin: 0 0 40px 0; text-align: center; border-bottom: 1px solid #ddd; padding: 6px 40px 5px; font-size: 12px; }
.splitter ul { margin-right: 0; margin-top: 0; }
.splitter > li { padding-left: 8px; }
.splitter > li ul { margin-left: 8px; }
.splitter ul li a { border-bottom: 0; position: static; }
.splitter li,
.splitter ul,
.splitter ul li a { display: inline; display: inline-block; line-height: 1; }
.splitter ul,
.splitter ul li,
.splitter ul li a { }
.splitter ul { background-position: 0 -138px; background-repeat: repeat-x; }
.splitter ul li { margin-left: 1px; }
.splitter ul li:first-child { margin-left: 0; }
.splitter ul li a { padding: 5px 8px 6px; color: #999999; text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; text-decoration: none;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Portfolio
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.portfolio_item {
overflow:hidden;
width:100%;
padding:0px 0px 20px 0px;
}
.port_box {
display:block;
float:left;
width:100%;
margin-bottom:15px;
border-bottom:1px solid #eee;
}
.two_third .port_box { border:none; }
/*this is for the Recent Posts widget?*/
.img_border { }
.posttags { font-size:10px; }
.port_desc { padding:20px 2px 2px 2px; margin:0; }
.port_desc p { margin-bottom:10px; }
.port_desc.col1 { padding:0px 2px 2px 2px; margin:0; }
.port_desc h1 { margin-bottom:10px; font-size:14px; line-height:18px; }
.port_desc .pdate { display:block; }
.port_desc .pdate,
.port_desc a.casestudy,
.port_desc a.visitsite {
font-size:10px;
color:#777;
padding:0 10px 0 0px;
}
.port_desc a.visitsite {
background:url(images/dot10.png) 0 0 repeat-y;
padding:0 10px 0 10px;
}
.port_desc a.visitsite:hover,
.port_desc a.casestudy:hover { color:#7fc1e0 }
.portfolio_single .postimg { margin-bottom:20px;}
.port_box {
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Hover Image Icons
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.hover_type {
display: none;
position:relative;
z-index:2;
}
.hover_type a {
position: absolute;
display: block;
bottom: 10px;
right: 10px;
width: 25px;
height: 25px;
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: 40px !important; }
/* Hover Video */
.hover_type a.hovervideo { background-position: -30px 0; right: 40px !important; }
/* Hover Custom Link */
.hover_type a.hovercustomlink { background-position: 0 0; right: 40px !important; }
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Post Attachment Slider
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.post_slider {
display:block;
position:relative;
z-index:2;
}
.port_img,
.sort_img,
.postimg {
display:block;
position: relative;
min-height: 80px;
margin-bottom:5px;
padding:0;
}
.port_img .imgborder,
.sort_img .imgborder,
.postimg .imgborder {
display:block;
}
.postimg img { /*the square preview image for the post*/
padding:3px;
-webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;
}
.postimg img:hover {
background:#7fc1e0;
}
/* Post Slider Navigation */
.postslider_nav {
bottom: -6px;
position: relative;
left: 0px;
}
.postslider_nav a {
background: url("images/post_slider_navs.png") no-repeat -18px 0;
display: block;
float: left;
width:7px;
height: 7px;
margin-right: 5px;
text-indent: -9999px;
outline:none;
}
.postslider_nav a.activeSlide {
background: url("images/post_slider_navs.png") no-repeat 0 0;
}
.postslider_nav a:hover {
background: url("images/post_slider_navs.png") no-repeat -18px 0;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* Portfolio Pagination
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
#single-nav {
margin:15px 0;
padding:10px 0;
overflow:hidden;
border-bottom:4px solid #444;
font:italic 12px "Droid Serif", Georgia, Times, Serif;
}
#single-nav .nav-previous {
float:left;
color:#fff;
}
#single-nav .nav-next {
float:right;
text-align:right;
}
#single-nav .nav-previous span,
#single-nav .nav-next span {
line-height:normal;
}
.video-stage { position:relative; z-index:1;}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}