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

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

/* Body Styling */
* {
outline: none;
}
html {
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 9pt;
font-weight: normal;
background: url(images/bg.jpg) repeat;
text-align: center;
line-height: 18px;
color: #000000;
}

/* Text Styling */
@font-face {
font-family: 'BonvenoCF-Light';
src: url('js/fonts/files/BonvenoCF-Light.otf') format('opentype');
}
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #006ea2;
text-decoration: none;
}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: underline;
color: #006ea2;
}
h1, h2, h3, h4, h5, h6 {
color: #006ea2;
font-family: 'BonvenoCF-Light', Arial;
margin: 0;
padding: 0 0 20px 0;
text-transform: uppercase;
}
h1 {
font-size: 20pt;
line-height: 20pt;
font-weight: bold;
}
h2 {
font-size: 15pt;
line-height: 15pt;
}
h3 {
font-size: 13pt;
line-height: 13pt;
}
h4 {
font-size: 12pt;
line-height: 12pt;
}
h5 {
font-size: 10pt;
line-height: 10pt;
}
h6 {
font-size: 9pt;
line-height: 9pt;
}
p {
line-height: 19px;
padding: 0;
margin: 0 0 20px 0;
}

/* 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 #e0e0e0;
list-style-image: none;
list-style-type: none;
padding: 5px 0 5px 0;
margin: 0;
}

/* Form Styling */
form {
margin: 0;
padding: 0;
}
input,
textarea,
select {
background: #ffffff;
font-family: Arial;
color: #000000; 
font-size: 9pt;
border: 1px solid #303030;
padding: 5px;
}
input[type="submit"],
input[type="reset"] {
color: #006ea2;
font-family: 'BonvenoCF-Light', Arial;
font-size: 12pt;
background: transparent;
border: 0 none;
padding: 0;
cursor: pointer;
text-transform: uppercase;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
color: #000000;
cursor: pointer;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0;
padding: 10px;
}
label {
font-weight: bold;
}
legend {
color: #000000;
font-weight: bold;
}

/* Table Styling */
th {
padding: 3px 10px;
background: #c0c0c0;
text-transform: uppercase;
}
td {
padding: 3px 10px;
background: #f7f7f7;
}

/* Other Styling */
blockquote {
clear: both;
font-style: italic;
font-weight: bold;
background: transparent url(images/bq.png) left top no-repeat;
margin: 5px 20px 10px 20px;
padding: 10px 0 5px 30px;
overflow: hidden;
}
cite {
color: #006ea2;
float: right;
padding: 0 0 5px 0;
}
hr {
margin: 20px 0;
background-color: #c0c0c0;
color: #c0c0c0;
width: 100%;
border: 0;
}
pre {
background: #f7f7f7;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
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: #f7f7f7;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
clear: both;
display: block;
font-size: 12px;
line-height: 19px;
padding: 5px 15px;
margin: 10px 0 10px 0;
}
xmp {
background: #f7f7f7;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 15px;
margin: 5px 0 20px 0;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}

/* Image Styling */
.aligncenter {
display: block;
margin: 0 auto; 
padding: 3px;
position: relative;
}
.alignleft {
float: left;
margin: 0 20px 5px 0;
padding: 3px;
position: relative;
}
.alignright {
float: right;
margin: 0 0 5px 20px;
padding: 3px;
position: relative;
}
.wp-caption {
position: relative;
}
.wp-caption-text {
position: absolute;
bottom: 0px;
right: 10px;
line-height: 12px;
padding: 0 4px 1px 4px;
font-size: 9px;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.gallery img {
border: 0 !important;
}
img {
border: 0 none;
}
.preload {
display: none;
}
.no-js .preload {
display: block;
}
.pp_gallery li {
padding: 0;
}
.pp_gallery li.jwplayer a {
background: url(images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
width: 50px;
height: 33px;
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 Wrapper */
#page-wrap {
position: relative;
margin: 0 auto;
text-align: left;
width: 980px;
background: #ffffff;
}

/* Container */
#container {
position: relative;
float: left;
width: 980px;
min-height: 400px;
padding: 0 0 20px 0;
}

/* Main Content */
#main-content {
float: left;
width: 640px;
}
#main-content.fullwidth {
width: 980px;
}

/* Sidebar */
#sidebar {
float: right;
width: 280px;
padding: 20px 20px 0 0;
}
.cat-sidebar {
margin: 300px 0 0 0;
}


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

/* Header */
#header {
/*float: left;*/
position: relative;
z-index: 100;
width: 960px;
height: 130px;
padding: 20px 10px;
}
#header-top {
clear: both;
float: left;
position: relative;
z-index: 100;
width: 960px;
height: 25px;
}
#header-bottom {
clear: both;
float: left;
position: relative;
width: 960px;
height: 105px;
}

/* Logo */
#logo {
float: right;
position: relative;
top: 30px;
right: 0px;
overflow: hidden;
}
#logo span {
display: block;
width: 516px;
height: 73px;
}

/* Search */
#header #searchform {
float: left;
position: relative;
top: 50px;
left: 0;
padding: 4px;
}
#header #searchbar {
float: left;
width: 250px;
border: 0 none;
background: transparent;
padding: 5px;
}

/* Social Icons */
#social-icons {
float: right;
width: 200px;
padding: 0 0 0 25px;
}
#social-icons img {
border: 0 none;
float: right;
margin: 0 0 0 5px;
}
#social-icons img:hover {
margin-top: 2px;
}


/*************************** Navigation ***************************/

#nav {
float: left;
z-index: 100;
position: relative;
top: -10px;
left: 0;
width: 710px;
}
#nav,
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: relative;
line-height: 2.8em;
}
#nav ul li {
float: left;
border: 0;
position: relative;
margin: 0 20px 0 0;
}
#nav ul li a {
color: #006ea2;
font-family: 'BonvenoCF-Light', Arial;
font-size: 10pt;
display: block;
padding: 0;
text-decoration:none;
text-transform: uppercase;
font-weight: normal;
}
#nav ul li a:hover {
text-decoration:none;
}

/* Dropdown Menus */
#nav ul ul {
z-index: 10;
position: absolute;
display: none;
top: 2.9em;
left: 0;
border-width: 0 0 0 2px;
border-style: solid;
}
#nav ul li ul li {
margin: 0;
padding: 0;
}
#nav ul li ul a {
font-family: 'BonvenoCF-Light', Arial;
font-size: 8pt;
width: 18em;
display: block;
height: auto;
float: left;
line-height: 1em;
padding: 10px;
font-weight: normal;
}
#nav ul li ul a:hover {
cursor: pointer;
}
#nav ul ul ul {
top:auto;
}	
#nav ul li ul ul {
z-index: 1;
left: 18em;
margin: 0 0 0 -4px;
}
#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul,
#nav ul li:hover ul ul ul ul{
display:none;
}
#nav ul li:hover ul,
#nav ul li li:hover ul,
#nav ul li li li:hover ul,
#nav ul li li li li:hover ul{
display:block;
}


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

/* Title */
.boxed,
.alt-boxed {
display: inline-block;
width: 600px;
padding: 10px 20px;
}
.alt-boxed {
color: #000000;
background: #006ea2;
}
.fullwidth .boxed {
width: 940px;
}

/* Content */
#normal-post {
padding: 20px 0 0 20px;
}
.fullwidth #normal-post {
float: left;
padding: 20px 20px 0 20px;
}


/*************************** Large Posts ***************************/

/* Thumbnail */
.large-thumbnail,
.large-thumbnail img {
width: 640px;
height: 250px;
position: relative;
}
.large-thumbnail.hidden {
width: 640px;
height: auto;
}
.fullwidth .large-thumbnail,
.fullwidth .large-thumbnail img {
width: 980px;
}
.large-thumbnail.hidden img {
display: none;
}

/* Meta */
.large-thumbnail .meta {
position: absolute;
bottom: 0;
right: 0;
width: 624px;
text-align: right;
padding: 0 8px;
font-size: 9px;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.fullwidth .large-thumbnail .meta {
width: 964px;
}
.large-thumbnail.hidden .meta {
position: relative;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

/* Content */
.large-content {
padding: 20px 0 20px 20px;
}
.large-content h2 {
padding-bottom: 10px;
}
.fullwidth .large-content {
padding-right: 20px;
}
.large-comment-number {
position: absolute;
bottom: 18px;
right: 0px;
font-size: 15pt;
line-height: 15pt;
padding: 5px 10px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.large-comment-number a,
.large-comment-number a:hover {
text-transform: uppercase;
text-decoration: none;
}


/*************************** Small Posts ***************************/

.post-container {
float: left;
width: 640px;
}
.fullwidth .post-container {
width: 960px;
}
.post-thumbnail {
float: left;
position: relative;
width: 123px;
height: 100px;
overflow: hidden;
}
.post-thumbnail img {
width: 123px;
height: 100px;
border: 0;
}
.post-thumbnail .meta {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
text-align: right;
padding: 0 4px;
font-size: 9px;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.post-content {
float: left;
width: 507px;
padding: 0 0 10px 10px;
font-size: 11px;
line-height: 12px;
}
.post-content h3 {
padding: 2px 0 2px 0;
}
.fullwidth .post-content {
width: 827px;
}


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

.subtitle {
padding: 0 0 20px 0;
color: #000000;
}
#page {
padding: 20px;
}

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

/*************************** Tabs ***************************/

#panels {
clear: both;
}
#tabs {
float: left;
}
a.tab {
float: left;
font-family: 'BonvenoCF-Light', Arial;
text-transform: uppercase;
color: #000000;
font-size: 12pt;
text-decoration: none;
display: block;
padding: 10px 20px;
cursor: pointer;
}
a.tab-active, a.tab-active:hover {
color: #006ea2;
float: left;
font-family: 'BonvenoCF-Light', Arial;
text-transform: uppercase;
font-size: 12pt;
text-decoration: none;
display: block;
padding: 10px 20px;
cursor: pointer;
}


/*************************** Main Slider ***************************/

/* Slider Container */
#slider-container {
float: left;
overflow: hidden;
position: relative;
background: #000000;
}
.slider-large {
width: 980px;
height: 525px;
}
.slider-medium {
width: 980px;
height: 350px;
}
.slider-small {
width: 980px;
height: 443px;
}

/* Slider */
#slider {
overflow: hidden;
position: relative;
}
.slider-large #slider {
width: 980px;
height: 525px;
}
.slider-medium #slider {
width: 980px;
height: 350px;
}
.slider-small #slider {
width: 780px;
height: 418px;
top: 0;
left: 100px;
}
.slide {
float: left;
line-height: 0;
display: block;
}

/* Slider Images */
.slider-large img {
width: 980px;
height: 525px;
}
.slider-medium img {
width: 980px;
height: 350px;
}
.slider-small img {
width: 780px;
height: 418px;
}

/* Slider Thumbnails */
#slider-thumbnails-wrapper {
height: 100px;
position: relative;
top: 0;
width: 100%;
z-index: 150;
}
.slider-small #slider-thumbnails-wrapper {
top: 25px;
}
.slider-thumbnail {
width: 123px;
height: 100px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
background: url(images/no-thumb-small.jpg) no-repeat;
}
.slider-thumbnail img {
width: 123px;
height: 100px;
}
.slider-thumbnail .meta {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 9px;
cursor: pointer;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.slider-thumbnail .meta:hover,
.slider-thumbnail.activeSlide .meta {
cursor: pointer;
filter: alpha(opacity=80);
-moz-opacity: 0.8 !important;
-khtml-opacity: 0.8 !important;
opacity: 0.8 !important;
}

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

/* Slider Caption */
.caption {
line-height: 19px;
height: 80px;
position:relative;
width: 100%;
z-index: 150;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display: block;
}
.slider-large .caption {
top: -650px;
}
.slider-medium .caption {
top: -475px;
}
.slider-small .caption {
top: -553px;
}
.caption-inner {
padding: 20px;
display: block;
}
.caption-title {
color: #006ea2;
display: block;
font-size: 14pt;
font-family: 'BonvenoCF-Light', Arial;
font-weight: normal;
margin: 0;
padding: 0 0 10px 0;
text-transform: uppercase;
}

/* Slider Controls */
#slider-controls {
position: absolute;
top: 0;
right: 0;
padding: 5px;
z-index: 200;
width: 20px;
height: 19px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
text-align: center;
}
#slider-controls a {
color: #404040;
font-size: 10pt;
}
#slider-controls a .pause-button {
font-size: 7pt;
padding-right: 2px;
}
#slider-controls a:hover {
color: #fff;
cursor: pointer;
text-decoration: none;
}


/*************************** Portfolio Page ***************************/

/* Portfolio Categories */
#portfolio-categories {
float: left;
}
#portfolio-categories ul {
float: left;
list-style-type: none;
margin: 20px 0 0 0;
padding: 0;
}
#portfolio-categories li {
float: left;
list-style-type: none;
font-family: 'BonvenoCF-Light', Arial;
margin: 0 30px 0 0;
padding: 0;
font-size: 10pt;
text-transform: uppercase;
}
#portfolio-categories .current-cat a,
#portfolio-categories a:hover {
color: #000000;
text-decoration: none;
}
.portfolio-description {
float: left;
margin: 20px 0 0 0;
}

/* Portfolio Thumbnails */
#portfolio-thumbnail-wrapper {
padding-top: 10px;
}
.portfolio-thumbnail {
float: left;
width: 123px;
height: 100px;
position: relative;
cursor: pointer;
}
.portfolio-thumbnail img {
width: 123px;
height: 100px;
}
.portfolio-thumbnail a:hover {
text-decoration: none;
}
.portfolio-thumbnail .meta {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 9px;
cursor: pointer;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.portfolio-thumbnail .meta:hover,
.portfolio-thumbnail.activeSlide .meta {
cursor: pointer;
filter: alpha(opacity=80);
-moz-opacity: 0.8 !important;
-khtml-opacity: 0.8 !important;
opacity: 0.8 !important;
}
.portfolio-image-small {
float: left;
width: 80px;
height: 64px;
overflow: hidden;
}
.portfolio-image-small img {
width: 80px;
height: 64px;
border: 0;
}

/* Main Portfolio Image */
#portfolio-slider {
float: left;
position: relative;
overflow: hidden;
width: 960px;
min-height: 400px;
margin: 30px 0 0 0;
}
.portfolio-image-container {
float: left;
width: 560px;
overflow: hidden;
}
.portfolio-image {
float: left;
position: relative;
width: 560px;
height: 300px;
}
.portfolio-image img {
width: 560px;
height: 300px;
}
.portfolio-image .meta {
position: absolute;
z-index: 100;
bottom: 0px;
right: 0px;
width: 552px;
text-align: right;
padding: 0 4px;
font-size: 9px;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

/* Portfolio Text */
.portfolio-text {
float: left;
width: 380px;
margin: 0 0 0 20px;
}


/*************************** Alternative Category Template ***************************/

#alt-cat-image {
position: relative;
width: 980px;
height: 300px;
overflow: hidden;
}
#alt-cat-image img {
width: 980px;
min-height: 300px;
border: 0px;
}
#alt-cat-image h2 {
position: absolute;
left: 0px;
bottom: 0px;
width: auto;
z-index: 100;
font-size: 40pt;
padding: 10px 20px;
line-height: 40pt;
}


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

/* Footer */
#footer {
float: left;
width: 940px;
padding: 20px;
font-size: 8pt;
}
#footer a {
color: #666666;
}
#footer a:hover {
text-decoration: none;
}

/* Footer Widgets */
.footer-widget-outer {
float: left;
margin: 0 0 20px 20px;
color: #808080;
}
.footer-widget-inner {
float: left;
width: 100%;
padding-bottom: 20px;
}
#footer div:first-child {
margin-left: 0;
}
.footer-whole {
width: 940px;
}
.footer-half {
width: 460px;
}
.footer-third {
width: 300px;
}
.footer-fourth {
width: 220px;
}
.footer-widget-inner h3 {
font-size: 10pt;
padding: 0;
margin: 0 0 5px 0;
}
.footer-widget-inner ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-widget-inner li {
list-style-type: none;
padding: 0;
margin: 0;
border: 0;
}

/* Footer Text */
#footer-text ul {
float: left;
list-style-type: none;
padding: 0;
margin: 7px 0 0 0;
}
#footer-text li {
float: left;
list-style-type: none;
padding: 0;
border: 0;
margin: 0 10px 0 0;
}
#footer img {
border: 0 none;
}


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

/* General Widgets */
.widget {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.widget h3 {
text-align: right;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #000000;
padding: 0 2px 1px 0;
margin: 0 0 10px 0;
}
.widget h4 {
padding: 10px 0 2px 0;
}
.widget li ul li {
padding: 2px 0 0 10px;
border: 0 none;
}

/* Featured Posts */
.post-display {
margin: 0 0 20px 0;
font-size: 8pt;
line-height: 10pt;
}
.post-display h3 {
margin: 3px 0 3px 0;
padding: 0;
font-size: 10pt;
text-align: left;
border: 0;
}
.post-display img {
width: 280px;
height: 150px;
}

/* Search Widget */
#sidebar #searchform {
float: right;
width: auto;
}
#sidebar #searchbar {
float: left;
width: 200px;
}

/* Recent Comments Widget */
#recent-comments li {
border: 0 none;
padding: 0;
margin: 0;
}
#recent-comments .avatar {
float: left;
}
#recent-comments .text {
float: left;
width: 235px;
padding: 5px 0 5px 5px;
font-size: 8pt;
line-height: 10pt;
}
#recent-comments span {
font-size: 7pt;
}

/* Mini Slider */
.minislider,
.minislider img,
.minisliderContent, .minisliderImage {
width: 280px;
height: 150px;
}
.minislider {
position: relative;
overflow: hidden;
}
.minisliderContent {
position: absolute;
top: 0;
margin-left: 0;
}
.minisliderImage {
float: left;
position: relative;
display: none;
}
.minisliderImage span {
display: none;
position: absolute;
left: 0;
font-size: 8pt;
padding: 10px;
width: 260px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
line-height: 12px;
}
.cap-top {
top: 0;
left: 0;
}
.cap-bottom {
bottom: 0;
left: 0;
}


/*************************** Scrollable Content ***************************/

.scrollingHotSpotLeft {
width: 25px;
height: 100px;
background: url(images/blank.gif) no-repeat;
position: absolute;
z-index: 200;
left: 0;
cursor: pointer;
}
.scrollingHotSpotLeftVisible {
zoom: 1;
display: block !important;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.scrollingHotSpotLeftVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.scrollingHotSpotRight {
background: url(images/blank.gif) no-repeat;
width: 25px;
height: 100px;
position: absolute;
z-index: 200;
right: 0;
cursor: pointer;
}
.scrollingHotSpotRightVisible {
zoom: 1;
display: block !important;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.scrollingHotSpotRightVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100px;
}
.scrollableArea {
position: relative;
width: auto;
height: 100px;
}


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

.columns {
float: left;
position: relative;
line-height: 19px;
margin-right: 2%;
}
.one {
width: 100%;
}
.two {
width: 49%;
}
.three {
width: 32%;
}
.four {
width: 23.5%;
}
.onethird {
width: 32%;
}
.twothirds {
width: 66%;
}
.onefourth {
width: 23.5%;
}
.threefourths {
width: 74.5%;
}
.last {
clear: right;
margin-right: 0;
}


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

.divider {
border-top: 1px solid #c0c0c0;
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: 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/ajax_loader.gif) no-repeat right bottom;
float: left;
padding: 3px 0 0 10px;
width: 16px;
height: 16px;
}
.success, .error {
margin: 0 0 10px 0;
display: block;
min-height: 22px;
line-height: 22px;
padding: 3px 10px 3px 35px;
}
.success {
background: #e3f8bf url(images/success.png) no-repeat 10px center;
border: 1px solid #9bd23a;
color: #5e8a11;
}
.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: 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;
}


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

#comments {
float: left;
width: 100%;
}
.fullwidth #comments {
width: 960px;
}
#commentlist, #commentlist li {
list-style: none;
list-style-type: none;
background: none;
margin: 0;
padding: 0;
border: 0;
}
#respond {
color: #000000;
padding: 30px 0 0 0;
}
#commentlist {
list-style: none;
margin: 20px 0 0 20px;
padding: 0;
}
#commentlist li ul {
list-style: none;
}
.comment-body {
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #c0c0c0;
}
.children li {
list-style-image: none;
}
.children .comment-body {
float: right;
width: 95%;
}
.children .avatar {
width: 40px;
height: 40px;
}
.comment-left {
float: left;
width: auto;
text-align: center;
padding-right: 10px;
}
.comment-text {
width: auto;
overflow: hidden;
}
.comment-meta {
font-size: 7pt;
color: #808080;
}
.moderation {
float: right;
color: #930000;
}
.author {
font-size: 8pt;
}
#commentform {
float: left;
width: auto;
margin: 0 0 0 20px;
}
#commentform textarea {
width: 560px;
max-width: 560px;
}
#commentform form {
padding-top:20px;
}


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

.wp-pagenavi {
float: right;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend,
.wp-pagenavi span.current {
font-family: 'BonvenoCF-Light', Arial;
display: block;
color: #006ea2;
float: left;
padding: 2px 8px 4px 8px; 
margin: 0 0 0 5px;
font-size: 12pt;
text-transform: uppercase;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
text-decoration: none;
}

.post-navi {
font-family: 'BonvenoCF-Light', Arial;
color: #006ea2;
float: right;
margin: 10px 0 20px 0;
padding: 2px 8px 4px 8px; 
font-size: 12pt;
text-transform: uppercase;
text-decoration: none;
}
.post-navi span {
color: #006ea2;
padding: 2px 8px 4px 8px; 
margin: 0 0 0 5px;
font-size: 12pt;
}
.post-navi a span {
background: transparent;
text-decoration: none;
}
.post-navi a:hover span {
text-decoration: none;
}
.post-navi a:hover {
text-decoration: 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;
}