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

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

/* Page Styling */
body {
position: relative;
background: #fff url(images/page-gradient.png) repeat-x;
color: #333;
margin: 0 auto;
padding: 0;
font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande";
font-size: 12px;
font-weight: normal;
text-align: center;
}

/* Text Styling */
a {
color: #6bb4cc;
text-decoration: none;
}
a:hover {
color: #434343;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #000;
font-family: 'FontLight';
padding: 0;
margin: 0 0 10px 0;
line-height: 1;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #ff34ce;
}
h1 {
font-size: 37px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 13px;
}
p {
line-height: 19px;
margin-bottom: 12px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}

/* List Styling */
ol {
padding: 0;
margin: 0;
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 40px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
padding: 5px 0 5px;
margin: 0 0 0 40px;
}

/* Form Styling */
input,
textarea,
select {
background: #f5f5f5;
font-family: Arial;
font-size: 12px;
padding: 7px;
border: 0;
}
input:focus,
textarea:focus {
background: #FFFED6;
border: 1px solid #999;
-webkit-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
textarea {
resize: none;
}
input[type="submit"],
input[type="reset"] {
background: url(images/stripes-blue.png);
padding: 0;
border: 0;
text-align: center;
color: #fff;
font-size: 16px;
padding: 10px 15px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
background: url(images/stripes-green.png);
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
border: 0;
}
fieldset {
margin: 0;
padding: 20px;
}
legend {
font-weight: bold;
}
label {
font-weight: bold;
margin-left: 10px;
}

/* Table Styling */
th {
font-weight: bold;
padding: 3px 4px;
border-bottom: 1px solid #e6e6e6;
}
td {
padding: 3px 4px;
font-size: 12px;
border-bottom: 1px solid #e6e6e6;
}

/* Other Styling */
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
background: #e6e6e6;
clear: both;
width: 100%;
height: 2px;
padding: 0 !important;
margin: 20px 0;
position: relative;
}
pre {
border-left: 3px solid #e6e6e6;
background: #f5f5f5;
padding: 15px;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}
code {
border-left: 3px solid #e6e6e6;
background: #f5f5f5;
font-family: "Courier New";
clear: both;
display: block;
font-size: 12px;
line-height: 19px;
padding: 5px 15px;
}
xmp {
border-left: 3px solid #e6e6e6;
background: #f5f5f5;
padding: 15px;
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;
}
.gallery img {
border: 0 !important;
margin: 5px 0;
}
.icon {
float: left;
margin-right: 20px;
}
.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: 960px;
text-align: left;
}

/* Content Wrapper */
#content-wrapper {
float: left;
width: 100%;
}

/* Page Overlay */
#page-overlay {
top: 0
left: 0;
float: left;
position: absolute;
z-index: 900;
background: #fff;
width: 100%;
height: 100%;
}
.no-js #page-overlay {
display: none;
}


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

/* Main Content */
#main-content {
position: relative;
width: 770px;
}
.sb-right #main-content {
float: left;
}
.sb-left #main-content {
float: right;
}
.fullwidth #main-content {
float: left;
width: 960px;
}


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

/* Sidebar */
#sidebar {
width: 160px;
}
.sb-right #sidebar {
float: right;
margin-left: 30px;
}
.sb-left #sidebar {
float: left;
margin-right: 30px;
}


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

/* Header */
#header {
float: left;
width: 100%;
margin-top: 50px;
}
#header-content {
text-align: center;
margin-bottom: 50px;
}

/* Large Logo */
#large-logo {
position: relative;
text-align: center;
}
#large-logo h1 a {
display: block;
font-size: 60px;
}
#large-logo h1 a:hover {
color: #000;
}
#large-logo span a {
margin: 0 auto 50px auto;
display: block;
background: url(images/logo-large.png) no-repeat;
width: 420px;
height: 90px;
}
#large-logo img {
margin: 0 auto 50px auto;
}

/* Social Icons */
#social {
float: right;
}
#social a {
float: left;
display: block;
margin-left: 10px;
height: 19px;
}
.rss-icon {
background: url(images/sprite-social.png) no-repeat 0 0;
width: 16px;
}
.rss-icon:hover {
background: url(images/sprite-social.png) no-repeat 0 -19px;
}
.flickr-icon {
background: url(images/sprite-social.png) no-repeat -34px 0;
width: 27px;
}
.flickr-icon:hover {
background: url(images/sprite-social.png) no-repeat -34px -19px;
}
.facebook-icon {
background: url(images/sprite-social.png) no-repeat -79px 0;
width: 10px;
}
.facebook-icon:hover {
background: url(images/sprite-social.png) no-repeat -79px -19px;
}
.youtube-icon {
background: url(images/sprite-social.png) no-repeat -108px 0;
width: 42px;
}
.youtube-icon:hover {
background: url(images/sprite-social.png) no-repeat -108px -19px;
}
.digg-icon {
background: url(images/sprite-social.png) no-repeat -168px 0;
width: 34px;
}
.digg-icon:hover {
background: url(images/sprite-social.png) no-repeat -168px -19px;
}
.yahoo-icon {
background: url(images/sprite-social.png) no-repeat -218px 0;
width: 26px;
}
.yahoo-icon:hover {
background: url(images/sprite-social.png) no-repeat -218px -19px;
}
.twitter-icon {
background: url(images/sprite-social.png) no-repeat -263px 0;
width: 16px;
}
.twitter-icon:hover {
background: url(images/sprite-social.png) no-repeat -263px -19px;
}
.delicious-icon {
background: url(images/sprite-social.png) no-repeat -294px 0;
width: 17px;
}
.delicious-icon:hover {
background: url(images/sprite-social.png) no-repeat -294px -19px;
}


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

/* Nav Wrapper */
#nav {
float: left;
font-family: 'FontRegular';
position: relative;
z-index: 100;
margin-bottom: 20px;
}
#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 40px 0 0;
padding: 0;
border: 0;
}
#nav ul a {
font-size: 12px;
color: #999999;
display: block;
line-height: 12px;
padding-bottom: 30px;
}
#nav ul a:hover,
#nav ul a:hover,
#nav ul .current-menu-item > a,
#nav ul .current-menu-ancestor > a {
color: #6bb4cc;
}

/* Drop Down Menus */
#nav .sub-menu {
background-color: #f5f5f5;
background-image: url(images/stripes-transparent.png);
position: absolute;
z-index: 100;
top: 30px;
left: -20px;
display: none;
padding: 10px;
margin: 0;
width: 200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 5px #bbb;
-moz-box-shadow: 0 0 5px #bbb;
box-shadow: 0 0 5px #bbb;
}
#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 {
display: block;
height: auto;
float: left;
padding: 5px 15px;
margin: 0;
width: 170px;
line-height: 19px;
}
#nav .sub-menu a:hover {
color: #434343;
}

/* Sub Drop Down Menus */
#nav .sub-menu .sub-menu {
background: #eee url(images/stripes-transparent.png);
}
#nav ul .sub-menu li ul {
top: auto;
left: 200px;
}
#nav ul .sub-menu.align-right li ul {
top: auto;
left: -200px;
}


/*************************** Homepage ***************************/

.home-info h2 {
margin-bottom: 30px;
}
.featured-portfolio-items .divider {
display: none;
}


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

/* Top Content */
#top-content {
float: left;
width: 980px;
margin-bottom: 30px;
}

/* Page */
.page-title {
width: 100%;
padding-bottom: 50px;
margin-bottom: 50px;
background: url(images/divider.png) repeat-x left bottom;
}
.page-title h1 {
font-size: 50px;
margin: 0;
font-family: 'FontLight';
}
.subtitle {
font-size: 28px;
margin: 10px 0 0 20px;
font-family: 'FontLight';
color: #f6a800;
}

/* Breadcrumbs */
#breadcrumbs {
font-family: 'FontLight';
position: relative;
color: #999;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 10px 0 20px 0;
}
#breadcrumbs a {
color: #999;
}
#breadcrumbs a:hover {
color: #434343;
}

/* Posts */
.post,
.portfolio {
float: left;
width: 100%;
position: relative;
}
.post-thumbnail {
float: left;
position: relative;
overflow: hidden;
margin: 0 20px 0 0;
}
.post-thumbnail.no-wrap {
margin: 0 0 20px 0;
}
.post-thumbnail img {
position: relative;
display: block;
}
.post h2,
.portfolio h2 {
margin-bottom: 20px;
}
.post-text {
float: left;
width: 580px;
margin-right: 30px;
}
.fullwidth .post-text {
width: 770px;
}
.post-text p:last-child {
margin-bottom: 0;
}

/* Post Meta */
.post-meta {
float: left;
width: 160px;
color: #999;
padding-bottom: 20px;
font-size: 12px;
line-height: 12px;
}
.single .post-meta {
margin-top: -10px;
}
.post-meta a {
color: #999;
}
.post-meta a:hover {
color: #434343;
}
.post-meta-date {
float: left;
width: 100%;
padding-bottom: 10px;
}
.post-meta-day {
float: left;
font-family: 'FontLight';
font-size: 40px;
line-height: 40px;
margin-right: 10px;
}
.post-meta-month {
float: left;
font-family: 'FontRegular';
font-size: 14px;
line-height: 14px;
letter-spacing: 3px;
margin-top: 8px;
text-transform: uppercase;
}
.post-meta-year {
float: left;
font-family: 'FontRegular';
font-size: 15px;
line-height: 20px;
letter-spacing: 0px;
}
.post-meta-name {
float: left;
background: url(images/sprite.png) 0 -23px no-repeat;
padding: 3px 0 9px 28px;
font-size: 11px;
}
.post-meta-cats {
float: left;
background: url(images/sprite.png) 0 -87px no-repeat;
padding: 0 0 9px 28px;
font-size: 11px;
}
.post-meta-comments {
float: left;
background: url(images/sprite.png) 0 -58px no-repeat;
padding: 0 0 9px 28px;
font-size: 11px;
}
.post-meta a.read-more {
float: left;
font-family: Georgia;
font-style: italic;
color: #ff34ce;
margin-top: 20px;
}
.post-meta a.read-more:hover {
color: #434343;
}
.post-meta a.read-more span {
font-family: Arial;
}
.post-meta h3 {
text-align: right;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
margin-bottom: 20px;
}
.post-meta .divider {
height: 60px;
}

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


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

.accordion .panel {
position: relative;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
h3.accordion-title {
font-size: 20px;
padding: 0 0 10px 30px;
background: url(images/sprite.png) -18px -113px  no-repeat;
}
h3.ui-state-active.accordion-title {
background-position: 10px -156px;
}
.panel-content {
padding: 0 20px 20px 20px;
line-height: 19px;
}


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

/* Slider */
.accordion-slider {
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
}
.accordion-slider li {
background: #fff;
list-style: none;
position: relative;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
}

/* Caption */
.accordion-slider .panel .caption {
color: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 98;
width: 100%;
line-height: 19px;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.no-js .accordion-slider .panel:hover .caption {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.caption.caption-top {
top: 0;
}
.caption-inner {
padding: 20px 20px 15px 20px;
}
.caption-inner h2 {
color: #fff;
line-height: 1;
}
.blue .caption-inner {
background: url(images/stripes-blue.png);
}
.green .caption-inner {
background: url(images/stripes-green.png);
}
.orange .caption-inner {
background: url(images/stripes-orange.png);
}
.purple .caption-inner {
background: url(images/stripes-purple.png);
}
.dark-grey .caption-inner {
background: url(images/stripes-dark-grey.png);
}
.light-grey .caption-inner {
background: url(images/stripes-light-grey.png);
}

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


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

.author-info {
float: left;
width: 100%;
margin-top: 30px;
}
.post-meta .author-info {
margin-top: 0;
}
.author-info .avatar {
float: left;
background: url(images/stripes-light-grey.png);
padding: 4px;
margin-right: 10px;
}
.author-info .author-name {
font-weight: bold;
margin-bottom: 5px;
}
.author-info .author-desc {
font-size: 11px;
line-height: 16px;
margin-bottom: 10px;
}
.author-info .author-links {
float: right;
font-size: 11px;
}


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

blockquote {
clear: both;
color: #999;
font-family: Georgia, "Times New Roman";
font-size: 16px;
margin: 20px 20px 10px 20px;
padding: 5px 0 5px 35px;
overflow: hidden;
}
blockquote p {
line-height: 23px;
}
.blockquote-left {
float: left;
margin: 20px 20px 20px 0;
}
.blockquote-right {
float: right;
margin: 20px 0 20px 20px;
}
.blockquote-right, .blockquote-left {
width: 30%;
color: #999;
font-family: Georgia, "Times New Roman";
font-size: 16px;
line-height: 23px;
padding: 5px 0 5px 35px;
}
blockquote, .blockquote-right, .blockquote-left {
background: url(images/bq-dark.png) no-repeat;
}


/*************************** Shortcodes: Blog ***************************/

.blog-wrapper {
float: left;
margin-top: -10px;
}


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

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

/* Orange Button */
.orange.button a {
background: url(images/stripes-orange.png);
}
.orange.button a:hover {
background: #fc9704;
}

/* Light Grey Button */
.light-grey.button a {
color: #666;
background: url(images/stripes-light-grey.png);
}
.light-grey.button a:hover {
background: #cfcfcf;
}

/* Dark Grey Button */
.dark-grey.button a {
background: url(images/stripes-dark-grey.png);
}
.dark-grey.button a:hover {
background: #2f2f2f;
}

/* Blue Button */
.blue.button a {
background: url(images/stripes-blue.png);
}
.blue.button a:hover {
background: #22bdff;
}

/* Green Button */
.green.button a {
background: url(images/stripes-green.png);
}
.green.button a:hover {
background: #9cdb3c;
}

/* Purple Button */
.purple.button a {
background: url(images/stripes-purple.png);
}
.purple.button a:hover {
background: #e52db8;
}


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

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

/* Blank Columns */
.blank {
margin-right: 8%;
}
.one.blank {
width: 100%;
}
.two.blank {
width: 46%;
}
.three.blank {
width: 28%;
}
.four.blank {
width: 19%;
}
.onethird.blank {
width: 28%;
}
.twothirds.blank {
width: 64%;
}
.onefourth.blank {
width: 19%;
}
.threefourths.blank {
width: 81%;
}

/* Separate Columns */
.separate > div {
background: #f5f5f5;
position: relative;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.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 {
background: #f5f5f5;
position: relative;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.first.joint > div {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
}
.middle.joint > div {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.last.joint > div {
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.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: Contact Form ***************************/

#contact-form {
float: left;
width: 100%;
margin-bottom: 12px;
}
#contact-form .contact-verify {
float: left;
margin-bottom: 12px;
}
#contact-form .contact-submit {
float: left;
}
#contact-form textarea {
width: 95%;
max-width: 560px;
}
.input-error {
background: #ffdfdf;
}
#contact-form .loader {
display: none;
background: url(images/loader.gif) no-repeat right bottom;
float: left;
padding: 3px 0 0 10px;
width: 20px;
height: 20px;
}
.contact-success,
.contact-error {
margin: 0 0 20px 0;
display: block;
text-shadow: none;
font-weight: bold;
}


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

.divider {
background: url(images/divider.png) repeat-x center center;
clear: both;
width: 100%;
height: 100px;
position: relative;
}
.divider.top a {
color: #999;
font-size: 8px;
float: right;
width: 20px;
position: absolute;
top: 30px;
right: 0;
text-align: right;
}
.divider.clear {
background: none;
height: 50px;
border: 0;
margin-bottom: 0;
}


/*************************** 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: url(images/stripes-orange.png);
color: #fff;
-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;
background: url(images/stripes-blue.png);
color: #fff;
-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: url(images/stripes-orange.png);
color: #fff;
-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;
background: url(images/stripes-blue.png);
color: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}


/*************************** Shortcodes: Cycle Slider ***************************/

/* Slider */
.slider-wrapper {
position: relative;
}
.slider-wrapper.aligncenter {
margin: 0 auto !important;
}
.slider {
float: left;
position: relative;
}
.slider h2 {
line-height: 1;
}
.slider > div {
display: none;
}
.slider > div:first-child {
display: block;
}

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

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

/* Caption Overlay */
.caption-overlay {
color: #fff;
position: absolute;
z-index: 100;
padding: 20px 20px 10px 20px;
max-width: 45%;
line-height: 19px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px #444;
-moz-box-shadow: 0 0 5px #444;
box-shadow: 0 0 5px #4444;
}
.caption-overlay h2 {
color: #fff;
}
.caption-overlay.caption-topleft {
top: 20px;
left: 20px;
}
.caption-overlay.caption-topright {
top: 20px;
right: 20px;
}
.caption-overlay.caption-bottomleft {
bottom: 20px;
left: 20px;
}
.caption-overlay.caption-bottomright {
bottom: 20px;
right: 20px;
}
.caption-overlay.blue {
background: url(images/stripes-blue.png);
}
.caption-overlay.green {
background: url(images/stripes-green.png);
}
.caption-overlay.orange {
background: url(images/stripes-orange.png);
}
.caption-overlay.purple {
background: url(images/stripes-purple.png);
}
.caption-overlay.grey {
background: url(images/stripes-grey.png);
}

/* Slider Nav */
.slider-nav-outer {
float: left;
text-align: center;
width: 100%;
margin-top: 50px;
}
.slider-nav-inner {
display: inline-block;
}
.slider-nav {
list-style: none;
position: relative;
float: left;
}
.slider-button {
float: left;
margin: 0;
padding: 0;
}
.slider-button a {
display: block;
float: left;
background: #dadada url(images/stripes-transparent.png);
margin: 0 6px;
padding: 0;
width: 18px;
height: 18px;
cursor: pointer;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.slider-button a:hover {
background: #b3e356 url(images/stripes-transparent.png);
}
.slider-button.activeSlide a{
background: #30ccff url(images/stripes-transparent.png);
}
.slider-button.slide-prev a {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
background-position: -162px 0;
}
.slider-button.slide-next a {
background-image: url(images/sprite.png);
background-repeat: no-repeat;
background-position: -182px 0;
}

/* Slider Thumbnails */
.slider-thumbnails{
z-index: 300;
display: none;
position: absolute;
margin: 0;
padding: 0;
}
.slider-thumbnails span {
background:transparent url(images/triangle.png) no-repeat center bottom;
width: 15px;
height: 6px;
position: absolute;
}
.slider-preview-wrapper {
border: 5px solid #fff;
overflow: hidden;
position: relative;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
}
.slider-preview {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
list-style-type: none;
}
ul.slider-preview li{
float: left;
margin: 0;
padding: 0;
}
ul.slider-preview li img{
display: block;
}


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

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

/* Lightbox */
.hover-image, 
.hover-video {
position: absolute;
z-index: 10;
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;
}
.overlay:hover .hover-image,
.overlay:hover .hover-video {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
a[rel^='prettyPhoto']:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}


/*************************** 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;
display: block;
line-height: 26px;
padding: 20px 20px 20px 95px;
font-size: 16px;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.notify-star {
background: url(images/stripes-dark-grey.png);
}
.notify-warning {
background: url(images/stripes-orange.png);
}
.notify-error {
background: url(images/stripes-purple.png);
}
.notify-help {
background: url(images/stripes-blue.png);
}
.notify-success {
background: url(images/stripes-green.png);
}

.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;
}


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

/* Portfolio */
.portfolio-wrapper {
float: left;
width: 100%;
}
.portfolio-item {
float: left;
margin: 0 15px;
}
.portfolio-thumbnail {
float: left;
position: relative;
overflow: hidden;
background: url(images/stripes-light-grey.png);
padding: 8px;
margin-bottom: 20px;
}
.portfolio-thumbnail:hover {
background: url(images/stripes-orange.png);
}
.portfolio-thumbnail a {
display: block;
background: #fff;
}
.portfolio-thumbnail img {
position: relative;
display: block;
}
.portfolio-wrapper h3 {
font-family: 'FontRegular';
font-size: 20px;
}
.portfolio-text p {
color: #666;
margin-bottom: 10px;
}

/* Portfolio Type Two/Three Columns */
.portfolio-three-col .portfolio-item,
.portfolio-two-col .portfolio-item {
margin-bottom: 50px;
}

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

/* Portfolio Type Grid */
.portfolio-grid {
background: #f5f5f5;
padding-top: 15px;
}
.portfolio-grid .portfolio-text {
float: left;
}


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

#related-posts {
float: left;
width: 100%;
}
.related-image {
background: url(images/stripes-light-grey.png);
width: 67px;
height: 67px;
padding: 4px;
float: left;
margin: 0 10px 10px 0;
line-height: 0;
}
.related-image:hover {
background: url(images/stripes-blue.png);
}
.post-meta .related-image:nth-child(odd) {
margin-right: 0;
}
.related-image img {
width: 67px;
height: 67px;
}


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

.ui-tabs {
position: relative;
padding: 0;
padding-top: 0 !important;
top: -4px;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li { 
z-index: 1;
background-image: none;
list-style: none !important;
float: left;
position: relative;
top: 4px;
margin: 0 10px 18px 0 !important;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
border: 0;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
font-weight: bold;
padding: 10px;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
z-index: 3;
}
.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;
background: url(images/stripes-blue.png);
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
color: #999;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} 
.ui-tabs-nav .tabhead {
cursor:pointer;
font-size: 12px !important;
margin-bottom: 0;
display: block;
}
.ui-tabs-panel  {
z-index: 2;
position: relative;
height: inherit;
line-height: 19px;
overflow: hidden;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}

/*************************** Shortcodes: Testimonials ***************************/

#testimonials > div {
display: none;
}
#testimonials > div:first-child {
display: block;
}
.testimonials {
float: left;
}
.quote-symbol {
float: left;
background: url(images/bq-light.png) no-repeat;
width: 30px;
height: 22px;
margin-top: 5px;
}
.testimonial-quote {
float: left;
background: url(images/stripes-purple.png);
font-family: 'FontRegular';
color: #fff;
font-size: 25px;
line-height: 34px;
padding: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.testimonial-arrow {
background: url(images/testimonial-arrow.png);
width: 30px;
height: 24px;
margin: 0 auto;
}
.testimonial-company {
width: 100%;
color: #000;
font-family: 'FontRegular';
font-size: 25px;
margin-bottom: 10px;
text-align: center;
}
.testimonial-name {
width: 100%;
color: #999;
text-align: center;
font-family: Georgia;
font-style: italic;
font-size: 18px;
}


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

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

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

h3.toggle {
background: url(images/sprite.png) -18px -113px  no-repeat;
padding: 0 0 10px 30px;
cursor: pointer;
font-size: 20px;
}
h3.toggle a {
text-decoration: none;
display: block;
}
h3.toggle-active {
background-position: 10px -156px;
}
.toggle-box {
clear:both;
margin: 0 0 10px 0;
overflow: hidden;
}


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

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


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

/* Footer Wrapper */
#footer {
float: left;
position: relative;
width: 100%;
}
#footer h3 {
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
margin-bottom: 20px;
}
#footer li {
list-style-image: none;
list-style-type: none;
margin: 0;
}

/* Footer Widgets */
.footer-widget-outer {
float: left;
margin: 0 0 50px 50px;
}
.footer-widget-inner {
float: left;
width: 100%;
}
#footer div:first-child {
margin-left: 0;
}
.footer-whole {
width: 960px;
}
.footer-half {
width: 455px;
}
.footer-third {
width: 286.6px;
}
.footer-fourth {
width: 202.5px;
}
.footer-fifth {
width: 152px;
}

/* Footer Forms */
.footer-widget-inner .textfield {
width: 125px;
}
.footer-widget-inner textarea {
height: 75px;
}
.footer-widget-inner .verify {
width: 30px;
}

/* Copyright */
#copyright {
float: left;
width: 100%;
color: #999;
font-size: 11px;
padding: 0 0 25px 0;
}
#copyright li {
list-style-image: none;
list-style-type: none;
float: left;
margin: 0 0 0 15px;
padding: 0;
}
#copyright a {
color: #999;
}
#copyright a:hover {
color: #434343;
}
#copyright .divider {
background: url(images/divider.png) repeat-x center top;
height: 30px;
}


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

/* General Widget Styling */
.widget {
float: left;
width: 100%;
margin-bottom: 50px;
}
.widget h3 {
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #999;
margin-bottom: 20px;
}
.widget li {
list-style-image: none;
list-style-type: none;
margin: 0;
}
.textwidget {
line-height: 19px;
}

/* Search Widget */
#searchform {
float: left;
background: #f5f5f5;
}
#searchbar {
float: left;
width: 110px;
border: 0;
}
#searchbar:focus {
background: none;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#searchsubmit {
float: left;
background: url(images/sprite.png) -52px 0 no-repeat;
width: 16px;
height: 16px;
margin: 7px 7px 0 5px;
padding: 0;
border: 0;
}

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



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

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

/* Comment Box */
.comment-avatar {
float: left;
margin-right: 20px;
}
.comment-meta {
float: left;
}
.comment-author {
float: left;
font-weight: bold;
margin-right: 10px;
}
.comment-author a {
color: #000;
}
.comment-author a:hover {
color: #f6a800;
}
.comment-date {
float: left;
font-size: 11px;
color: #999;
margin: 5px 0;
}
.reply-link {
float: left;
margin: 5px 0;
font-size: 11px;
}
.reply-link a {
color: #999;
}
.reply-link a:hover {
color: #434343;
}
.comment-text {
padding: 10px 0 0 0;
}
.comment-text .moderation {
margin: 0 0 12px 0;
text-shadow: none;
font-weight: bold;
}

/* Child Comments */
#commentlist .children .comment {
margin-left: 20px;
background: none;
}

/* Comment Post Author */
#commentlist .post-author {
display: none;
}
#commentlist .bypostauthor > .comment-box .post-author {
display: block;
font-size: 11px;
color: #f6a800;
}

/* Comment Form */
#commentform {
float: left;
width: 100%;
}
#respond h3 {
margin: 0;
padding: 0 0 2px 0;
}
#respond form {
padding: 20px 0;
}
#respond textarea {
width: 500px;
max-width: 500px;
height: 150px;
}
.cancel-comment-reply a {
font-size: 11px;
}
.required {
color: #f6a800;
}

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

/* Page & Comments Navigation */
.wp-pagenavi {
float: right;
}
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
font-family: Georgia, "Times New Roman";
font-style: italic;
display: block;
float: left;
margin-left: 10px;
text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
color: #000;
}
.wp-pagenavi.post-navi a,
.wp-pagenavi.post-navi a:hover,
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a span:hover {
color: #ff34ce;
}


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

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