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

* {
outline: none;
}
html,
body {
margin:0;
padding:0;	
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
/* font: normal normal normal 16px/1.6 Arial, Helvetica, sans-serif;*/
font-weight: normal;
background: url("http://www.studiowonders.com/wp-content/themes/magnifizine/images/page-bg.jpg") repeat;
background: #00BDF2 !important;
text-align: center;
line-height: 18px;
color: #000000;
}
.body {
width:100%;
min-height: 100%; /* ver stretch For Mozilla/Opera/Safari */
position:relative;
margin:0 auto;
}
#body-outer {
min-height:100%;
*height: 100%;
/* background: url("http://www.studiowonders.com/wp-content/themes/magnifizine/images/body-outer.png") bottom center no-repeat; */
}
#body-inner {
background: url("images/body-inner.png") center 119px no-repeat;
}

a {
cursor: pointer !important;
text-decoration: none;
}
a:hover {
cursor: pointer !important;
}
a, a:visited {
color: #000;
}

.buttons, a.buttons, a.buttons:visited, input.buttons {
text-transform: uppercase;
cursor: pointer !important;
display: inline-block !important;
color: #fff !important;
text-shadow: rgba(0, 0, 0, 1.0) 2px 2px 1px !important;
font-size: 12pt;
text-align: center !important;
font-weight: bold !important;
padding: 5px;
margin: 0 auto;
border:1px solid #000 !important;
border-radius: 3px !important;
-moz-border-radius: 3px !important;
background: #000 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#000)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #111,  #000) !important; /* for firefox 3.6+ */	
}
.buttons:hover, a.buttons:hover, input.buttons:hover {
color: #00BDF2 !important;
background: #000 !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000') !important; /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important; /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  #000) !important; /* for firefox 3.6+ */
}

.next-button, .prev-button {
padding: 0;
width: 30px;
height: 30px;
text-indent: -2000px;
overflow: hidden;
background-color: #000;
background-image: url("images/prev-next.png");
background-repeat: no-repeat;
border:1px solid #000;
border-radius: 3px;
-moz-border-radius: 3px;
}
.next-button {
float: right;
background-position: -30px 0;
}
.next-button:hover {
background-position: -30px -30px;
}
.prev-button {
float: left;
background-position: 0 0;
}
.prev-button:hover {
background-position: 0 -30px;
}

/*************************** General Styling ***************************/
/*
@font-face {
font-family: 'BonvenoCF-Light';
src: url('images/fonts/BonvenoCF-Light.otf') format('opentype');
}

@font-face {
font-family: Chunk;
src: url('images/fonts/Chunk.otf') format('opentype');
}
*/
h1, h2, h3, h4, h5, h6 {
font-family: Arial;
font-weight: bold;
margin: 0;
padding: 0 0 10px 0;
text-transform: uppercase;
}

h1 {
font-size: 20pt;
line-height: 24pt;
}
h1 span {
font-weight: normal;
}
h2 {
font-size: 20pt;
line-height: 20pt;
}
h3 {
font-size: 16pt;
line-height: 16pt;
}
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;
}
ol {
margin: 0 0 1em 3em;
padding: 0;
}
ul {
list-style-type: square;
margin: 0 0 1em 3em;
padding: 0;
}
li {
padding: 0 0 2px 0;
}
form {
margin: 0;
padding: 0;
}
input, textarea {
background: #ffffff;
font-family: Arial;
color: #000000; 
font-size: 9pt;
border: 1px solid #303030;
padding: 5px;
}
select {
font-family: Arial;
color: #000000; 
font-size: 9pt;
}
input[type="submit"], input[type="reset"] {
font-family: Arial;
height: 27px;
font-size: 11pt;
background: #000;
color: #fff !important;
font-weight: bold;
border: none !important;
padding: 2px 5px;
cursor: pointer;
text-transform: uppercase;
vertical-align: bottom;
}
input[type="submit"]:hover, input[type="reset"]:hover {
background: #52CFE5;	
cursor: pointer;
}
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 {
float: right;
padding: 0 0 5px 0;
}
.divider {
clear: both;
border-top: 1px solid #c0c0c0;
width: 100%;
height: 1px;
padding: 0;
margin: 20px 0;
position: relative;
}
hr {
margin: 20px 0;
background-color: #c0c0c0;
color: #c0c0c0;
width: 100%;
border: 0;
}
th {
padding: 3px 10px;
background: #c0c0c0;
text-transform: uppercase;
}
td {
padding: 3px 10px;
background: #f7f7f7;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0;
padding: 10px;
}
label {
font-weight: bold;
}
legend {
color: #000000;
font-weight: bold;
}
pre, code {
background: #f7f7f7;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 15px;
margin-bottom: 20px;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}
.preload {
display: none;
}
.wp-post-image {
border: 0 none;
}
object {
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 none !important;
}
img {
border: 0 none;
}
.none {
display: none !important;
}

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

/* Page Wrapper */
#page-wrap {
position: relative;
margin: 0 auto;
text-align: left;
width: 980px;
}

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

/* Main Content */
#main-content {
float: left;
width: 640px;
padding: 0 0 0 15px;
}
/*
.main-content-extended {
width: 950px !important;
padding: 0 15px !important;
}
*/
.main-content-extended {
position: relative;
width: 950px !important;
padding: 0 15px !important;
}

/* Sidebar */
#sidebar {
float: right;
width: 280px;
padding: 0 15px 0 0;
}
#sidebar img {
max-width: 280px;
height: auto;
}
.cat-sidebar {
margin: 300px 0 0 0;
}
.sidebar-ads {
max-width: 280px;
height: auto;
margin-bottom: 15px;
}

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

/* Header */
#header {
float: left;
position: relative;
z-index: 800;
width: 980px;
height: 120px;
padding-bottom: 5px;
background-position: 15px center;
background-repeat: no-repeat;
overflow: hidden;
}

#header-top {
clear: both;
float: left;
position: relative;
width: 950px;
height: 90px;
padding: 0 15px;
}
#header-bottom {
clear: both;
float: left;
position: relative;
z-index: 800;
width: 950px;
height: 25px;
padding: 0 15px;
}

/* Logo */
#logo {
float: left;
position: relative;
width: 200px;
}
#logo a {
z-index: 1000;
display: block;
width: 200px;
height: 70px;
overflow: hidden;
text-indent: -2000px;
position: absolute;
top: 27px;
left: 0;
}

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

/* Top Menu */
#top-menu {
position: absolute;
top: 5px;
right: 15px;
height: 20px;
width: 950px;
}
#top-menu ul {
float: right;
z-index: 800;
position: relative;
top: 0;
left: 0;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
}
#top-menu ul a {
font-family: Arial;
font-size: 11pt;
display: block;
padding: 0;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
color: #000 !important;
line-height: 13px;
}
#top-menu ul a:visited{
color: #000 !important;
}
#top-menu ul a:hover{
color: #fff !important;
text-decoration:none;
}
#top-menu ul li{
border-right: 1px solid #02A6CC;
float:left;
position:relative;
margin: 0 0 0 10px;
}
#top-menu ul li a{
margin: 0 10px 0 0;
}
#top-menu ul li.last{
border: none;
margin: 0 0 0 10px !important;	
}
#top-menu ul li.last a{
margin: 0;	
}
#software-arm {
	width: 122px;
	height: 46px;
	position: absolute;
	top: 31px;
	right: 136px;
	z-index: 1000;
}
#software-arm a {
	width: 122px;
	height: 46px;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
	background: url("images/elanist.png") no-repeat;
	cursor: pointer;
}
/* Social Icons */
#social-icons {
position: absolute;
top: 45px;
right: 15px;
width: 200px;
}
.social-icons {
width: 20px;
height: 15px;
float: right;
display: block;
margin: 0 0 0 5px;
background-repeat: no-repeat;
background-position: center center;
text-indent: -2000px;
overflow: hidden;
cursor: pointer;
border: 1px solid #000;
}
.social-icons:hover {
margin-top: 2px;
}
.rss-icon {
background-image: url("images/s-rss.png");
}
.twitter-icon {
background-image: url("images/s-twitter.png");
}
.myspace-icon {
background-image: url("images/s-myspace.png");
}
.facebook-icon {
background-image: url("images/s-facebook.png");
}
.digg-icon {
background-image: url("images/s-digg.png");
}
.linkedin-icon {
background-image: url("images/s-linkedin.png");
}
.meetup-icon {
background-image: url("images/s-meetup.png");
}
.flickr-icon {
background-image: url("images/s-flickr.png");
}

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

#nav {
float: right;
z-index: 800;
position: relative;
top: 0;
left: 0;
width: 100%;
}
#nav, #nav ul{
float: right;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height: 25px;
}
#nav ul a {
font-family: Arial;
font-size: 14pt;
display: block;
padding: 0;
text-decoration:none;
text-transform: uppercase;
font-weight: bold;
color: #000 !important;
}
#nav ul a:visited{
color: #000 !important;
}
#nav ul a:hover{
color: #fff !important;
text-decoration:none;
}
#nav ul li{
float:left;
position:relative;
margin: 0 0 0 20px;
}
.home #nav ul li.menu-item-home a,
#nav ul li.current_page_item a, 
#nav ul li.current-page-ancestor a {
color: #fff !important;
}
#nav ul ul {
z-index: 10;
position: absolute;
display: none;
top: 2.5em;
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: 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;
}

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

/* Single Post/Page */
.boxed, .alt-boxed {
display:inline-block;
width: 600px;
padding: 10px 20px;
}
#main-content .boxed, #main-content .alt-boxed {
padding: 15px 0;
}
.alt-boxed {
color: #000000;
}
.boxed-extended {
width: 940px !important;
}
.fullwidth-meta {
width: 940px;
padding: 0 20px 5px 20px;
font-size: 9px;
text-transform: uppercase;
}
#page {
float: left;
position: relative;
/* padding: 20px 20px 0 20px; */
}
#normal-post {
clear: both;
padding: 20px 0 0 0;
}
#normal-post img {
max-width: 640px;
*width: 640px;
height: auto;
}
#fullwidth-post {
float: left;
padding: 20px 0 0 0;
}
#fullwidth-post img {
max-width: 950px;
height: auto;
}
.subtitle {
padding: 0;
color: #000000;
}
.col-left {
float: left;
width: 460px;
padding: 0 10px 0 0;
}
.col-right {
float: right;
width: 460px;
padding: 0 0 0 10px;
}


/* Post Loop */
.post-container {
float: left;
width: 640px;
/* padding-left: 15px; */
}
.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: 492px;
padding: 10px 0 10px 10px;
font-size: 11px;
line-height: 12px;
}
.post-content h3 {
padding: 0 0 2px 0;
}
.post-content .meta {
padding: 10px 0 0 0;
float: right;
color: #808080;
}
.post-content a {
font-weight: bold;
}

/* Large Posts */
.large-thumbnail {
width: 640px;
height: 343px;
overflow: hidden;
position: relative;
/* margin-left: 15px; */
}
/*
.large-thumbnail h2, .large-thumbnail h2 a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 640px;
	height: 230px;
}
.large-thumbnail h2 a span {
font-size: 16pt;
line-height: 16pt;
display: inline-block;
background: #000;
color: #fff;
padding: 5px;
margin: 0 0 5px 0;
}
*/
.large-thumbnail img {
width: 640px;
height: 343px;
border: 0px;
}
.large-thumbnail-meta {
position: absolute;
bottom: 0px;
right: 0px;
width: 628px;
text-align: right;
padding: 0 6px;
font-size: 9px;
text-transform: uppercase;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;

display: none;
}
.large-thumbnail-hidden {
width: 640px;
height: 16px;
overflow: hidden;
position: relative;
}
.large-thumbnail-hidden img {
display: none;
}
.large-thumbnail-hidden .large-thumbnail-meta {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.large-content {
/* padding: 20px 0 20px 20px; */
padding: 10px 0 35px 0;
}
.large-content h2 {
padding-bottom: 5px;
}
.large-content a {
font-weight: bold;	
}
.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;
display: none;
}
.large-comment-number a, .large-comment-number a:hover {
text-transform: uppercase;
text-decoration: none;
}


/* Tabs */
#panels {
clear: both;
}
#tabs {
float: left;
}
a.tab {
float: left;
font-family: 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 {
float: left;
font-family: Arial;
text-transform: uppercase;
font-size: 12pt;
text-decoration: none;
display: block;
padding: 10px 20px;
cursor: pointer;
}

/*************************** Footer ***************************/
/*
#footer {
float: left;
width: 940px;
padding: 20px;
font-size: 8pt;
background: url("http://www.studiowonders.com/wp-content/themes/magnifizine/images/footer.png") top center no-repeat;
text-align: center;
}
*/
#footer-outer {
width: 100%;
background: url("images/footer-outer.png") center -10px no-repeat;
}
#footer {
margin: 0 auto;
width: 950px;
padding: 35px 15px 15px 15px;
font-size: 8pt;
text-align: center;
border-top: 10px solid #000;
background: none;
}
#footer a {
color: #808080;
}
#footer a:hover {
color: #ffffff;
text-decoration: none;
}
.footer-widget {
float: left;
width: 300px;
margin: 0 20px 20px 0;
color: #808080;
}
.footer-widget h3 {
font-size: 10pt;
padding: 0;
margin: 0 0 5px 0;
}
.footer-widget ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.footer-widget li {
list-style-type: none;
padding: 0;
margin: 0;
}
.last {
margin: 0 !important;
border: 0 none !important;
}
#footer-text {
clear: both;
padding: 0;
}
#footer-text ul {
list-style-type: none;
padding: 0;
display: inline-block;
padding: 0;
margin: 0;
}
#footer-text li {
display: inline;
list-style-type: none;
padding: 0;
margin: 0 5px;
}
#footer-text li a {
font-weight: bold;
color: #000 !important;
}
#footer-text li a:hover {
color: #fff !important;
}
#footer img {
border: 0 none;
}

#footer .copyright {
font-size: 7pt;
line-height: 10pt;
padding-top: 20px;
}

/*************************** Page Image ***************************/
/*
.page-image {width: 980px; height: 280px; margin: 0 auto; background: url("images/img-cor.png") no-repeat; position: relative;}
.page-image-outer {width: 950px; height: 280px; position: absolute; left: 15px; top: 15px;}
.page-image-inner {width: 950px; height: 280px; position: absolute; left: 0; top: 0;}
*/
/*************************** Image Corner ***************************/
/*
.img-cor {position: absolute; z-index: 1000; width: 6px; height: 6px;}
.cor-tl {top: 15px; left: 15px; background: url("images/img-cor-tl.png") top left  no-repeat;}
.cor-tr {top: 15px; right: 15px; background: url("images/img-cor-tr.png") top right  no-repeat;}
.cor-bl {bottom: 0; *bottom: -1px; left: 15px; background: url("images/img-cor-bl.png") bottom left  no-repeat;}
.cor-br {bottom: 0; *bottom: -1px; right: 15px; background: url("images/img-cor-br.png") bottom right  no-repeat;}
*/
/*************************** Main Slider ***************************/
/*
.slider-container {
position: relative; 
width: 980px;
height: 525px;
overflow: hidden;
}
*/
/*************************** Page Image ***************************/

.page-image {width: 980px; height: 50px; margin: 0 auto; position: relative;}
.page-image-outer {width: 980px; height: 50px; position: absolute; left: 0; top: 0; background: url("images/page-image-outer.png") 170px 0 no-repeat;}
.page-image-inner {width: 980px; height: 50px; position: absolute; left: 0; top: 0;}
.page-image h1 {padding: 10px 15px; color: #fff;}
.page-image #guarantee {position: absolute; top: 0; right: 185px; height: 50px; width: 110px;}
.page-image #guarantee a {display: block; height: 50px; width: 110px; cursor: help; overflow: hidden; text-indent: -2000px;}
/* .page-image #contact-work-link {position: absolute; top: 0; right: 170px; height: 50px; width: 122px;} */
.page-image #contact-work-link {position: absolute; top: 0; right: 0; height: 50px; width: 122px; border-left: 180px solid black;}
.page-image #contact-work-link a {display: block; height: 50px; width: 122px; cursor: help; overflow: hidden; text-indent: -2000px;}
.page-image #recent-work-link {position: absolute; top: 0; right: 0; height: 50px; width: 169px; display: none;}
.page-image #recent-work-link a {display: block; height: 50px; width: 169px; cursor: help; overflow: hidden; text-indent: -2000px;}



/*************************** Image Corner ***************************/

.img-cor {position: absolute; z-index: 1000; width: 0; height: 0; display: none;}
.cor-tl {}
.cor-tr {}
.cor-bl {}
.cor-br {}

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

.slider-container {
position: relative; 
width: 980px;
height:525px;
background: #000 url("images/prettyPhoto/dark_rounded/loader.gif") center center no-repeat;
}
/* Slider Container */

#slider-container-large {
float: left;
width: 980px;
height: 525px;
overflow: hidden;
position: relative;
/* background: url("images/img-cor.png") no-repeat; */
}
#slider-container-medium {
float: left;
width: 980px;
height: 400px; /*350px*/
overflow: hidden;
position: relative;
/* background: url("images/img-cor.png") no-repeat; */
}
#slider-container-small {
float: left;
position: relative;
top: 0;
left: 100px;
width: 780px;
height: 418px;
overflow: hidden;
/* background: url("images/img-cor.png") no-repeat; */
}
#slider-container-outer-small {
width: 980px;
height: 443px;
position: relative;
}

/* Slider */
#mySlides-large {
width: 980px;
height: 525px;
overflow: hidden;
position: relative;
}
#mySlides-medium {
width: 980px;
height: 350px;
overflow: hidden;
position: relative;
}
#mySlides-small {
width: 780px;
height: 418px;
overflow: hidden;
position: relative;
}

/* Slider Images */
#mySlides-large .wp-post-image {
width: 980px;
height: 525px;
border: 0;
}
#mySlides-medium .wp-post-image {
width: 980px;
height: 350px;
border: 0;
}
#mySlides-small .wp-post-image {
width: 780px;
height: 418px;
border: 0;
}
.slider-link {
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 none !important;
}

/* #jFlowSlide {margin: 15px;} */
#jFlowSlide {margin: 0; width: 980px !important;}

/* Slider Thumbnails */
.jFlowControl {
width: 123px;
height: 100px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
background: url("images/no-thumb-small.jpg") no-repeat;
}
.jFlowControl img {
width: 123px;
border: 0 none;
}
.image-thumb, .image-thumb-selected {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 9px;
color: #ffffff;
cursor: pointer;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.image-thumb:hover, .activeSlide .image-thumb-selected {
cursor: pointer;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

/* Slider Video */
.play-button {
position: absolute;
top: 50%;
left: 50%;
width: 89px;
height: 51px;
margin: -25.5px 0 0 -44.5px;
}

/* Slide In Containers */
.pop_box_upper_large {
height:120px;
position:relative;
top:-650px;
width:100%;
z-index:500;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display: block;
}
.pop_box_upper_medium {
height:120px;
position:relative;
top:-475px;
width:100%;
z-index:500;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display: block;
}
.pop_box_upper_small {
height:130px;
position:relative;
top:-553px;
width:100%;
z-index:500;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
display: block;
}
.pop_inner_upper {
padding: 20px;
display: block;
}
.pop_inner_title {
display: block;
font-size: 14pt;
font-family: Arial;
font-weight: normal;
margin: 0;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.pop_box_lower {
height: 65px;
position: relative;
top: 0px;
width: 100%;
z-index:500;
}
.pop_inner_lower {
padding: 0px;
width: 100%;
}

/* Slider Controls */
#slider-controls {
position: absolute;
top: 0;
right: 0;
padding: 5px;
z-index: 700;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
background: none !important;
}
#slider-controls a {
filter: alpha(opacity=25);
-moz-opacity: 0.25;
-khtml-opacity: 0.25;
opacity: 0.25;
}
#slider-controls a:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#slider-controls img {
float: left;
cursor: pointer;
border: 0;
width: 18px;
height: 15px;
}
#slider-controls img:hover {
cursor: pointer;
}

/*************************** Portfolio Page ***************************/
.work-body #page p {
margin: 0;
padding: 0;
}

.portfolio-sliders {
height: 538px;
width: 950px;
position: relative;
}

/* Portfolio Slider */
.portfolio-sliders #portfolio-slider {
float: left;
position: relative;
overflow: hidden;
width: 950px;
min-height: 408px;
*height: 408px;
margin: 130px 0 0 0;
}
.portfolio-image-container {
float: left;
width: 640px;
overflow: hidden;
}
.portfolio-image {
float: left;
position: relative;
width: 640px;
height: 343px;
overflow: hidden;
background: #000;
}
.portfolio-image img {
width: 640px;
height: 343px;
border: 0 none;
background: #000;
}
.portfolio-thumbnails {
width: 120px;
height: 100px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
border-right: 3px solid #000;
background: #000;
}
#startportfolio1 {
width: 117px;	
border-left: 3px solid #000;
}
.portfolio-thumbnails img {
width: 123px;
height: 100px;
border: 0 none;
}
.portfolio-thumbnails a:hover {
text-decoration: none;
}
.portfolio-image-small {
float: left;
width: 80px;
height: 64px;
overflow: hidden;
}
.portfolio-image-small img {
width: 80px;
height: 64px;
border: 0;
}
.portfolio-text {
float: left;
width: 295px;
margin: 0 0 0 15px;
}
.portfolio-text a.continue {
	display: none;
}
.portfolio-text h2 {
padding: 5px;
background: #000;
color: #fff;
}
.portfolio-text h2 a {
color: #fff;
}
.portfolio-meta {
position: absolute;
z-index: 1000;
bottom: 0px;
right: 0px;
width: 632px;
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-thumbnail-wrapper {
width: 980px;
height: 115px;
padding-top: 15px;
overflow: hidden;
}
.portfolio-sliders #portfolio-thumbnail-wrapper {
position: absolute;
left: -15px;
top: 0;
z-index: 1000;
}
/* Portfolio Categories */
#port-cats {
float: left;
margin-bottom: 10px;
}
#port-cats ul {
list-style-type: none;
margin: 10px 0 0 0;
padding: 0;
}
#port-cats li {
float: left;
list-style-type: none;
font-family: Arial;
/* margin: 0 0 0 30px; */
margin: 0 20px 0 0;
padding: 0;
font-size: 11pt;
text-transform: uppercase;
}
#port-cats li a {
font-size: 14pt;
font-family: Arial;
color: #000000;
font-weight: bold;
padding: 2px 5px;
}
#port-cats li a:hover, #port-cats .current_page_item a {
color: #fff;
background: #000;
padding: 2px 5px;
}
#port-cats li a:hover {
color: #52CFE5;
}
#port-cats .current_page_item a:hover {
}
/*************************** Contact Page ***************************/

#contact {
padding: 5px 0 0 0;
}
#contact label {
display: inline-block;
float: left;
height: 26px;
line-height: 26px;
width: 50px;
}
#contact .submit {
float: left;
}
#contact span.required {
font-size: 13px;
color: #ff0000;
}
#message {margin: 10px 0;
padding: 0;
}
.moderation, .error_message {
display: block;
height: 22px;
line-height: 22px;
background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px;
color:#8a1f11;
border: 1px solid #FBC2C4;
}
.loader {
float: left;
padding: 10px 10px;
width: 16px;
height: 16px;
background: url('images/ajax_loader.gif') no-repeat center center;
}
#contact #success_page h2 {
padding: 2px 0 0 22px;
background: url('images/success.png') left no-repeat;
}

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

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

/*************************** 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: 5px;
margin: 0 0 10px 0;
border: none;
background: #000;
color: #fff;
}
.widget h4 {
padding: 20px 0 0 0;
}
.widget ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.widget li {
border-bottom: 1px solid #e0e0e0;
padding: 2px 0;
}
.widget li a {
font-size: 8pt;
}
.widget li ul li {
padding: 2px 0 0 10px;
border: 0 none;
}

/* Post Display */
.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-image {
width: 280px;
max-height: 150px;
overflow: hidden;
}
.post-display-image img {
max-height: 150px;
border: 0px;
}

/* Search Widget */
#sidebar #searchform {
float: right;
width: auto;
height: 27px;
position: relative;
}
#sidebar #searchbar {
float: left;
width: 223px;
margin-right: 2px;
}

/* 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;
background: #000;
}
.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("http://www.studiowonders.com/wp-content/themes/images/blank.gif") no-repeat;
position: absolute;
z-index: 2000;
left: 0;
cursor: pointer;
}
.scrollingHotSpotLeftVisible {
background: url("http://www.studiowonders.com/wp-content/themes/images/arrow_left.png") no-repeat;
zoom: 1;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.portfolio-sliders .scrollingHotSpotLeftVisible {
opacity: 100;
}
.scrollingHotSpotLeftVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.scrollingHotSpotRight {
background: url("http://www.studiowonders.com/wp-content/themes/images/blank.gif") no-repeat;
width: 25px;
height: 100px;
position: absolute;
z-index: 2000;
right: 0;
cursor: pointer;
}
.scrollingHotSpotRightVisible {
background: url("http://www.studiowonders.com/wp-content/themes/images/arrow_right.png") no-repeat;
zoom: 1;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.portfolio-sliders .scrollingHotSpotRightVisible {
opacity: 100;
}
.scrollingHotSpotRightVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.scrollWrapper {
position: relative;
overflow: hidden;
width: 980px;
height: 100px;
padding: 0;
margin: 0 auto;
}
.scrollableArea {
position: relative;
width: auto;
height: 100px;
margin: 0 auto;
}
body.home .scrollWrapper {
}
/*************************** Comments Section ***************************/

#comments {
clear: both;
width: 640px;
}
#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;
}

/*************************** Learn ***************************/

dl.learn {
margin:0;
padding:0;
}
dl.learn dt {
font-size:12pt;
line-height: 12pt;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}
dl.learn dd {
margin:0 0 10px;
padding:0 0 10px;
}


/*************************** Captions & Alignments ***************************/

.aligncenter {
display: block;
margin: 20px auto; 
border: 0;
}
.alignleft {
float: left;
border: 0;
margin: 5px 10px 10px 0;
}
.alignright {
float: right;
border: 0;
margin: 5px 0 10px 0;
}
.wp-caption {
position: relative;
}
.wp-caption img {
border: 0 none;
}
.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;
}
.left {
float: left;
}
.right {
float: right;
}

.clear {clear: both;}


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

.wp-pagenavi, .page-comments {
padding: 0 !important;
border: 0 !important;
float: right !important;
width: auto;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .page-numbers, .wp-pagenavi span.current, .page-comments span.current {
display: block !important;
width: auto !important;
border: 0 none !important;
float: left !important;
font-family: Arial !important;
background: transparent !important;
padding: 2px 8px 4px 8px !important; 
margin: 0 0 0 5px !important;
font-size: 12pt !important;
font-weight: bold !important;
text-transform: uppercase !important;
}
.wp-pagenavi a {
}
.wp-pagenavi a:hover {
}
.wp-pagenavi span.current, .page-comments span.current, .wp-pagenavi a:hover, .page-numbers:hover {
text-decoration: none !important;
border: 0 none !important;
}
.post-navi {
float: right;
margin: 10px 0 20px 0;
font-family: Arial !important;
padding: 2px 8px 4px 8px !important; 
font-size: 12pt;
text-transform: uppercase !important;
text-decoration: none !important;
}
.post-navi span {
text-decoration: none;
font-family: Arial !important;
padding: 2px 8px 4px 8px !important; 
margin: 0 0 0 5px !important;
font-size: 12pt !important;
font-weight: normal !important;
}
.post-navi a span {
text-decoration: none !important;
background: transparent !important;
}
.post-navi a:hover span {
text-decoration: none;
}
.post-navi a:hover {
text-decoration: none !important;
}

#maxbannerads-3 span {display: none}


/*************************** Packages / Products ***************************/

.products-body .next-button, 
.products-body .prev-button, 
.packages-body .next-button, 
.packages-body .prev-button,
.services-body .next-button, 
.services-body .prev-button {
	position: absolute;
	z-index: 10000;
	top: 15px;
}
.products-body .next-button, 
.packages-body .next-button,
.services-body .next-button {
	right: 0;
}
.products-body .prev-button, 
.packages-body .prev-button,
.services-body .prev-button {
	left: 0;
}


/* Products Tabs */
ul#prod-tabs {
float: left;
list-style-type: none;
margin: 5px 0 18px;
padding: 0;
}
#prod-tabs li {
float: left;
list-style-type: none;
font-family: Arial;
/* margin: 0 0 0 30px; */
margin: 0 20px 0 0;
padding: 0;
font-size: 11pt;
text-transform: uppercase;
}
#prod-tabs li a {
font-size: 14pt;
font-family: Arial;
color: #000000;
font-weight: bold;
padding: 2px 5px;
}
#prod-tabs li a:hover, #prod-tabs li a.current {
color: #fff;
background: #000;
padding: 2px 5px;
}
#prod-tabs li a:hover {
color: #52CFE5;
}
#prod-tabs .current_page_item a:hover {
}

#panes {
width:950px;
min-height:450px;	
*height: 450px;
position:relative;
overflow:hidden;
clear:both;
}
.products-body #panes {
min-height:470px;	
*height: 470px;
}

#panes p {
margin: 0;
padding: 0;
}

#panes div.pane {
float:left;
display:block;
width:950px;
}

#panes .items {
width:20000em;
position:absolute;
clear:both;
margin:0;
padding:0;
}

.products-table {
width: 950px;
color: #fff;
margin: 0 auto 15px;
font-family: Verdana, Geneva, sans-serif;
text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
}
.products-table p {
margin: 0;
padding: 0;
}
.products-table h2 {
text-shadow: none;
overflow: hidden;
width: 950px;
color: #fff;
line-height: 60px;
text-align: center;
padding: 0;
margin: 0;
border-top: 1px solid #000;
background: #000;
margin-bottom: 15px;
}
.products-table h3 {
color: #FFF;
text-align: center;
line-height: 40px;
padding: 0;
margin:0;
}
.products-table h3 span {
background: url('images/black10.png');
display: block;
font-size: 50%;
line-height: 25px;
}
.products-body .products-table h3 span {
display: none;
}
.products-table .pitch {
border-top: 2px solid #000;
border-bottom: 1px solid #000;
display: block;
font-size: 11px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
}
.products-table ul {
width: 189px;
text-align: center;
position: relative;
top: 0;
left: 0;
margin: 10px auto;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}
.products-body .products-table .prod-desc {
display: block;
min-height: 45px;
*height: 45px;
padding: 10px 10px 0;
text-align: center;
}
.products-table ul li {
padding: 8px 30px;
font-weight: 600;
}
.products-table .price{
width: 150px;
font-size: 25px;
display: block;
text-align: center;
font-weight: bold;
line-height: 50px;
margin: 0 auto 20px;
border:1px solid black;
border-radius: 10px;
-moz-border-radius: 10px;
background: #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #111,  #000); /* for firefox 3.6+ */
}
.products-body .products-table .price{
margin: 9px auto 0;
width: 180px;
}
.products-body .products-table .prod-qty{
display: block;
min-height: 20px;
*height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
}
.products-table .product {
width: 189px;
float: left;
margin-right: 1px;
}
.products-table .first {
}
.products-table .last {
width: 190px;
margin-right: 0;	
}
.products-table .odd {
background: #1B1C1E;
}
.products-table .even{
background: #212329;
}
.products-body .product {
height: 190px;
width: 226px;
margin-right: 15px;
margin-bottom: 15px;
overflow: hidden;
}
.products-body .products-table .first {
}
.products-body .products-table .last {
width: 227px;
margin-right: 0;	
}
.products-body .products-table .odd {
background: #1B1C1E;
}
.products-body .products-table .even{
background: #212329;
}

.products-table .product1 h3 {background: #8dc63f;}
.products-table .product1 .price,
.products-table .product1 .quote-button,
.products-table .product1 .pitch {color: #8dc63f;}

.products-table .product2 h3 {background: #0072bc;}
.products-table .product2 .price,
.products-table .product2 .quote-button,
.products-table .product2 .pitch {color: #0072bc;}

.products-table .product3 h3 {background: #9f3f97;}
.products-table .product3 .price,
.products-table .product3 .quote-button,
.products-table .product3 .pitch {color: #9f3f97;}

.products-table .product4 h3 {background: #ed0579;}
.products-table .product4 .price,
.products-table .product4 .quote-button,
.products-table .product4 .pitch {color: #ed0579;}

.products-table .product5 h3 {background: #f7941e;}
.products-table .product5 .price,
.products-table .product5 .quote-button,
.products-table .product5 .pitch {color: #f7941e;}

.products-table .product6 h3 {background: #d83120;}
.products-table .product6 .price,
.products-table .product6 .quote-button,
.products-table .product6 .pitch {color: #d83120;}

.products-table .product7 h3 {background: #39b839;}
.products-table .product7 .price,
.products-table .product7 .quote-button,
.products-table .product7 .pitch {color: #39b839;}

.products-table .product8 h3 {background: #784ce8;}
.products-table .product8 .price,
.products-table .product8 .quote-button,
.products-table .product8 .pitch {color: #784ce8;}

.products-table .product9 h3 {background: #0096ff;}
.products-table .product9 .price,
.products-table .product9 .quote-button,
.products-table .product9 .pitch {color: #0096ff;}

.products-table .product10 h3 {background: #00aa70;}
.products-table .product10 .price,
.products-table .product10 .quote-button,
.products-table .product10 .pitch {color: #00aa70;}

.products-table .product11 h3 {background: #ed6114;}
.products-table .product11 .price,
.products-table .product11 .quote-button,
.products-table .product11 .pitch {color: #ed6114;}

.products-table .product12 h3 {background: #0e51cc;}
.products-table .product12 .price,
.products-table .product12 .quote-button,
.products-table .product12 .pitch {color: #0e51cc;}

.products-table .quote-button{
font-size: 75%;
}

/*************************** Offers ***************************/


.offers-body #container {
background: #fff url("images/studio-wonders-offers-bg.jpg") bottom center no-repeat;
}



.offers-body #page p {
margin: 0;
padding: 0;
}

.offers-table {
width: 945px;
padding-left: 5px;
color: #fff;
margin: 10px auto 0;
position: relative;
}

.offers-table .offer {
/* margin-right: 16px; */
/* -moz-box-shadow: 2px 2px 2px #999; */ /* Firefox */
/* -webkit-box-shadow: 2px 2px 2px #999; */ /* Safari, Chrome */
/* box-shadow: 2px 2px 2px #999; */ /* CSS3 */
}
.offers-table .offer .coupon {
border: 0;
}

.offers-table .activate {
margin: 20px auto;
width: 310px;
min-height: 30px;
*height: 30px;
text-align: center;
}

.offers-table .activate a {
width: 295px;
margin-right: 5px;
height: 40px;
line-height: 40px;
font-size: 16pt; 
}

#next-offer {
position: absolute;
right: 115px;
top: 230px;
}
#prev-offer {
position: absolute;
left: 115px;
top: 230px;	
}

ul.roundabout {
margin: 0 auto;	
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: 500px;

}
ul.roundabout li {
margin: 0;
padding: 0;
-moz-box-shadow: 0 5px 6px #777;  /* Firefox */
-webkit-box-shadow: 0 5px 6px #777;  /* Safari, Chrome */
box-shadow: 0 5px 6px #777;  /* CSS3 */
}
ul.roundabout li.roundabout-in-focus {
-moz-box-shadow: 0 8px 15px #666;  /* Firefox */
-webkit-box-shadow: 0 8px 15px #666;  /* Safari, Chrome */
box-shadow: 0 8px 15px #666;  /* CSS3 */	
}

.roundabout-holder { padding: 0; height: 500px;}
.roundabout-moveable-item { 
width: 310px;
height: 480px;
cursor: pointer;
background: #666;
}
.roundabout-moveable-item img { 
width: 100%;
}
.roundabout-in-focus { cursor: auto; }

.ux {
	display: none;
	position: absolute; 
	height: 50px; 
	line-height: 50px;
	width: 315px; 
	z-index: 1000; 
	text-align: center; 
	font-size: 14pt; 
	font-weight: bold;
	color: #000;
	}
.ux-tl {left: 0; top: 0;}
.ux-tr {right: 0; top: 0;}
.ux-bl {left: 0; bottom: 0;}
.ux-br {right: 0; bottom: 0;}

.csubject input, .cmessage textarea{
width: 630px;
}
.crequired {font-weight: normal}
.cname input, .cemail input, .ctel input {width: 300px;}
/*
.contact-body form input:focus, 
.contact-body form textarea:focus {
font-size: 120%;
color: #fff;
font-weight: bold;
background: #00BDF2;
}
*/
#production-software {
	width: 280px;
	height: 92px;
	background: url("images/production-software.gif") center center no-repeat;
	}
#production-software a {
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	width: 139px;
	height: 92px;
	}	
#production-software a:hover {
	background: rgba(0, 0, 0, 0.1);
}
#recent-posts-3 {display: none;}