/*  
Theme Name: WP-Mag.org
Theme URI: http://www.iwebix.de
Description: A Wordpress Theme Page
Version: 1.0
Author: Dennis Nissle
Author URI: http://www.iwebix.de
*/
 

/* General Styles */


body, ul, h1,h2,h3,ol,ul,li,p {
margin:0;
padding:0;
}

body {
font-size: 12px;
font-family: Arial, Geneva, sans-serif;
line-height:18px;
background-color: #FFF;
}
		
.wrapper {
width:925px;
margin:0 auto;
}
		
#topmenu {
margin-top: 15px;
float: right;
}

#header {
height:180px;
background: url(images/header_bg.jpg) repeat-x;
}			

#logo {
margin-top: 15px;
float: left;
}

#logo a, img {
border: none;
}

ul,li {
list-style-type: none;
}

a {
color: #287cb7;
text-decoration: none;
font-size: 12px;
}

p {
color: #737373;
}

/* Navigation Styles */

.navigation {
margin-right: -15px;
float: right;
margin-top: 70px;
width: 450px;
}

.navigation ul {
list-style-type:none;
list-style-position:outside;
height:42px;
}

.navigation li {
float:left;
margin-right:10px;
height:30px;
}

.navigation ul li a {
display:block;
text-decoration:none;
line-height:30px;
color: #737373;
height:30px;
padding-right:10px;
padding-left:10px;
font-size: 15px;
font-weight: bold;
}

.navigation li.current_page_item, .navigation li:hover {
background:url(images/nav_left.jpg) no-repeat 0 0;
color: #FFF;
}

.navigation li.current_page_item a, .navigation li a:hover {
background:url(images/nav_right.jpg) no-repeat center right;
color: #FFF;
}

.navigation li.current_page_item li a {
background:none;
}

.navigation ul li {
list-style-type: none;
font-size: 15px;
}


/* Slideshow Styles */

#slide-wrapper {
background: url(images/slider_bg.jpg) repeat-x;
margin-top: 10px;
height: 326px;
}

#slider	{
height: 326px;
overflow: hidden;
position: relative;
margin: 0px auto;
width: 925px;
}

#mover {
width: 2880px;
position: relative;
}

.slide {
padding: 20px 0px;
width: 925px;
float: left;
position: relative;
}

.slide h1 {
font-size: 24px;
letter-spacing: -1px;
color: #FFF;
font-weight: bold;
margin-bottom: 10px;
}

.slide p {
color: #999;
font-size: 12px;
line-height: 22px;
width: 400px;
color: #FFF;
margin-bottom: 20px;
}

.slide img {
position: absolute;
top: 10px;
left: 450px;
}

.slide .download {
background: url(images/slider_btn.jpg) no-repeat;
width: 88px;
height: 31px;
padding-top: 5px;
display: block;
text-align: center;
color: #494949;
font-weight: bold;
float: left;
margin-right: 15px;
}

.slide .download a {
color: #494949;
font-weight: bold;
}

.slide .features {
background: url(images/slider_btn.jpg) no-repeat;
width: 88px;
height: 31px;
padding-top: 5px;
display: block;
text-align: center;
color: #494949;
font-weight: bold;
float: left;
}

.slide .features a {
color: #494949;
font-weight: bold;
}

#login-wrapper {
background: url(images/login_bg.jpg) repeat-x;
margin-top: 10px;
height: 76px;
}

#login-wrap {
height: 76px;
margin: 0px auto;
width: 925px;
}

#login {
float: left;
padding-top: 20px;
margin-left: 10px;
}

#login-wrap input {
float: left;
border: none;
background: url(images/input.jpg) no-repeat;
width: 151px;
height: 26px;
font-size: 11px;
color: #737373;
padding-left: 10px;
}

#login-wrap input {
float: left;
border: none;
background: url(images/input.jpg) no-repeat;
width: 151px;
height: 26px;
font-size: 11px;
color: #737373;
padding-left: 10px;
}

#login-wrap .check {
float: left;
display: block;
width: auto;
height: auto;
background: none;
margin-top: 8px;
}

#login-wrap .login-right {
margin-left: 770px;
color: #FFF;
font-size: 11px;
margin-top: 8px;
}

#page .search {
float: right;
margin-right: 20px;
margin-top: 10px;
}

#page .search .submit {
background: #eee;
border: 1px solid #CCC;
font-size: 11px;
color: #737373;
padding: 2px 0px;
}

#page .search input {
border: 1px solid #CCC;
padding: 2px 0px;
}

#login-wrap .logged-in {
float: left;
color: #FFF;
font-size: 11px;
margin-top: 5px;
}

#login-wrap .logged-in a {
font-weight: bold;
color: #FFF;
font-size: 11px;
text-decoration: underline;
}

#login-wrap .login-right a {
color: #FFF;
font-size: 11px;
text-decoration: underline;
}

#login-wrap .submit {
background-color: #CCC;
background: url(images/submit.jpg) no-repeat;
display: block;
height: 26px;
width: 63px;
float: left;
cursor: pointer;
margin-right: 10px;
}

#login-wrap .log {
color: #FFF;
font-size: 11px;
margin-right: 10px;
float: left;
padding-top: 5px;
}

/* Content Slider */

#page-wrapper {
margin: 0px auto;
width: 925px;
}

#content-top {
width: 916px;
height: 7px;
float: left;
margin-top: 20px;
background: url(images/content_top.gif) no-repeat;
}

#content {
width: 916px;
float: left;
background: url(images/content_repeat.gif) repeat-y;
}

#content-bottom {
width: 916px;
height: 18px;
float: left;
background: url(images/content_btm.gif) no-repeat;
}

#contentslider {
width: 925px;
margin: 0 auto;
position: relative;
padding: 0;
}

#contentsidebar {
float: left;
margin-right: 5px;
width: 250px;
margin-left: 8px;
height: auto;
}

#contentsidebar .news {
color: #737373;
margin-left: 15px;
width: 200px;
}

#contentsidebar .news ul {
list-style-type: none;
margin-top: 10px;
margin-left: 10px;
list-style-position: outside;
}

#contentsidebar .news ul li {
list-style-type: none;
list-style-position: outside;
background: url(images/bullet.jpg) no-repeat left center;
padding-left: 20px;
margin-bottom: 5px;
}

#contentsidebar .news ul li a {
text-decoration: none;
color: #287db9;
display: block;
}

#contentsidebar .news .date {
font-size: 11px;
font-style: italic;
}

#contentsidebar .news h3 {
color: #737373;
font-size: 15px;
margin-top: 15px;
}

.scroll .image {
width: 609px;
height: 263px;
position: relative;
z-index: 0;
}

.scroll .image .overlay {
width: 607px;
height: 70px;
position: relative;
z-index: 1;
top: -87px;
background: transparent url(images/slider_content_img_bg.png) repeat;
overflow: hidden;
}

.scroll .image .overlay .full {
width: 550px;
float: left;
margin-left: 10px;
margin-top: 10px;
}

.scroll .image .overlay .left {
position: relative;
z-index: 2;
float: left;
width: 290px;
margin-left: 10px;
}

.scroll .image .overlay .left img {
float: left;
position: relative;
z-index: 2;
top: 10px;
margin-right: 10px;
height: 47px;
}

.scroll .image .overlay .right {
position: relative;
z-index: 2;
float: left;
width: 290px;
margin-left: 10px;
}

.scroll .image .overlay .right img {
float: left;
position: relative;
z-index: 2;
top: 10px;
margin-right: 10px;
height: 47px;
}

.scroll .image .overlay h2 {
margin-top: 10px;
font-size: 14px;
color: #cccaca;
}

.scroll .image .overlay p {
font-size: 11px;
color: #cccaca;
}

.scroll {
height: auto;
min-height: 550px;
width: 630px;
overflow: auto;
overflow-x: hidden;
position: relative;
color: #444;
}

.scroll .item {
float: left;
width: 615px;
margin-top: 10px;
}

.scroll .item ul {
list-style-type: none;
margin: 20px 0px;
}

.scroll .item ul li {
background: url(images/features.jpg) no-repeat left center;
padding-left: 30px;
margin-bottom: 15px;
font-size: 13px;
color: #737373;
}

.scroll .item .first ol {
list-style-type: decimal !important;
margin: 20px 20px;
}

.scroll .item .first ol li {
margin-bottom: 5px;
list-style-type: decimal !important;
font-size: 13px;
color: #737373;
}

.scroll .item .screenshots {
width: 640px;
float: left;
}

.scroll .item .screenshots a img {
border: 3px solid #A5A5A5;
margin-right: 25px;
margin-bottom: 25px;
float: left;
}

.scroll .item .downloads {
color: #737373;
font-size: 12px;
margin-top: 25px;
float: left;
}

.scroll .item .downloads p {
margin-left: 10px;
font-size: 10px;
}

.scroll .item .demo {
float: left;
margin-left: 50px;
margin-top: 28px;
}

.scrollContainer div.panel {
padding: 20px;
height: auto;
width: 610px;
}

.panel h1 {
font-size: 22px;
margin-bottom: 15px;
color: #737373;
border-bottom: 1px solid #CCC;
padding-bottom: 8px;
}

ul.slidernav {
list-style: none;
margin: 0px;
padding: 0;
padding-top: 20px;
}

ul.slidernav li {
width: 253px;
height: 38px;
padding: 0 0 10px 0px;
margin: 0;
}

ul.slidernav img{
float: left;
padding-right: 20px;
margin-top: -3px;
}

ul.slidernav a {
padding: 11px 10px 10px 15px;
color: #737373;
background: url(images/slider_nav_item.jpg) top left no-repeat;
height: 41px;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 1.2em;
outline: none;
}

ul.slidernav a.selected {
background: url(images/slider_nav_current.jpg) top left no-repeat;
color: #fff !important;
height: 41px;
}

ul.slidernav a:focus {
outline: none;
}

.hide {
display: none;
}

/* Subpage Content Styles */

.content {
padding-left: 10px;
width: 620px;
float: left;
}

.single-content .theme-box {
padding-left: 10px;
width: 610px;
background-color: #f2f5f7;
border: 1px solid #CCC;
float: left;
padding: 10px;
margin-bottom: 10px;
}

.single-content .theme-box:hover {
background-color: #dae8f1;
}

.single-content .thumbnail {
float: left;
width: 250px;
}

.single-content .thumbnail img {
border: 1px solid #CCC;
}

.single-content .desc {
float: left;
width: 350px;
margin-left: 10px;
}

.single-content h1 {
float: left;
width: 100%;
color: #333 !important;
font-size: 17px;
margin: 0px;
}

.single-content h3 {
float: left;
width: 100%;
color: #333;
font-size: 15px;
margin: 15px 0px 10px 0px;
}

.single-content h2 {
float: left;
width: 100%;
color: #333;
font-size: 16px;
margin: 15px 0px 10px 0px;
}

.single-content a.banner img {
border: 1px solid #CCC;
padding: 2px;
margin: 15px 0px;
}

.single-content p {
color: #4F4F4F !important;
line-height: 24px;
padding-bottom: 10px;
}

.single-content .desc h1 {
}

.single-content .desc h1 a {
font-size: 15px;
}

.single-content .theme-box .feat, .down {
background-color: #1c6ea6;
float: right;
padding: 3px 10px;
margin-left: 10px;
margin-top: 10px;
}

.single-content .theme-box .feat a, .down a {
color: #FFF;
}

.single-content {
padding-top: 20px;
padding-left: 10px;
width: 620px;
float: left;
}

.feature_list {
width: 100%;
float: left;
}

.feature_list strong {
display: block;
margin: 0px 0px 10px 0px;
float: left;
width: 100%;
}

.feature_list ul {
margin: 0px !important;
width: 97%;
float: left;
background-color: #F5F5F5;
border: 1px solid #EEE;
padding: 15px !important;
margin-left: 0px !important;
margin-bottom: 15px !important;
padding-left: 0px;
list-style: none !important;
border: none !important;
}

.feature_list ul li {
margin: 0px;
padding: 0px;
list-style: none !important;
border: none !important;
background: transparent url(images/icon_haken.png) no-repeat left center;
padding-left: 25px !important;
}

#page {
height: auto;
min-height: 550px;
}

.single-content h1 {
font-size: 22px;
color: #8a8a8a;
font-weight: bold;
margin-bottom: 15px;
}

.single-content p {
text-align: justify;
color: #8a8a8a;
}

.single-content ul {
border-top: 1px solid #CCC;
list-style-position:inside;
list-style-type: disc;
color: #6e6e6e;
margin: 20px 40px 10px 10px;
}

.single-content ul li {
color: #6e6e6e;
border-bottom: 1px solid #CCC;
list-style-type: disc;
padding: 5px;
}

.single-content ul li a {
color: #9d60c1;
list-style-type: disc;
}

.single-content ol {
border-top: 1px solid #CCC;
list-style-position:inside;
list-style-type: disc;
color: #6e6e6e;
margin: 20px 40px 10px 10px;
}

.single-content ol li {
color: #6e6e6e;
border-bottom: 1px solid #CCC;
list-style-type: disc;
padding: 5px;
}

.single-content ol li a {
color: #9d60c1;
list-style-type: disc;
}

/* Sidebar */

#sidebar {
float: left;
margin-right: 5px;
width: 250px;
margin-left: 8px;
height: auto;
}

#sidebar .donate {
margin-left: 10px;
font-size: 11px;
}

#sidebar .donate p {
background-color: #eee;
border: 1px solid #CCC;
font-size: 11px;
padding: 5px;
width: 190px;
margin-left: 5px;
}

#sidebar .ad {
margin-left: 15px;
margin-top: 10px;
}

#sidebar .donate p a {
font-size: 11px;
}

#sidebar .news {
color: #737373;
margin-left: 15px;
}

#sidebar .news ul {
list-style-type: none;
margin-top: 10px;
margin-left: 10px;
list-style-position: outside;
}

#sidebar .news ul li {
list-style-type: none;
list-style-position: outside;
background: url(images/bullet.jpg) no-repeat left center;
padding-left: 20px;
margin-bottom: 5px;
}

#sidebar .news ul li a {
text-decoration: none;
color: #287db9;
display: block;
}

#sidebar .news .date {
font-size: 11px;
font-style: italic;
}

#sidebar .news h3 {
color: #737373;
font-size: 15px;
margin-top: 15px;
}

.home-sidebar {
width: 180px;
float: left;
margin-left: 5px;
margin-top: 0px;
padding-bottom: 10px;
}

.widgettitle {
color: #737373;
font-size: 15px;
font-weight: bold;
margin-top: 15px;
padding: 0px 0px 10px 0px; 
list-style-type: none;
}

#sidebar ul {
margin-left: 10px;
}

#sidebar ul li {
list-style-type: none;
width: 170px;
}

#sidebar ul ul li a {
padding-left: 20px;
}

#sidebar ul ul ul li a {
padding-left: 40px;
}

#recentcomments {
margin-bottom: 10px;
}

#recentcomments li {
color: #656565;
text-decoration: none;
display: block;
padding: 5px;
padding-left: 20px;
background: url(images/bullet.jpg) no-repeat left center;
}

#recentcomments li a {
background: none;
text-decoration: none;
border-bottom: none;
}

#tag_cloud-3 a {
background: none;
text-decoration: none;
border-bottom: none;
display: inline;
padding: 0px;
padding-right: 5px;
font-size: 9px;
}

#tag_cloud-3 a:hover {
text-decoration: underline;
}

.textwidget {
margin: 10px 8px 0px 0px;
color: #6e6e6e;
}

.home-sidebar ul li a {
text-decoration: none;
display: block;
padding: 5px;
padding-left: 10px;
background: url(images/bullet.jpg) no-repeat left center;
}

.home-sidebar ul li a:hover {
text-decoration: underline;
}

.posted {
color:#9d9c9c;
font-size: 10px;
font-style: italic;
display: block;
padding-left: 10px;
}

#wp-calendar {
border:1px solid #cccccc;
color:#6e6e6e;
width: 220px;
}

#wp-calendar caption {
color: #8a8a8a;
font-size: 18px;
font-weight: normal;
padding: 0px 0px 10px 0px; 
list-style-type: none;
}

tbody .pad {
background-color:#dddddd;
}

#wp-calendar a {
font-weight:bold;
font-size:12px;
background: none;
padding: 0px;
margin: 0px;
border: none;
}

thead tr th {
width:20px;
height:20px;
text-align:center;
background-color: #993399;
color: #FFF;
border:1px solid #cccccc;
padding: 3px; 
}

tbody tr td {
width:20px;
height:20px;
text-align:center;
border:1px solid #cccccc;
}

tfoot #prev {
width:58px;
height:20px;
text-align:left;
background-color:#ffffff;
background: none;
padding-left: 10px;
}

tfoot #next {
width:58px;
height:20px;
text-align:right;
background-color:#ffffff;
background: none;
padding-right: 10px;
}


/* Blog Styles */

.post {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #CCC;
}

.post h1 a {
color: #9d60c1;
text-decoration: none;
}

.post h1 a:hover {
color: #9d60c1;
text-decoration: underline;
}

.post p {
margin-top: 20px;
}

.post img {
margin-top: 15px;
}



.category a {
background-color: #8a8a8a;
border: 1px solid #CCC;
color: #FFF;
padding: 3px 5px 3px 5px;
text-decoration: none;
font-size: 11px;
}

.category a:hover {
background-color: #d4d4d4;
border: 1px solid #8a8a8a;
color: #8a8a8a;
padding: 3px 5px 3px 5px;
text-decoration: none;
}

/* Comment Styles */

.alt {margin: 0;padding: 10px;}

#comment-wrap {
width: 515px;
padding: 15px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #FFF;
font-size: 11px;
float: left;
}

#comment-wrap h6 {
font-size: 14px;
margin-bottom: 10px;
color: #737373;
font-weight: bold;
margin-top: 0px;
padding: 0px;
background-color: transparent;
border: 0px;
}

#comment-wrap ol {
list-style-type: none;
line-height: 18px;
border: 0px;
list-style: none !important;
}

#comment-wrap ul, #comment-wrap ol  {
margin: 0px;
list-style: none !important;
margin-left: 0px !important;
}

#comment-wrap ul li, #comment-wrap ol li {
list-style: none !important;
border: 0px;
padding: 10px;
float: left;
margin-left: 0px !important;
}

.commentlist {
padding: 0;
text-align: justify;
border: none;
margin-top: 10px;
float: left;
margin-left: -10px;
margin-bottom: 15px;
}


.comment-body {
margin-bottom: 20px;
}

.reply a {
font-size:11px;
clear: both;
float: right;
margin-top: -20px;
}

.comment-meta a {
font-size: 10px;
}

.commentlist em {
font-size: 11px;
}

.commentlist li {
margin: 5px 0 10px 10px;
padding: 10px 10px 10px 10px;
list-style: none;
border: 0px;
background-color: #eee;
float: left;
width: 550px;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 30px;
margin-bottom: 0px;
list-style: none;
border: 0px;
}

.commentlist li li {
background:none;
border:none;
list-style:none;
margin:3px 0 3px 20px;
padding:3px 0;
border: 0px;
}

.commentlist li .avatar {
border:1px solid #ccc;
height: 32px;
width: 32px;
float: left;
margin-right:10px;
}

.commentlist .vcard {
}

.commentlist li img {
display: block;
height: 32px;
width: 32px;
}

.commentlist cite, .commentlist cite a {
font-style: normal;
font-size: 11px;
margin-top: 2px;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none; 
margin: 10px 5px 5px 0px;
font-size: 11px;
border: none;
}

#commentform p {
}

.commentmetadata {
margin: 0;
display: block; 
font-size: 11px !important;
font-style: italic;
}

.commentmetadata a, .commentmetadata a:visited {
color: #6e6e6e;
}

.commentmetadata a:hover{
}

.children { 
padding: 0;
border: none;
}

.thread-alt {
border: none;
}

.thread-even li {
}
.depth-1 {
border: none;
}

.even, .alt li {
margin-bottom: 20px;
}

#respond input {
margin-right: 10px;
font-size: 11px;
color: #8a8a8a;
display: block;
margin-bottom: 5px;
}

#respond textarea {
width: 400px;
}

#respond h4 {
font-size: 12px;
margin-bottom: 5px;
}

#submit {
background-color: #8a8a8a;
border: 1px solid #CCC;
color: #FFF !important;
padding: 3px 5px 3px 5px;
margin-top: 10px;
text-decoration: none;
font-size: 12px;
cursor: pointer;
}

#submit:hover {
background-color: #FFF;
border: 1px solid #8a8a8a;
color: #8a8a8a !important;
padding: 3px 5px 3px 5px;
text-decoration: none;
}

/* Footer Styles */

#footer {
background-color: #e5e5e5;
border-top: 1px solid #c6c6c6;
margin-top: 10px;
padding: 0px 0px 20px 0px;
clear: both;
float: left;
width: 100%;
}

#footer .container {
margin: 0px auto;
padding: 10px 0px;
width: 875px;
}

#footer .column-left {
width: 230px;
float: left;
}

#footer .container h2 {
margin-bottom: 15px;
color: #464646;
font-size: 17px;
margin-top: 20px;
font-weight: bold;
}

#footer .news-article {
width: 200px;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}

#footer .column-middle {
width: 220px;
float: left;
}

.footer-sidebar {
width: 220px;
float: left;
margin-left: 15px;
margin-top: 0px;
padding-bottom: 10px;
}

#footer-sidebar ul li {
list-style-type: none;
width: 220px;
}

#footer-sidebar ul ul li a {
padding-left: 30px;
}

#footer-sidebar ul ul ul li a {
padding-left: 40px;
}

.textwidget {
margin: 10px 8px 0px 0px;
color: #6e6e6e;
}

.footer-sidebar ul li a {
color: #656565;
text-decoration: none;
border-bottom: 1px solid #cacaca;
display: block;
padding: 5px;
padding-left: 20px;
background: url(images/bullet_grey.jpg) no-repeat left center;
}

.footer-sidebar ul li a:hover {
text-decoration: underline;
}

#footer .column-right {
float: right;
width: 370px;
}

#footer .column-right .left {
float: left;
width: 146px;
margin-right: 20px;
}

#footer .column-right .right {
float: left;
width: 195px;
}


/* Lightbox Images */

div.light_rounded .pp_top .pp_left {
background: url(images/sprite.png) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_middle {
background: #fff;
}

div.light_rounded .pp_top .pp_right {
background: url(images/sprite.png) -110px -53px no-repeat;
}
	
div.light_rounded .pp_content .ppt {
color: #000;
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
background: #fff;
}

div.light_rounded .pp_content {
background-color: #fff;
} 

div.light_rounded .pp_next:hover {
background: url(images/btnNext.png) center right  no-repeat;
cursor: pointer;
}

div.light_rounded .pp_previous:hover {
background: url(images/btnPrevious.png) center left no-repeat; cursor: pointer;
} 

div.light_rounded .pp_expand {
background: url(images/sprite.png) -31px -26px no-repeat; cursor: pointer;
} 

div.light_rounded .pp_expand:hover {
background: url(images/sprite.png) -31px -47px no-repeat; cursor: pointer;
}

div.light_rounded .pp_contract {
background: url(images/sprite.png) 0 -26px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_contract:hover {
background: url(images/sprite.png) 0 -47px no-repeat;
cursor: pointer;
}

div.light_rounded .pp_close {
width: 75px;
height: 22px;
background: url(images/sprite.png) -1px -1px no-repeat;
cursor: pointer;
}

div.light_rounded #pp_full_res .pp_inline {
color: #000;
} 

div.light_rounded .pp_arrow_previous {
background: url(images/sprite.png) 0 -71px no-repeat;
}

div.light_rounded .pp_arrow_previous.disabled {
background-position: 0 -87px; cursor: default;
}

div.light_rounded .pp_arrow_next {
background: url(images/sprite.png) -22px -71px no-repeat;
}

div.light_rounded .pp_arrow_next.disabled {
background-position: -22px -87px; cursor: default;
}

div.light_rounded .pp_bottom .pp_left {
background: url(images/sprite.png) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_middle {
background: #fff;
}

div.light_rounded .pp_bottom .pp_right {
background: url(images/sprite.png) -110px -80px no-repeat;
}

div.light_rounded .pp_loaderIcon {
background: url(images/loader.gif) center center no-repeat;
}

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; }
		
		.pp_content .ppt {
			left: auto;
			margin-bottom: 5px;
			position: relative;
			top: auto;
		}
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(images/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(images/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



/* Pagenavi */

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 6px 8px;
margin: 2px;
text-decoration: none;
background-color: #18649a;
border: 1px solid #FFF;
color: #FFF;
font-size: 11px;
}

.wp-pagenavi a:visited {
padding: 6px 8px;
margin: 2px;
text-decoration: none;
background-color: #18649a;
border: 1px solid #FFF;
color: #FFF;
font-size: 11px;
}

.wp-pagenavi a:hover {	
background-color: #d4d4d4;
border: 1px solid #FFF;
color: #8a8a8a;
}

.wp-pagenavi a:active {
padding: 6px 8px;
margin: 2px;
text-decoration: none;
background-color: #d4d4d4;
border: 1px solid #FFF;
color: #8a8a8a;
font-size: 11px;
}

.wp-pagenavi span.pages {
padding: 6px 8px;
margin: 2px 2px 2px 0px;
background-color: #18649a;
border: 1px solid #FFF;
color: #FFF;
font-size: 11px;
}

.wp-pagenavi span.current {
padding: 6px 8px;
margin: 2px;
font-weight: bold;
background-color: #d4d4d4;
border: 1px solid #FFF;
color: #8a8a8a;
font-size: 11px;
}

.wp-pagenavi span.extend {
padding: 6px 8px;
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}



