﻿/*
Theme Name: Slide
Version: 2.1.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.
Author: GhostPool Designs
Author URI: http://www.ghostpool.com
*/

/*************************** General Styling ***************************/

/* Page Styling */
body {
color: #333;
margin: 0 auto;
padding: 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial;
font-size: 13px;
font-weight: normal;
text-align: center;
}

/* Text Styling */
a {
color: #808080;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #333;
margin: 0;
padding: 0 0 10px 0;
line-height: 1;
}
h1 {
font-size: 45px;
font-weight: 300;
}
h2 {
font-size: 30px;
font-weight: 300;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 14px;
}
p {
line-height: 19px;
margin-bottom: 12px;
}
strong {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
}

/* List Styling */
ol {
padding: 0;
margin: 0;
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
border-bottom: 1px solid #eee;
background-position: -27px -12px;
background-repeat: no-repeat;
list-style-image: none;
list-style-type: none;
padding: 10px 0 10px 20px;
margin: 0;
}
ul .li-first {
border-top: 0;
}
ul .li-last {
border-bottom: 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
ul li,
.recentcomments,
.slide-prev,
.slide-next,
h3.accordion-title,
h3.toggle {
background-image: url(images/sprite.png);
}

/* Form Styling */
input,
textarea,
select {
font-family: "Lucida Sans Unicode", "Lucida Grande", Arial;
font-size: 13px;
padding: 3px;
color: #333;
border: 1px solid #eee;
background-color: #f8f8f8;
}
textarea {
resize: none;
}
select {
padding: 0;
}
input[type="submit"],
input[type="reset"] {
padding: 3px 10px;
border: 0;
cursor: pointer;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
border: 0;
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
border: 0;
}
fieldset {
border: 1px solid #eee;
margin: 0;
padding: 10px;
}
legend {
font-weight: bold;
}

/* Table Styling */
table {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
th {
background: #eee;
padding: 5px 10px;
}
td {
background: #fff;
border-bottom: 1px solid #eee;
padding: 5px 10px;
font-size: 12px;
}

/* Other Styling */
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
clear: both;
border-top: 1px solid #d8d8d8;
width: 100%;
height: 2px;
padding: 0 !important;
margin: 20px 0;
position: relative;
}
pre {
background: #f8f8f8;
border: 1px solid #eee;
padding: 15px;
margin: 5px 0 20px 0;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}
code {
font-family: "Courier New";
background: #f8f8f8;
border: 1px solid #eee;
clear: both;
display: block;
font-size: 12px;
line-height: 19px;
padding: 5px 15px;
margin: 10px 0 10px 0;
}
xmp {
background: #f8f8f8;
border: 1px solid #eee;
padding: 15px;
margin: 5px 0 20px 0;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}

/* Image Styling */
.aligncenter {
position: relative;
margin: 20px auto !important;
display: block;
clear: both;
}
.alignleft {
position: relative;
float: left;
margin: 0 20px 5px 0;
}
.alignright {
float: right;
position: relative;
margin: 0 0 5px 20px;
}
.wp-caption {
position: relative;
padding: 12px 5px;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption-text {
margin: 5px 5px 0 5px;
font-size: 11px;
color: #666;
}
.gallery img {
padding: 3px;
border: 1px solid #eee !important;
background: #f8f8f8;
}
.preload {
display: none;
}
.no-js .preload {
display: block;
}

/* Alignment Styling */
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
line-height: 0;
padding: 0;
margin: 0;
height: 0;
display:block;
font-size:0;
width:100%;
}


/*************************** Content Areas ***************************/

/* Page Wrap*/
#page-wrapper {
position: relative;
margin: 0 auto;
width: 1200px;
text-align: left;
-webkit-box-shadow: 1px 1px 25px #202020;
-moz-box-shadow: 1px 1px 25px #202020;
box-shadow: 1px 1px 25px #202020;
display: none;
}
#page-wrapper.display {
display: block;
}
.no-js #page-wrapper {
display: block;
}

/* Content Wrapper */
#content-wrapper {
float: left;
width: 1140px;
padding: 30px;
background: #fff;
}


/*************************** Main Content ***************************/

/* Main Content */
#main-content {
position: relative;
width: 800px; 
}

/* Main Content Left */
.sb-right #main-content {
float: left;
padding-right: 30px;
}
.sb-both-right #main-content {
float: left;
width: 460px;
padding-right: 30px;
}

/* Main Content Right */
.sb-left #main-content {
float: right;
padding-left: 30px;
}
.sb-both-left #main-content {
float: right;
width: 460px;
padding-left: 30px;
}

/* Main Content Central */
.sb-both #main-content {
float: left;
width: 460px;
padding: 0 30px;
}

/* Main Content Fullwidth */
.fullwidth #main-content {
width: 1140px;
}


/*************************** Sidebar ***************************/

/* Sidebar */
.sidebar {
width: 279px;
}

/* Sidebar Left */
.sb-right #sidebar-1 {
float: right;
border-left: 1px solid #e0e0e0;
padding-left: 30px;
}

/* Sidebar Right */
.sb-left #sidebar-1 {
float: left;
border-right: 1px solid #e0e0e0;
padding-right: 30px;
}

/* 2x Sidebars */
.sb-both #sidebar-1 {
float: left;
padding-right: 30px;
border-right: 1px solid #e0e0e0;
}
.sb-both #sidebar-2 {
float: right;
padding-left: 30px;
border-left: 1px solid #e0e0e0;
}

/* 2x Sidebars Right */ 
.sb-both-right #sidebar-1 {
float: left;
padding: 0 30px;
border-left: 1px solid #e0e0e0;
}
.sb-both-right #sidebar-2 {
float: right;
padding-left: 30px;
border-left: 1px solid #e0e0e0;
}

/* 2x Sidebars Left */ 
.sb-both-left #sidebar-1 {
float: left;
padding-right: 30px;
border-right: 1px solid #e0e0e0;
}
.sb-both-left #sidebar-2 {
float: left;
padding: 0 30px;
border-right: 1px solid #e0e0e0;
}


/*************************** Header ***************************/

/* Accordion Switcher */
#accordion-switcher {
position: relative;
z-index: 101;
margin: 0 auto;
height: 18px;
width: 1200px;
padding: 11px 0;
display: none;
}
#accordion-switcher.display,
.no-js #accordion-switcher {
display: block;
}
#accordion-switcher a {
float: left;
width: 23px;
height: 18px;
margin-left: 10px;
cursor: pointer;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#accordion-switcher a:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#accordion-switcher .haccordion {
background: url(images/icon-haccordion.png) no-repeat;
}
#accordion-switcher .vaccordion {
background: url(images/icon-vaccordion.png) no-repeat;
}
#accordion-switcher .full {
background: url(images/icon-full.png) no-repeat;
}

/* Header Container */
#header {
float: left;
position: relative;
width: 100%;
z-index: 100;
}

/* Logo */
#logo {
float: left;
height: 115px;
padding: 30px;
position: relative;
overflow: hidden;
text-transform: uppercase;
}
.no-js #logo {
width: 190px;
}
#logo h1 {
padding: 0;
float: left;
}
#logo h1 a {
float: left;
display: block;
font-size: 70px;
padding: 0;
}

/* Header Right */
#header-right {
float: right;
}
.no-js #header-right {
width: 945px;
}

/* Header Search Form */
#header #searchform {
float: left;
border: 0;
margin-top: 15px;
}
#header #searchbar {
border: 0;
}
#searchbar {
float: left;
background: #fff;
width: 120px;
height: 10px;
padding: 10px;
margin: 0;
}
#searchsubmit {
float: left;
background: #fff;
color: #333;
font-size: 15px;
height: 30px;
width: 30px;
margin: 0;
border: 0;
}

/* Tagline */
#tagline {
float: left;
height: 60px;
padding: 30px;
background: #1f2425;
}
#tagline h2 {
display: block;
color: #61676b;
font-size: 22px;
height: 70px;
padding: 0;
font-weight: 400;
}

/* Social Icons */
#social {
float: left;
height: 20px;
padding: 15px 30px;
font-size: 20px;
line-height: 20px;
}

/* Twitter Feed */
#twitter-feed {
float: left;
overflow: hidden;
height: 20px;
line-height: 20px;
padding: 15px 30px;
}
.no-js #twitter-feed {
width: 268px;
}
#twitter-logo {
float: left;
font-size: 20px;
margin-right: 20px;
}
#twitter-text {
font-size: 15px;
}
marquee {
width: 240px;
}


/*************************** Navigation Menu ***************************/

/* Nav Wrapper */
#nav {
float: left;
padding: 0 15px;
height: 50px;
position: relative;
z-index: 160;
font-size: 18px;
}
.no-js #nav {
width: 461px;
font-size: 13px;
}
#nav .menu {
display: inline;
}

/* Top Level Nav */
#nav ul, #nav ul ul {
float: left;
position: relative;
list-style-type: none;
list-style-position: outside;
}
#nav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#nav ul li {
float: left;
background: none;
display: block;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
#nav ul a {
display: block;
padding: 15px;
height: 20px;
line-height: 20px;
}

/* Drop Down Menus */
#nav .sub-menu {
position: absolute;
z-index: 100;
top: 50px;
left: 0;
display: none;
padding: 0;
margin: 0;
}
#nav .sub-menu li {
background: none;
margin: 0;
padding: 0;
height: auto;
position: static;
}
#nav li:hover > .sub-menu {
display: block;
}
#nav .sub-menu a {
background: none;
display: block;
height: auto;
float: left;
padding: 10px 15px;
margin: 0;
width: 200px;
font-size: 15px;
}

/* Sub Drop Down Menus */
#nav ul .sub-menu li ul {
top: auto;
left: 230px;
}


/*************************** Page/Post Styling ***************************/

/* Breadcrumbs */
#breadcrumbs {
float: left;
font-size: 11px;
padding-bottom: 10px;
}
#breadcrumbs, #breadcrumbs a {
color: #999;
}

/* Top Content */
#top-content {
float: left;
position: relative;
width: 100%;
}

/* Blog */
.blog {
float: left;
width: 100%;
}

/* Posts */
.post {
float: left;
position: relative;
margin-bottom: 30px;
}
.post h2 {
padding-bottom: 15px;
}
.post-thumbnail {
float: left;
position: relative;
overflow: hidden;
border: 1px solid #fff;
-webkit-box-shadow: 1px 1px 10px #bbbbbd;
-moz-box-shadow: 1px 1px 10px #bbbbbd;
box-shadow: 1px 1px 10px #bbbbbd;
margin-bottom: 20px;
}
.post-thumbnail img {
position: relative;
display: block;
}
.post-thumbnail.wrap {
margin-right: 20px;
margin-bottom: 10px;
}
.post.two-columns {
width: 49%;
margin-right: 2%;
}
.post.columns-last {
margin-right: 0;
}

/* Post Meta */
.page-title {
padding-bottom: 30px;
}
.post-meta {
color: #333;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 11px;
padding: 10px 0;
margin: 0 0 15px 0;
line-height: 19px;
}
.post-meta a {
color: #333;
}

/* Attachments */
.attachment img {
max-width: 100%;
height: auto;
}


/*************************** Shortcodes: Columns ***************************/

/* General */
.columns {
float: left;
position: relative;
line-height: 19px;
}

/* Blank Columns */
.blank {
margin-right: 2%;
}
.one.blank {
width: 100%;
}
.two.blank {
width: 49%;
}
.three.blank {
width: 32%;
}
.four.blank {
width: 23.5%;
}
.onethird.blank {
width: 32%;
}
.twothirds.blank {
width: 66%;
}
.onefourth.blank {
width: 23.5%;
}
.threefourths.blank {
width: 74.5%;
}

/* Separate Columns */
.separate > div {
position: relative;
padding: 20px;
border: 1px solid #d8d8d8;
background-color: #fff;
-webkit-box-shadow: 1px 1px 5px #dbdbdc;
-moz-box-shadow: 1px 1px 5px #dbdbdc;
box-shadow: 1px 1px 5px #dbdbdc;
}
.separate {
margin-right: 2%;
}
.one.separate {
width: 100%;
}
.two.separate {
width: 49%;
}
.three.separate {
width: 32%;
}
.four.separate {
width: 23.5%;
}
.onethird.separate {
width: 32%;
}
.twothirds.separate {
width: 66%;
}
.onefourth.separate {
width: 23.5%;
}
.threefourths.separate {
width: 74.5%;
}

/* Joint Columns */
.joint > div {
position: relative;
padding: 20px;
border: 1px solid #d8d8d8;
background-color: #fff;
-webkit-box-shadow: 1px 1px 5px #dbdbdc;
-moz-box-shadow: 1px 1px 5px #dbdbdc;
box-shadow: 1px 1px 5px #dbdbdc;
}
.middle.joint > div {
border-left-color: #fff;
}
.last.joint > div {
border-left-color: #fff;
}
.one.joint {
width: 100%;
}
.two.joint {
width: 50%;
}
.three.joint {
width: 33.33%;
}
.four.joint {
width: 25%;
}
.onethird.joint {
width: 33.33%;
}
.twothirds.joint {
width: 66.33%;
}
.onefourth.joint {
width: 25%;
}
.threefourths.joint {
width: 75%;
}

.last {
clear: right;
margin-right: 0;
}


/*************************** Shortcodes: Images ***************************/

/* Image */
.sc-image a {
display: block;
margin: 0 auto;
}

/* Lightbox */
.hover-image, .hover-video {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
cursor: pointer;
}
.hover-image {
background: url(images/zoom.png) no-repeat center center;
}
div.gallery-item .gallery-icon a {
display: block;
position: relative;
margin: 0 auto;
}
div.gallery-item .gallery-icon .hover-image {
margin: 4px 0 0 4px;
}
.hover-video {
background: url(images/play.png) no-repeat center center;
}
.image:hover .hover-image, .image:hover .hover-video {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.pp_gallery li {
background: none;
border: 0;
padding: 0;
}
.pp_gallery li.jwplayer a {
background: url(images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
width: 50px;
height: 33px;
display: block;
}


/*************************** Shortcodes: Video ***************************/

.sc-video.aligncenter object, .sc-video.aligncenter div {
margin: 0 auto;
display: block;
}
.hide-icons > div > div > div > div > div {
background-image: none !important;
}


/*************************** Shortcodes: Fade Slider ***************************/

/* Slider */
.slider-wrapper {
position: relative;
display: none;
}
.slider-wrapper.display,
.no-js .slider-wrapper {
position: relative;
display: block;
}
.slider-wrapper.aligncenter {
margin: 0 auto !important;
}
.slider {
float: left;
position: relative;
}

/* Individual Slides */
.slider .slide {
display: none;
}
.slider.display .slide {
display: block;
}
.no-js .slider div:first-child {
display: block;
}

/* Slide Video */
.slide-video {
position: relative;
display: inline-block;
background: #000;
cursor: pointer;
}
.slide-video > div {
width: inherit !important;
height: inherit !important;
}

/* Caption Frame */
.caption-frame {
position: relative;
padding: 20px;
line-height: 19px;
overflow: hidden;
}
.caption-left {
float: left;
}
.caption-right {
float: right;
}

/* Caption Overlay */
.caption-overlay {
position: absolute;
z-index: 100;
padding: 20px 20px 10px 20px;
max-width: 45%;
line-height: 19px;
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.caption-overlay.caption-topleft {
top: 20px;
left: 0;
}
.caption-overlay.caption-topright {
top: 20px;
right: 0;
}
.caption-overlay.caption-bottomleft {
bottom: 20px;
left: 0;
}
.caption-overlay.caption-bottomright {
bottom: 20px;
right: 0;
}

/* Slider Nav */
.slider-nav-wrapper {
float: left;
position: relative;
z-index: 90;
width: 100%;
text-align: center;
}
.nav-type-1.slider-nav-wrapper {
background: #eee;
}
.nav-type-2.slider-nav-wrapper {
background: none;
}
.slider-nav {
display: inline-block;
}
.slider-button {
float: left;
background: #d8d8d8;
margin: 10px 5px 10px 5px;
width: 10px;
height: 10px;
cursor: pointer;
}

/* Slider Arrows */
.slide-prev {
position: absolute;
left:-20px;
background-repeat: no-repeat;
background-position: 0 -20px;
width: 10px;
height: 15px;
cursor: pointer;
}
.slide-next {
position: absolute;
right:-20px;
background-position: -25px -20px;
background-repeat: no-repeat;
width: 10px;
height: 15px;
cursor: pointer;
}


/*************************** Shortcodes: Accordion Slider ***************************/

/* Accordion Slider */
.accordion-slider {
position: relative;
background: #fff url(images/preloader.gif) no-repeat center center;
display: block;
overflow: hidden;
padding: 0;
margin: 0;
}
.accordion-slider.hide-preloader {
background-image: none;
}
.accordion-slider li {
background: none;
list-style: none;
position: relative;
display: block;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
}

/* Accordion Caption */
.accordion-slider .panel .caption-outer {
position: absolute;
left: 0;
width: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
z-index: 11;
}
.no-js .accordion-slider .panel:hover .caption-outer {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.caption-top {
top: -1px;
}
.caption-bottom {
bottom: -1px;
}
.caption-inner {
padding: 20px 20px 10px 20px;
}

/* Horizontal/Vertical */
.accordion-slider .horizontal li {
float: left;
}
.accordion-slider .vertical li {
}


/*************************** Shortcodes: Text Boxes ***************************/

.text-box {
float: left;
display: inline-block;
}
.text-box.centered {
float: none;
display: block;
}
.text-box p {
line-height: inherit;
}


/*************************** Shortcodes: Buttons ***************************/

.button-wrapper {
float: left;
z-index: 1;
position: relative;
display: inline-block;
margin: 10px 10px 10px 0;
}
.button {
line-height: 1;
height: 100%;
}
.button a,
.button a:hover {
display: block;
height: 100%;
color: #fff;
font-size: 12px;
padding: 8px 12px;
white-space:nowrap;
}

/* Dark Grey Button */
.darkgrey.button a {
background-color: #202020;
}
.darkgrey.button a:hover {
background: #404040;
}

/* Brown Button */
.brown.button a {
background-color: #5e3e2c;
}
.brown.button a:hover {
background: #2b1406;
}

/* Blue Button */
.blue.button a {
background-color: #09b0fe;
}
.blue.button a:hover {
background: #258df8;
}

/* Lime Green Button */
.limegreen.button a {
background-color: #bad06d;
}
.limegreen.button a:hover {
background: #a4cc56;
}

/* Teal Button */
.teal.button a {
background-color: #366a7b;
}
.teal.button a:hover {
background: #23444b;
}

/* Red Button */
.red.button a {
background-color: #93063b;
}
.red.button a:hover {
background: #b03238;
}

/* Orange Button */
.orange.button a {
background-color: #ee8600;
}
.orange.button a:hover {
background: #b25f0f;
}

/* Yellow Button */
.yellow.button a {
background-color: #d8d11d;
}
.yellow.button a:hover {
background: #dcc10a;
}


/*************************** Shortcodes: Dividers ***************************/

.divider {
border-top: 1px solid #eee;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 30px 0;
position: relative;
}
.divider.top a {
font-size: 8px;
float: right;
width: 20px;
position: absolute;
top: -20px;
right: 0;
color: #999;
text-align: right;
}
.divider.clear {
border: 0;
margin-bottom: 0;
}


/*************************** Shortcodes: Blockquotes ***************************/

blockquote {
clear: both;
font-size: 14px;
margin: 5px 20px 10px 20px;
padding: 10px 0 5px 25px;
overflow: hidden;
}
blockquote p {
line-height: 23px;
}
.blockquote-left {
float: left;
margin: 10px 20px 20px 0;
}
.blockquote-right {
float: right;
margin: 10px 0 20px 20px;
}
.blockquote-right, .blockquote-left {
width: 30%;
font-size: 14px;
line-height: 23px;
padding: 10px 0 5px 25px;
}
blockquote, .blockquote-right, .blockquote-left {
background: url(images/bq-light.png) no-repeat;
}


/*************************** Shortcodes: Accordion ***************************/

.accordion .panel {
position: relative;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
border: 1px solid #d8d8d8;
background-color: #fff;
-webkit-box-shadow: 1px 1px 5px #dbdbdc;
-moz-box-shadow: 1px 1px 5px #dbdbdc;
box-shadow: 1px 1px 5px #dbdbdc;
}
h3.accordion-title {
font-size: 18px;
padding: 10px 0 10px 30px;
background-position: -15px -11px;
background-repeat: no-repeat;
}
h3.ui-state-active.accordion-title {
background-position: 3px -37px;
}
.panel-content {
padding: 0 20px 20px 20px;
line-height: 19px;
}


/*************************** Shortcodes: Toggle Box ***************************/

h3.toggle {
background-repeat: no-repeat;
background-position: -27px -23px;
font-size: 16px;
padding: 0 0 20px 23px;
cursor: pointer;
}
h3.toggle a {
text-decoration: none;
display: block;
}
h3.toggle-active {
background-position: -6px -50px;
}
.toggle-box {
clear:both;
margin: 0 0 10px 0;
overflow: hidden;
}


/*************************** Shortcodes: Portfolios ***************************/

/* Portfolio */
.portfolio {
width: 100%;
}
.portfolio-item {
float: left;
}
.portfolio-thumbnail {
float: left;
position: relative;
overflow: hidden;
border: 1px solid #fff;
-webkit-box-shadow: 1px 1px 10px #bbbbbd;
-moz-box-shadow: 1px 1px 10px #bbbbbd;
box-shadow: 1px 1px 10px #bbbbbd;
margin-bottom: 20px;
}
.portfolio-thumbnail img {
position: relative;
display: block;
}

/* Portfolio Type Two/Three Columns */
.portfolio-three-col .portfolio-item, .portfolio-two-col .portfolio-item {
margin-bottom: 20px;
}
.portfolio-three-col h2, .portfolio-two-col h2 {
font-size: 25px;
}

/* Portfolio Type Large */
.portfolio-large .portfolio-thumbnail {
margin-right: 20px;
}
.portfolio-large h2 {
font-size: 30px;
}

/* Portfolio Type Grid */
.portfolio-grid .portfolio-text {
float: left;
}
.portfolio-grid h2 {
font-size: 20px;
}


/*************************** Shortcodes: Contact Form ***************************/

#contact-form {
float: left;
width: 100%;
margin-bottom: 12px;
}
#contact-form .contact-verify {
float: left;
margin-right: 10px;
}
#contact-form .contact-submit {
float: left;
}
#contact-form label {
padding-left: 10px;
}
#contact-form textarea {
width: 95%;
max-width:560px;
}
.required {
color: #ff0000;
}
#contact-form .loader {
display: none;
background: url(images/loader-light.gif) no-repeat right bottom;
float: left;
padding: 3px 0 0 10px;
width: 16px;
height: 16px;
}
.contact-success, .contact-error {
margin: 0 0 10px 0;
display: block;
min-height: 22px;
line-height: 22px;
padding: 3px 10px 3px 35px;
}
.contact-success {
background: #e3f8bf url(images/success.png) no-repeat 10px center;
border: 1px solid #9bd23a;
color: #5e8a11;
}
.contact-error {
background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
border: 1px solid #FBC2C4;
color: #8a1f11;
}
#contact-form .input-error {
border: 1px solid #FBC2C4;
}


/*************************** Shortcodes: Drop Caps ***************************/

.dropcap1 {
display: block;
position: relative;
float: left;
font-size: 40px;
margin: 0 10px -8px 0;
padding: 0;
text-align: center;
}
.dropcap2 {
display: block;
position: relative;
float: left;
font-size: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
background: #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap3 {
display: block;
position: relative;
float: left;
font-size: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #999;
background: #404040;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap4 {
display: block;
position: relative;
float: left;
font-size: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
background: #eee;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.dropcap5 {
display: block;
position: relative;
float: left;
font-size: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #999;
background: #404040;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}


/*************************** Shortcodes: Author Info ***************************/

.author-info {
float: left;
border: 1px solid #eee;
background: #f8f8f8;
padding: 1.3%;
width: 97.4%;
margin: 20px 0;
}
.author-info .avatar {
float: left;
margin-right: 10px;
}
.author-info .author-name {
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
font-weight: bold;
padding-bottom: 10px;
}
.author-info .author-links {
float: right;
color: #999999;
font-size: 11px;
padding-bottom: 10px;
}
.author-info .author-desc {
font-size: 11px;
line-height: 16px;
}


/*************************** Shortcodes: Related Posts ***************************/

/* Related Posts Container */
#related-posts {
float: left;
width: 100%;
margin: 20px 0;
}
#related-posts h3 {
padding-bottom: 20px;
}

/* Individual Posts */
.related-post {
float: left;
width: 31%;
margin-right: 2%;
}
.related-post .divider {
margin: 10px 0;
}
.related-image {
border: 1px solid #eee;
background: #f7f7f7 url(images/related-post.png) no-repeat center center;
float: left;
padding: 3px;
margin-right: 10px;
line-height: 0;
width: 55px;
height: 55px;
}
.related-image img {
width: 55px;
height: 55px;
}
.related-post h5 {
padding-bottom: 5px;
}
.related-date {
color: #999;
font-size: 11px;
}


/*************************** Shortcodes: Tabs ***************************/

.ui-tabs {
position: relative;
padding: .2em;
padding-top:0 !important;
top:-4px;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 0 0 0 2px;
}
.ui-tabs .ui-tabs-nav li { 
z-index: 1;
border: 1px solid #d8d8d8;
background-image: none;
list-style: none !important;
float: left;
position: relative;
top: 4px;
margin: 0 .2em 1px 0 !important;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li:hover { 
background: #f8f8f8;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 8px;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li a:hover {
color: #000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
z-index: 3;
background: #fff;
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
} 
.ui-tabs-nav .tabhead {
cursor:pointer;
font-size: 14px !important;
margin-bottom: 0;
display: block;
}
.ui-tabs-panel  {
z-index: 2;
position: relative;
height: inherit;
line-height: 19px;
overflow: hidden;
margin: 2px;
margin-bottom: 10px;
padding: 12px;
border: 1px solid #d8d8d8;
background-color: #fff;
-webkit-box-shadow: 1px 1px 5px #dbdbdc;
-moz-box-shadow: 1px 1px 5px #dbdbdc;
box-shadow: 1px 1px 5px #dbdbdc;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}


/*************************** Shortcodes: Login/Register Forms ***************************/

#loginform,
#registerform {
float: left;
margin: 10px 0;
}
#loginform label,
#registerform label {
padding-left: 5px;
}
label[for=user_login],
label[for=user_pass] {
float: right;
margin-top: 5px;
}
#loginform .login-remember label {
padding-left: 0;
}

/*************************** Shortcodes: Notifications ***************************/

.notify {
position: relative;
margin: 10px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: block;
line-height: 19px;
padding: 20px 20px 20px 95px;
font-size: 11px;
color: #fff;
text-shadow: 1px 1px 2px #000;
}

.notify-star {
background: #dcdcdc url(images/notify-star.png) repeat-x;
border: 1px solid #c6c6c6;
color: #000;
text-shadow: 1px 1px 2px #fff;
}
.notify-warning {
background: #cc6806 url(images/notify-warning.png) repeat-x;
border: 1px solid #964a00;
}
.notify-error {
background: #7f0936 url(images/notify-error.png) repeat-x;
border: 1px solid #230510;
}
.notify-help {
background: #539ce6 url(images/notify-help.png) repeat-x;
border: 1px solid #2670bb;
}
.notify-success {
background: #A4CB5E url(images/notify-success.png) repeat-x;
border: 1px solid #9bd23a;
}

.notify .icon {
position: absolute;
top: 20px;
left: 20px;
width: 55px;
height: 52px;
}
.notify-star .icon {
background: url(images/notify-star-icon.png) no-repeat;
}
.notify-warning .icon {
background: url(images/notify-warning-icon.png) no-repeat;
}
.notify-error .icon {
background: url(images/notify-error-icon.png) no-repeat;
}
.notify-help .icon {
background: url(images/notify-help-icon.png) no-repeat;
}
.notify-success .icon {
background: url(images/notify-success-icon.png) no-repeat;
}


/*************************** Footer ***************************/

/* Footer Container */
#footer {
float: left;
position: relative;
z-index: 150; 
width: 1160px;
padding: 15px 20px;
}

/* Footer Toggle */
#footer-toggle {
position: absolute;
z-index: 150; 
top: -23px;
left: 1px;
width: 15px;
padding: 3px 5px 4px 5px;
font-size: 15px;
text-align: center;
cursor: pointer;
}
#footer-toggle.footer-widgets-open .footer-open,
#footer-toggle.footer-widgets-closed .footer-close,
#footer-toggle.footer-widgets-open.toggle-active .footer-close,
#footer-toggle.footer-widgets-closed.toggle-active .footer-open,
#footer-toggle.footer-widgets-closed.toggle-active .footer-close {
display: none;
}
#footer-toggle.footer-widgets-open .footer-close,
#footer-toggle.footer-widgets-open.toggle-active .footer-open,
#footer-toggle.footer-widgets-closed.toggle-active .footer-close {
display: block;
}
.no-js #footer-toggle {
display: none;
}

/* Footer Widgets */
#footer-widgets {
float: left;
position: relative;
width: 100%;
}
.footer-widget-outer {
float: left;
margin: 0 0 0 30px;
}
.footer-widget-inner {
float: left;
width: 100%;
padding-bottom: 20px;
}
#footer h3 cufon,
#footer h3 canvas {
position: static !important;
}
#footer div:first-child {
margin-left: 0;
}
.footer-whole {
width: 1160px;
}
.footer-half {
width: 565px;
}
.footer-third {
width: 366.66px;
}
.footer-fourth {
width: 267.5px;
}

/* Footer Lists */
#footer li {
background: none;
padding-left: 0;
}

/* Footer Forms */
.footer-widget-inner textarea {
height: 75px;
}
.footer-fourth #contact-form .textfield {
width: 125px;
}
.footer-widget-inner .loader {
background: url(images/loader-dark.gif) no-repeat right bottom;
}

/* Footer Copyright */
#copyright {
float: left;
font-size: 11px;
}

/* Footer Navigation */
#footer-nav ul {
float: right;
font-size: 11px;
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
}
#footer-nav li {
float: left;
background: none;
display: inline-block;
position: relative;
padding: 0 10px 0 0;
margin: 0;
border: 0;
}
#footer-nav li ul {
display: none;
}

#page-bottom {
height: 40px;
}


/*************************** Widgets ***************************/

/* General Widget Styling */
.widget {
float: left;
width: 100%;
margin-bottom: 40px;
}
.widget h3, .widget h3 a, .widget h3 a:hover {
color: #333;
font-size: 22px;
}
.textwidget {
line-height: 19px;
}
.widget ul .li-first {
border-top: 0;
}
.widget ul .li-last {
border-bottom: 0;
}

/* Calendar Widget */
#wp-calendar caption {
text-align: right;
margin-bottom: 10px;
}

/* Recent Comments Widget */
.recentcomments {
background-position: -37px 11px;
background-repeat: no-repeat;
}


/*************************** Comments Section ***************************/

/* Comment List */
#comments {
float: left;
width: 100%;
}
h3.comments {
padding: 0 0 20px 0;
}
#commentlist, #commentlist li {
list-style: none;
list-style-type: none;
background: none;
border: 0;
margin: 0;
padding: 0;
}

/* Comment Box */
#commentlist .comment-box {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.comment-avatar {
float: left;
}
.comment-author {
font-size: 14px;
padding-bottom: 3px;
}
.comment-date {
color: #999;
font-size: 11px;
font-style: italic;
}
.comment-body {
padding: 0 0 2px 10px;
overflow: hidden;
}
.comment-text {
clear: both;
padding: 10px 0 0 0;
}
.reply-link {
height: 20px;
}
.reply-link a {
float: right;
font-size: 11px;
}

/* Child Comments */
#commentlist .children .comment {
margin-left: 20px;
}
#commentlist .children .comment-avatar img {
width: 45px;
height: 45px;
}

/* Comment Post Author */
#commentlist .post-author {
display: none;
}
#commentlist .bypostauthor > .comment-box .post-author {
display: block;
line-height: 1;
font-size: 11px;
margin-top: 10px;
padding: 3px;
text-align: center;
background: #eee;
font-weight: bold;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
text-transform: uppercase;
}

/* Comment Form */
#commentform {
float: left;
width: 100%;
}
#respond {
margin-bottom: 20px;
}
#commentform #respond {
margin-bottom: 0;
}
#respond h3 {
margin: 0;
padding: 0 0 2px 0;
}
#respond form {
padding-top: 20px;
}
#respond textarea {
width: 95%;
max-width: 560px;
height: 150px;
}
.cancel-comment-reply a {
text-transform: uppercase;
font-size: 9px;
}


/*************************** Page Navigation ***************************/

/* Page & Comments Navigation */
.wp-pagenavi {
padding: 30px 0 0 0;
float: right;
}
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
color: #333;
display: block;
float: left;
padding: 5px 10px;
margin-left: 5px;
text-align: center;
border: 1px solid #d8d8d8;
background-color: #fff;
-webkit-box-shadow: 1px 1px 5px #dbdbdc;
-moz-box-shadow: 1px 1px 5px #dbdbdc;
box-shadow: 1px 1px 5px #dbdbdc;
}
.wp-pagenavi.post-navi a,
.wp-pagenavi.post-navi a:hover {
padding: 0;
margin: 0;
border: 0;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


/*************************** Theme Options Box ***************************/

/* Panel */
.theme-box {
position: fixed;
z-index: 400;
top: 50px;
left: 0;
border: 1px solid #c0c0c0;
border-left: 0;
display: none;
background: #fff;
color: #000;
text-align: left;
font-size: 12px;
padding: 20px 30px 20px 90px;
}
.theme-box h3 {
font-size: 20px;
padding-bottom: 15px;
}
.theme-box .label {
display: block;
float: left;
width: 150px;
padding: 6px 10px 30px 0;
line-height: 16px;
}
.theme-box .label-desc {
clear: both;
display: block;
color: #808080;
font-size: 10px;
}
.theme-box select {
float: left;
border: 1px solid #c0c0c0;
background: #fff;
padding: 5px;
color: #000;
font-size: 12px;
}
a.reset-cookies {
color: #000;
float: right;
font-size: 13px;
text-decoration: none;
}
a.reset-cookies:hover {
color: #000;
font-size: 13px;
text-decoration: underline;
}

/* Button */
.trigger {
position: fixed;
z-index: 401;
top: 100px;
left: -50px;
font-weight: bold;
background: #fff;
color: #000;
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
font-family: Arial;
padding: 10px;
text-decoration: none;
display: block;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
-o-transform:rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.trigger:hover {
color: #000;
text-decoration: none;
background: #ddd;
}
.active.trigger {
border: 1px solid #c0c0c0;
border-left: 0;
top: 80px;
left: 0;
background: #ddd;
-webkit-transform: rotate(0deg); 
-moz-transform: rotate(0deg);	
-o-transform:rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.active.trigger .trigger-open,
.trigger .trigger-close {
display: none;
}
.active.trigger .trigger-close,
.trigger .trigger-open {
display: block;
}


/*************************** WP Admin Bar ***************************/

#wpadminbar ul li {
border-bottom: 0;
border-top: 0;
}