/*
Theme Name: Media Store
Version: 4.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool.com</a>.
Author: GhostPool
Author URI: http://www.ghostpool.com
Theme URI: http://www.ghostpool.com
License:
License URI:
Tags: dark, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready
*/

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

/* Page Styling */
body {
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 {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0 0 20px 0;
line-height: 130%;
}
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 13px;
}
p {
line-height: 19px;
margin-bottom: 12px;
}
p:first-child {
margin-bottom: 12px;
}
p:last-child {
margin-bottom: 0;
}
.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 20px;
line-height: 19px;
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.gp-list li,
.widget li,
.footer-widget-outer li {
background-position: -127px -12px;
background-repeat: no-repeat;
list-style-image: none;
list-style-type: none;
padding: 10px 0 10px 20px;
margin: 0;
line-height: 19px;
}
.gp-list .li-first,
.widget .li-first,
.footer-widget-outer .li-first {
border-top: 0;
}
.gp-list .li-last,
.widget .li-last,
.footer-widget-outer .li-last {
border-bottom: 0;
}

/* Form Styling */
input,
textarea,
select {
font-family: Arial;
font-size: 12px;
padding: 5px;
}
textarea {
resize: none;
}
.select-menu {
font-weight: bold;
}
.select-menu-inner {
padding: 10px;
}
input #searchbar { color:#CCCCCC; }
input[type="submit"],
input[type="reset"] {
padding: 0;
border: 0;
width: 102px;
height: 30px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
border: 0;
}
fieldset {
margin: 0;
padding: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
legend {
font-weight: bold;
}
label {
font-weight: bold;
margin-left: 5px;
}

/* Table Styling */
.gp-table {
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.gp-table th {
font-weight: bold;
padding: 10px;
}
.gp-table td {
padding: 10px;
font-size: 12px;
border-top-width: 1px;
border-style: solid;
}
.gp-table tr:first-child td {
border: 0;
}

/* Other Styling */
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
clear: both;
width: 100%;
height: 2px;
padding: 0 !important;
margin: 20px 0;
position: relative;
}
pre {
padding: 15px;
margin: 5px 0 20px 0;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
code {
font-family: "Courier New";
clear: both;
display: block;
font-size: 12px;
line-height: 19px;
padding: 5px 15px;
margin: 10px 0 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.hidden {
display: none;
}
.preload {
display: none;
}
.no-js .preload {
display: block;
}

/* Image Styling */
.aligncenter {
position: relative;
margin: 20px auto;
display: block;
clear: both;
}
.alignleft {
position: relative;
float: left;
margin: 0 20px 5px 0;
}
.alignright {
float: right;
position: relative;
margin: 0 0 5px 20px;
}

/* Alignment Styling */
.left {
float: left;
}
.right {
float: right;
}
.clear {
content: "";
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 30px auto;
width: 980px;
text-align: left;
}

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

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

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


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

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


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

/* Header Container */
#header-outer {
float: left;
position: relative;
width: 100%;
min-height: 163px;
z-index: 100;
text-align: left;
}
#header-inner {
margin: 0 auto;
background-position: center bottom;
background-repeat: no-repeat;
width: 980px;
min-height: 122px;
}
#header-bar-outer {
width: 100%;
height: 42px;
}
#header-bar-inner {
margin: 0 auto;
width: 980px;
}
#header-content {
margin-top: 20px;
text-align: center;
}

/* Logo */
#logo {
display: block;
float: left;
position: relative;
overflow: hidden;
}
.no-js #logo {
line-height: 1;
}
#logo div {
width: 1px;
height: 1px;
text-indent: -9999px;
}
#logo span {
background-repeat: no-repeat;
display: block;
width: 320px;
height: 70px;
margin: 30px 0 0 0;
}
#logo #custom-logo-text {
font-size: 50px;
}

/* User Details */
#user-details {
float: left;
min-width: 575px;
font-weight: bold;
}
#user-details .username {
float: left;
position: relative;
margin: 7px 20px 0 0;
padding: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#user-details a {
display: block;
float: left;
font-size: 11px;
margin: 15px 14px 0 0;
}
#user-details a.logout-link {
font-weight: normal;
}

/* Login Form */
#login-form {
float: left;
margin: 8px 0 0 0;
}
#login-form input {
float: left;
margin: 0 10px 0 0;
}
#login-form input[type="submit"] {
padding: 3px 4px 4px 4px;
width: auto;
height: 25px;
font-weight: normal;
text-shadow: none;
}
#user-details a.register-link {
margin-top: 12px;
font-weight: normal;
}


/* Search Form */
#header-outer #searchform {
float: right;
border: 0;
margin: 6px 0 0 0;
}
#searchbar {
float: left;
width: 140px;
height: 20px;
line-height: 20px;
padding: 5px 0 5px 10px;
border: 0;
font-size: 12px;

}
#searchsubmit {
float: left;
width: 38px;
height: 30px;
margin: 0;
padding: 0;
border: 0;
}
#searchcategory {
float: left;
width: 100px;
height: 28px;
border: 0;
border-radius: 60px;
margin: 0 1.5px 0 0;
padding: 0 5px 0 5px;
color: #bbb;
font-size: 11px;
}


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

/* Nav Wrapper */
#nav {
float: right;
margin-top: 50px;
position: relative;
z-index: 100;
}
#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 0 0 20px;
padding: 0;
border: 0;
}
#nav ul a {
font-size: 12px;
font-weight: bold;
display: block;
line-height: 30px;
}
#nav span {
font-size: 7px;
margin: 0 0 0 4px;
}

/* Drop Down Menus */
#nav .sub-menu {
position: absolute;
z-index: 100;
top: 30px;
left: -20px;
display: none;
padding: 10px;
margin: 0;
width: 200px;
}
#nav .nav-shift .sub-menu {
left: -100px;
}
#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;
}

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


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

/* Breadcrumbs */
#breadcrumbs {
position: relative;
width: 100%;
min-height: 20px;
padding-top: 20px;
}
#breadcrumbs div {
float: left;
height: 50px;
font-weight: bold;
}

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

/* Page */
.page-title {
margin-bottom: 30px;
}

/* Posts */
.post-loop {
float: left;
width: 100%;
position: relative;
}
.post-loop.post-columns {
margin-left: 4%;
}
.post-loop.first-column {
margin-left: 0;
}
.post-text h2 {
font-size: 25px;
margin-bottom: 10px;
}
.read-more {
font-weight: bold;
}
.sticky {
}

/* Post Thumbnail */
.post-thumbnail {
float: left;
position: relative;
overflow: hidden;
margin: 0 0 20px 0;
max-width: 100%;
height: auto;
line-height: 0;
}
.post-thumbnail.wrap {
margin: 0 20px 0 0;
}
.post-thumbnail img {
position: relative;
display: block;
}

/* Post Meta */
.post-meta {
font-style: italic;
font-family: Georgia, "Times New Roman", Arial;
margin-bottom: 20px;
font-size: 11px;
line-height: 13px;
}
.post-meta.post-tags {
margin: 20px 0 0 0;
}

/* Attachments */
.attachment img {
max-width: 100%;
height: auto;
}
.attachment p {
margin-top: 12px;
}


/*************************** Review Page ***************************/

/* Review Image */
.single-review .review-left {
float: left;
margin: 0 20px 0 0;
}
.review-left .post-thumbnail {
margin: 0;
}
.larger-image {
display: block;
width: 100%;
float: left;
text-align: center;
font-size: 11px;
padding-top: 10px;
}

/* Review Panel */
.review-panel {
position: relative;
}
.review-panel h1 {
font-size: 20px;
margin-bottom: 10px;
}
.review-subtitle {
font-family: Georgia, "Times New Roman", Arial;
font-style: italic;
font-size: 13px;
line-height: 13px;
margin-bottom: 10px;
}
.review-cats,
.review-cats a {

font-size: 11px;
margin-bottom: 10px;
}


.tagtag a {
color:#8da0a1;
font-weight:bold;
font-size: 11px;
margin-bottom: 10px;
}

.downloads {
font-size: 11px;
line-height: 11px;
font-weight: bold;
margin-bottom: 10px;
  margin-top: -10px !important;
}
.download-container {
position: relative;
top: 0;
right: 0;
float: right;
width: 132px;
text-align: center;
}
.download {
float: left;
}
.download a {
display: block;
width: 132px;
height: 27px;
padding-top: 13px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.preview {
display: block;
font-weight: bold;
width: 132px;
height: 20px;
padding-top: 6px;
margin-bottom: 10px;
}

/* Review Text */
.review-details {
margin-top: 10px;
font-size: 11px;
line-height: 19px;
}
.review-text {
margin-top: 20px;
}
.review-text .read-more {
float: left;
margin-bottom: 10px;
}
.read-more.toggle-review {
display: none;
}

/* Ratings */
.review-text .rating {
display: none;
}

.review-panel .rating {
float: left;
margin-bottom: 10px;
font-weight: bold;
}
.review-panel .rating-both {
margin-top: 10px;
}
.review-panel .rating-text {
float: left;
margin-right: 5px;
}
.review-panel .rating-stars {
float: left;
margin: -4px 10px 0 0;
}
.review-panel .read-more {

}

/* Autoratings */
/*#content .ratingblock,
#content .thumblock {
display: none;
}*/

/* Download Box */
.download-box {
overflow: hidden;
float: left;
padding: 10px 20px 0 20px;
width: 620px;
margin: 30px 0 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.download-item {
float: left;
font-weight: bold;
padding: 15px 0 10px 0;
}
.download-number {
float: left;
width: 20px;
margin-right: 20px;
}
.download-item:hover .download-number {
display: none;
}
.download-preview {
display: none;
float: left;
width: 20px;
margin-right: 20px;
}
.download-preview a {
font-size: 14px;
}
.download-item:hover .download-preview {
display: block;
padding-left: 10px;
margin-right: 10px;
}
.download-name {
float: left;
width: 425px;
margin-right: 10px;
}
.download-length {
float: right;
width: 40px;
margin-right: 30px;
text-align: right;
}
.download-link {
float: right;
width: 65px;
margin-right: 10px;
}
.download-link a {
display: block;
width: 65px;
height: 16px;
padding-top: 6px;
margin-top: -3px;
font-size: 9px;
text-transform: uppercase;
text-align: center;
font-weight: normal;
}
.download-box .sc-divider{
display: block;
margin: 0;
}
.view-all {
float: left;
width: 660px;
padding-top: 10px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.view-all a {
margin: 10px auto 0 auto;
text-align: center;
display: block;
padding: 10px;
width: 100px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 0;
border-radius: 5px 5px 0 0;
}
.view-all span {
font-size: 9px;
}

/* Download Notice */
.download-notice {
font-size: 11px;
font-weight: bold;
margin-bottom: 10px;
line-height: 17px;
}

/* PayPal Email Form */
.email-form {
margin: 20px;
}
.email-form input[type="text"] {
margin-right: 10px;
}
.enter-email {
margin-bottom: 10px;
}


/*************************** Review List ***************************/

/* Drop Down Menu Filter */
.review-form {
float: left;
width: 630px;
padding: 10px 10px 10px 20px;
margin-bottom: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fullwidth .review-form {
width: 950px;
}
.review-form div {
float: left;
font-weight: bold;
margin-top: 11px;
}
.review-form form {
float: right;
}

/* Posts */
.post-text .rating {
float: left;
width: 100%;
margin-bottom: 10px;
font-weight: bold;
}
.post-text .rating-text {
float: left;
margin-right: 5px;
}
.post-text .rating-stars {

}
.ratingtext {
display: none;
}
.rating-stars .ratingblock,
.rating-stars .thumblock,
.rating .ratingblock {
margin: 0;
display: block !important;
}



/*************************** Profile Page ***************************/

/* Lightbox Forms */
.lightbox-form strong {
display: block;
font-size: 14px;
margin-bottom: 20px;
}
form.lightbox-form  {
padding: 15px 0 0 20px;
}
.lightbox-form p {
float: left;
}
.lightbox-form input,
.lightbox-form textarea,
.lightbox-form select {
float: left;
}
.lightbox-form label {
float: left;
margin-top: 5px;
}

/* Profile Page */
.author h1 {
float: left;
}
.edit-profile-link {
display: block;
float: right;
font-weight: bold;
padding: 7px;
margin-top: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.profile-box {
float: left;
width: 620px;
padding: 20px;
margin-bottom: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fullwidth .profile-box {
width: 940px;
}
.profile-box .avatar {
float: left;
margin: 0 20px 20px 0;
}
.profile-details {
float: left;
width: 540px;
}
fullwidth.profile-details {
width: 860px;
}
.profile-box .item {
float: left;
background: none;
display: block;
width: 100%;
padding: 10px 0 10px 0;
}
.profile-box .list-title {
line-height: 19px;
margin-right: 20px;
}
.profile-box .item .post-meta a {
font-weight: normal;
}
.profile-box .sc-divider {
margin: 0;
}
.profile-box .wp-pagenavi {
padding: 20px 0 0 0;
}


/*************************** 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: 14px;
font-weight: bold;
padding: 10px 0 10px 30px;
margin: 0;
background-position: -115px -11px;
background-repeat: no-repeat;
}
h3.ui-state-active.accordion-title {
background-position: -97px -39px;
}
.panel-content {
overflow: hidden;
padding: 0 20px 20px 20px;
line-height: 19px;
}


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

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

/* Caption */
.accordion-slider .panel .caption-outer {
position: absolute;
bottom: 0;
left: 0;
z-index: 98;
width: 100%;
line-height: 19px;
border-width: 1px;
border-style: solid;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.no-js .accordion-slider .panel:hover .caption-outer {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
.accordion-slider .panel .caption-inner {
padding: 20px 20px 15px 20px;
}
.accordion-slider .panel .caption-inner h2 {
font-size: 30px;
margin-bottom: 5px;
}

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


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

.author-info {
float: left;
padding: 2%;
width: 96%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.author-info .avatar {
float: left;
margin-right: 10px;
}
.author-info .author-name {
float: left;
font-weight: bold;
padding-bottom: 10px;
}
.author-info .author-links {
float: right;
font-size: 11px;
padding-bottom: 10px;
}
.author-info .author-desc {
font-size: 11px;
line-height: 16px;
}


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

blockquote {
clear: both;
font-family: Georgia, "Times New Roman", Arial;
font-style: italic;
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;
}


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

.sc-button-wrapper {
z-index: 1;
position: relative;
display: inline-block;
margin: 10px 10px 10px 0;
}
.sc-button {
line-height: 1;
height: 100%;
}
.sc-button a,
.sc-button a:hover {
display: block;
height: 100%;
font-weight: bold;
color: #202020;
font-size: 12px;
padding: 12px 16px;
white-space:nowrap;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* Orange Button */
.orange.sc-button a {
    background: linear-gradient(to bottom, #e37742, #e47f4f);
/* background: url(lib/images/buttons.png) repeat-x 0 0; */
text-shadow: 1px 1px 1px #ffb092;
}
.orange.sc-button a:hover {
    background: linear-gradient(to bottom, #e47f4f, #e37742);
/* background: url(lib/images/buttons.png) repeat-x 0 -36px; */
}

/* Light Grey Button */
.lightgrey.sc-button a {
background: url(lib/images/buttons.png) repeat-x 0 -72px;
text-shadow: 1px 1px 1px #fff;
}
.lightgrey.sc-button a:hover {
background: url(lib/images/buttons.png) repeat-x 0 -108px;
}

/* Dark Grey Button */
.darkgrey.sc-button a {
color: #141414;
background: url(lib/images/buttons.png) repeat-x 0 -144px;
text-shadow: 1px 1px 1px #666;
}
.darkgrey.sc-button a:hover {
color: #141414;
background: url(lib/images/buttons.png) repeat-x 0 -180px;
}

/* Red Button */
.red.sc-button a {
background: url(lib/images/buttons.png) repeat-x 0 -216px;
text-shadow: 1px 1px 1px #ee4f4f;
}
.red.sc-button a:hover {
background: url(lib/images/buttons.png) repeat-x 0 -252px;
}

/* Blue Button */
.blue.sc-button a {
background: url(lib/images/buttons.png) repeat-x 0 -288px;
text-shadow: 1px 1px 1px #4189a6;
}
.blue.sc-button a:hover {
background: url(lib/images/buttons.png) repeat-x 0 -324px;
}

/* Yellow Button */
.yellow.sc-button a {
color: #5d4a32;
background: url(lib/images/buttons.png) repeat-x 0 -360px;
text-shadow: 1px 1px 1px #ffeea6;
}
.yellow.sc-button a:hover {
color: #5d4a32;
background: url(lib/images/buttons.png) repeat-x 0 -396px;
}

/* Teal Button */
.teal.sc-button a {
background: url(lib/images/buttons.png) repeat-x 0 -432px;
text-shadow: 1px 1px 1px #437d83;
}
.teal.sc-button a:hover {
background: url(lib/images/buttons.png) repeat-x 0 -468px;
}


/*************************** Shortcodes: Captions ***************************/

.wp-caption {
position: relative;
padding: 0;
}
.wp-caption img {
margin: 0;
}
.wp-caption-text {
margin: 5px 0 0;
font-size: 11px;
}


/*************************** 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%;
}
.four.blank {
width: 18.4%;
}
.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;
-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%;
}
.five {
width: 18.4%;
}
.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;
-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%;
}
.five.joint {
width: 20%;
}
.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-right: 10px;
}
#contact-form .contact-submit {
float: left;
}
#contact-form textarea {
width: 95%;
max-width: 560px;
}
#contact-form .loader {
display: none;
background-position: right bottom;
background-repeat: no-repeat;
float: left;
padding: 3px 0 0 10px;
width: 20px;
height: 20px;
}
.contact-success,
.contact-error {
margin: 0 0 10px 0;
display: block;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: none;
font-weight: bold;
}


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

.sc-divider {
content: "";
display: inline-block;
clear: both;
width: 100%;
height: 0;
padding: 0;
margin: 30px 0;
position: relative;
}
.sc-divider.top a {
font-size: 9px;
float: right;
position: absolute;
top: -20px;
right: 0;
text-align: right;
}
.sc-divider.small {
margin: 0;
}
.sc-divider.clear {
border: 0;
margin-bottom: 0;
}
.sc-divider.small.clear {
border: 0;
margin: 0;
}


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

.dropcap1 {
display: block;
position: relative;
float: left;
font-size: 40px;
line-height: 40px;
margin: 0 10px -8px 0;
padding: 0;
text-align: center;
}
.dropcap2 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
background: #d7d7d7;
color: #343434;
text-shadow: 1px 1px 1px #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap3 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
color: #999;
background: url(lib/images/dark-1.png);
color: #191919;
text-shadow: 1px 1px 1px #333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.dropcap4 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
background: #d7d7d7;
color: #343434;
text-shadow: 1px 1px 1px #eee;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.dropcap5 {
display: block;
position: relative;
float: left;
font-size: 38px;
line-height: 38px;
margin: 4px 10px 0 0;
padding: 6px 12px;
text-align: center;
background: url(lib/images/dark-1.png);
color: #191919;
text-shadow: 1px 1px 1px #333;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}


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

/* Slider */
.slider-wrapper {
display: none;
position: relative;
}
.slider-wrapper.aligncenter {
margin: 0 auto;
}
.ios-class .slider-wrapper {
margin-bottom: 40px;
}
.slider {
float: left;
position: relative;
overflow: hidden;
}
.slide {
float: left;
position: relative;
}
.no-js .slider .slide {
display: none;
}
.no-js .slider .slide:first-child {
display: block;
}

/* Slide Video */
.play-video {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: block;
}
.play-video-button {
position: absolute;
z-index: 10;
top: 0;
left: 0;
display: block;
background: url(lib/scripts/mediaplayer/fs39/display/playIcon.png) no-repeat center center;
cursor: pointer;
}
.video-player {
position: relative;
background: #000;
}
.video-autostart .play-video {
display: none !important;
}

/* Caption */
.slider .caption {
max-width: 85%;
position: absolute;
bottom: 60px;
left: 0;
z-index: 98;
line-height: 19px;
border-width: 1px;
border-style: solid;
border-left-width: 0;
padding: 20px 20px 15px 20px;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.slider .caption h2 {
font-size: 30px;
margin-bottom: 5px;
}

/* Slider Thumbnails Wrapper */
.slider-thumbnail-wrapper {
float: left;
position: relative;
z-index: 90;
height: 100%;
}
.slider-thumbnail-overflow {
position: relative;
clip: rect(0, 0, 0, 0);
margin: 0;
padding: 0;
overflow: hidden;
}
.slider-thumbnails {
position: relative;
display: inline-block;
}
.slider-thumbnail {
display: block;
line-height: 0;
cursor: pointer;
}

/* Slider Nav */
.slider-nav {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 99;
}
.ios-class .slider-nav {
position: absolute;
bottom: -45px;
left: 10px;
z-index: 99;
}
.slider-nav a {
float: left;
display: block;
margin-right: 5px;
}
.slider-pause {
background-position: -34px -79px;
background-repeat: no-repeat;
width: 36px;
height: 36px;
margin: -5px 0 0 2px;
}
.slider-pause:hover {
background-position: -34px -119px;
background-repeat: no-repeat;
}
.slider-pause.resume {
background-position: -34px -159px;
background-repeat: no-repeat;
}
.slider-pause.resume:hover {
background-position: -34px -199px;
background-repeat: no-repeat;
}
.slider-prev {
background-position: -6px -85px;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.slider-prev:hover {
background-position: -6px -125px;
background-repeat: no-repeat;
}
.slider-next {
background-position: -71px -85px;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.slider-next:hover {
background-position: -71px -125px;
background-repeat: no-repeat;
}


/*************************** Shortcodes: Galleries ***************************/

.gallery-caption {
float: left;
margin: 10px 0;
line-height: 14px;
}
.gallery img {
border: 0 !important;
margin: 5px 0;
}


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

/* Image */
.sc-image {
line-height: 0;
}
.sc-image a {
display: block;
margin: 0 auto;
}
.sc-image.aligncenter {
margin: 0 auto;
}
.sc-image.alignleft {
margin: 0;
}
.sc-image.alignright {
margin: 0;
}

/* 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(lib/images/zoom.png) no-repeat center center;
}
.hover-video {
background: url(lib/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;
}
div.gallery-item .gallery-icon a {
display: block;
position: relative;
margin: 0 auto;
}
div.gallery-item .gallery-icon .hover-image {
margin: 4px 0 0 0;
}
.pp_content_container .pp_gallery ul a {
height: auto;
max-height: 30px;
line-height: 0;
}
.pp_pic_holder {
text-shadow: none;
}
.pp_gallery li {
background: none;
border: 0;
padding: 0;
}
.pp_gallery li.jwplayer a {
background: url(lib/images/prettyPhoto/default_dark/default_thumbnail.gif) no-repeat;
width: 50px;
height: 33px;
display: block;
}


/*************************** Shortcodes: Large/Small Reviews ***************************/

/* General */
.review-wrapper h2 {
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
}
.review-wrapper h3 {
float: left;
margin: 0;
}
.review-wrapper .see-all {
font-size: 13px;
float: left;
display: block;
font-style: italic;
font-family: Georgia, "Times New Roman", Arial;
margin: 8px 0 0 20px;
}
.review-wrapper .see-all span {
font-size: 9px;
}
.review-wrapper .review-subtitle {
font-size: 12px;
line-height: 12px;
margin: 0 0 5px 0;
}
.review-wrapper p {
font-size: 11px;
line-height: 17px;
margin: 0 0 5px 0;
}
.review-wrapper .rating {
margin: 0 0 5px 0;
}
.review-wrapper .rating * {
margin: 0 !important;
}
.review-wrapper .downloads {
margin: 0 0 5px 0;
}
.review-wrapper .review-cats {
margin: 0 0 5px 0;
}
.review-wrapper .sc-divider {
margin: 15px 0;
}

/* Large Reviews */
.large-reviews {
padding: 30px 30px 0 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.large-reviews h3 {
margin-bottom: 20px;
}

/* Small Reviews */
.small-reviews .see-all {
margin: 0 0 30px 0;
float: right;
}
.widget .small-reviews .see-all {
margin: 0;
}


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

#loginform,
#registerform {
float: left;
margin: 10px 0;
}
#loginform label,
#registerform label {
margin: 5px 5px 0 0;
}
#loginform .login-remember label {
margin-left: 0;
}


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

.notify {
position: relative;
margin: 10px 0;
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(lib/images/notify-star.png) repeat-x;
border: 1px solid #c6c6c6;
color: #000;
text-shadow: 1px 1px 2px #fff;
}
.notify-warning {
background: #cc6806 url(lib/images/notify-warning.png) repeat-x;
border: 1px solid #964a00;
}
.notify-error {
background: #7f0936 url(lib/images/notify-error.png) repeat-x;
border: 1px solid #230510;
}
.notify-help {
background: #539ce6 url(lib/images/notify-help.png) repeat-x;
border: 1px solid #2670bb;
}
.notify-success {
background: #A4CB5E url(lib/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(lib/images/notify-star-icon.png) no-repeat;
}
.notify-warning .icon {
background: url(lib/images/notify-warning-icon.png) no-repeat;
}
.notify-error .icon {
background: url(lib/images/notify-error-icon.png) no-repeat;
}
.notify-help .icon {
background: url(lib/images/notify-help-icon.png) no-repeat;
}
.notify-success .icon {
background: url(lib/images/notify-success-icon.png) no-repeat;
}


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

/* Portfolio */
.portfolio {
width: 100%;
}
.portfolio-item {
float: left;
}
.portfolio-thumbnail {
float: left;
position: relative;
overflow: hidden;
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: 0 20px 0 0;
}
.portfolio-large h2 {
font-size: 30px;
}

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

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

/* Related Posts Container */
.related-posts h2 {
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
}
#content .related-posts .sc-divider {
margin: 20px 0;
}
.related-posts .post-meta {
margin: 0 0 5px 0;
}


/*************************** 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 10px;
}
.ui-tabs .ui-tabs-nav li { 
z-index: 1;
background-image: none;
list-style: none !important;
float: left;
position: relative;
top: 4px;
margin: 0 .2em 2px 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;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.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: 12px !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;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}


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

.text-box {
float: left;
display: inline-block;
line-height: 19px;
width: 100%;
}
.text-box.centered {
float: none;
display: block;
}
.text-box p {
line-height: inherit;
}

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

h3.toggle {
background-repeat: no-repeat;
background-position: -127px -20px;
font-size: 16px;
margin: 0;
padding: 0 0 20px 23px;
cursor: pointer;
}
h3.toggle a {
text-decoration: none;
display: block;
}
h3.toggle-active {
background-position: -106px -48px;
}
.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,
.sc-video.aligncenter video {
margin: 0 auto;
display: block;
}


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

/* Footer Wrapper */
#footer {
position: relative;
width: 100%;
margin: 30px auto 0;
padding-top: 20px;
}

/* Footer Widgets */
#footer-widgets {
float: left;
position: relative;
width: 100%;
}
#footer-widgets h3 {
font-size: 20px;
margin-bottom: 15px;
}
.footer-widget-outer {
float: left;
margin: 0 0 0 40px;
}
.footer-widget-inner {
float: left;
width: 100%;
padding-bottom: 30px;
}
#footer div:first-child {
margin-left: 0;
}
.footer-whole {
width: 962px;
}
.footer-half {
width: 461px;
}
.footer-third {
width: 294px;
}
.footer-fourth {
width: 210.5px;
}

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

/* Copyright */
#copyright {
font-weight: bold;
width: 100%;
margin-bottom: 20px;
text-align: center;
}

/* Social Icons */
#social {
margin-bottom: 20px;
text-align: center;
width: 100%;
}
#social img {
margin-left: 5px;
}


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

/* General Widget Styling */
.widget {
float: left;
width: 100%;
padding-bottom: 40px;
}
.widget h3,
.widget h3 a,
.widget h3 a:hover {
font-size: 20px;
margin-bottom: 20px;
}
.textwidget {
line-height: 19px;
}
.sc-divider + .widget {
display: none;
}

/* Search Widget */
#content #searchform,
.widget #searchform {
float: left;
}

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

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

/* Latest Members Widget */
.latest-members-widget img {
margin-right: 5px;
}

.keywords {
font-size: 16px;
font-weight: bold;
}
/*************************** Comments Section ***************************/

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

/* Comment Box */
.comment-avatar {
float: left;
margin-right: 20px;
}
.comment-meta {
float: left;
}
.comment-author {
font-weight: bold;
margin-right: 10px;
}
.reply-link a {
font-size: 11px;
}
.comment-date {
font-size: 11px;
font-style: italic;
font-family: Georgia, "Times New Roman", Arial;
margin: 5px 0;
}
.comment-text {
padding: 10px 0 0 0;
}
.comment-text .moderation {
margin: 0 0 12px 0;
text-shadow: none;
font-weight: bold;
}
.comment-rating-text {
float: left;
font-size: 11px;
font-style: italic;
font-family: Georgia, "Times New Roman", Arial;
}
.comment-rating-thumbs {
float: right;
font-size: 11px;
font-style: italic;
font-family: Georgia, "Times New Roman", Arial;
margin-top: 5px;
}
.comment-rating-thumbs .gdthumb {
margin: -5px 5px 0 10px;
}
#comments .sc-divider {
margin: 20px 0;
}

/* Child Comments */
#commentlist .children .comment {
margin-left: 20px;
background: none;
}
#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: 5px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

/* Comment Form */
#commentform {
float: left;
width: 100%;
margin-top: 20px;
}
#commentform.hidden {
display: none;
}
#respond h3 {
font-size: 18px;
margin: 0 0 2px 0;
}
#respond form {
padding: 20px 0;
}
#respond textarea {
width: 500px;
max-width: 500px;
height: 150px;
}
#cancel-comment-reply-link {
display: block;
margin-top: 3px;
font-size: 11px;
}
#respond .rating {
display: block;
margin: 20px 0 10px 0;
float: left;
}
#respond .rating {
display: block;
margin: 10px 0;
float: left;
}
#commentform #respond .rating {
display: block;
}
#respond .rating {
display: none;
}
#respond .rating-text {
float: left;
margin: 5px 10px 0 0;
font-weight: bold;
}
#respond #gdsr_int_stars {
float: left;
}

.hreview-aggregate {
display: none;
}
/*************************** Page Navigation ***************************/

/* Page & Comments Navigation */
.wp-pagenavi {
padding: 0 0 30px 0;
float: right;
}
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi.post-navi a span {
font-family: Georgia, "Times New Roman", Arial;
font-style: italic;
display: block;
float: left;
margin-left: 10px;
text-align: center;
}

.clrb { clear:both; }

/************************* Task1 by Joanne ***********************************/
#sidebar a
{
text-decoration: none !important;
}

.review-panel a, .review-text a
{
text-decoration: underline !important;
}

.review-panel .review-cats a
{
text-decoration: none !important;
}

.post-wrapper a
{
text-decoration: underline !important;
}