/*  
Theme Name: Portfolio Next
Theme URI: http://www.katdown.com
Description: A adjusted template for photographers looking to display their work and blog.
Version: 1.0
Author: Katerina Down
Author URI: http://www.katdown.com
*/

/**************** Body *********************/
*{margin:0; padding:0;}
body{background:#FFF; font:13px Arial;color:#666;}
#wrapper {width:1000px; margin:0px auto;}

/**************** Links *********************/
a, a:link, a:visited {text-decoration:none; color: #f7931e;}
a:hover {color:#FFF;}

/**************** Header *********************/
#header {width:250px; margin-bottom:30px; float:left;}
#header h1 {text-indent:-10000px;margin:0; padding:0; }
#header h1 a {display:block; background:url(images/logo.jpg) no-repeat; height:270px;}
#header h2 a {display:block;}
#content h2 a {color:#fff;}

/**************** Navigation *********************/
#navigation{ font-size:12px; text-transform:uppercase; font-weight:bold;float:left; width:250px; background:#000; min-height:415px;}
#menu{float:left;  margin-bottom:10px;}
#menu li{list-style:none; margin-left:0px;}
#menu .page_item a:link, #menu 
.page_item a:visited{color: #666666;  background:#000; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:230px; display:block; border: 1px solid #000;}
#menu .page_item a:hover {color:#f7931e;}
#rss {float:right;}

ul.menu  {font-size:12px; text-transform:uppercase; font-weight:bold; color:#666; text-align:center; padding-bottom:10px;}
ul.menu li  {display: inline;}
ul.menu li a {padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; color: #666; text-decoration: none;}**//
ul li a.menu :hover { color: #f7931e;}
.right{float:right; padding-top:5px;}
.left{float:left; }

/**************** Search *********************/
.topsearch{ background:#000; margin:3px 10px; padding:8px 5px 5px 10px; height:19px; width:215px; display:block;border-top:2px solid #666; border-bottom:2px solid #666; }
.searchfield{width:200px; color: #fff; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Tahoma; border:1px solid #000; background:#000 url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {font-size:14px; background:url(images/cats.gif) left no-repeat; padding-left:20px; margin-left:20px; font-family:Arial Bold; padding-top:10px; color:#f7931e;}

/**************** Content *********************/
#content {width:715px; min-height:715px; background-color:#000; float:right; margin-top:-300px;}
.info { background-color:#fff; padding:2px 10px 2px 10px; font-size:11px; margin-bottom:10px; }
.info a {color:#f7931e;}
.info a:hover {color:#000;}
.entry h2{padding:5px 10px; text-transform:uppercase; background-color:#f7931e; color:#fff; margin: 10px 0px; }
.entry h2 a {color:#FFF;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px 20px 10px 20px;text-align:justify; margin-bottom:20px; line-height:20px; color: #939393;}
.content a:link, .content a:visited {color:#F7931E;}
.content a:hover {color:#FFFFFF;}
.entry img {margin:0 10px 10px 10px;}
.new {margin-top:10px; background:url(images/new.gif) right top no-repeat;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta { padding:5px; font-size:11px;border-top:1px solid #F7931E; text-transform:lowercase; color:#FFF;}
.meta a{color:#FFF;}
.meta a:hover {color:#F7931E;}
.pagerbox {padding-left:20px; margin-top: -30px; text-transform:uppercase; color:#F7931E}

/**************** Comments *********************/
#comments {font-size:14px; font-family:Arial Bold; }
h2#respond {font-size:14px; margin-top:10px; font-family:Arial Bold; font-weight:bold;}
.commentlist{margin-top:10px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {width:12em; font-size:13px; color:#000;  padding:3px; margin-right:5px; border:1px solid #1b1b1b; background-color:#666666;}
#submit{font:1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#comment{width:98%;border:1px solid #1b1b1b;font:13px Tahoma;color:#000; background-color:#666666; padding-left:5px;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Sidebar *********************/
#sidebar ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-bottom: 10px;
width: 100%;}

#sidebar ul li
{
display: inline;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
border-right: 1px solid #fff;
}

/**************** Footer *********************/
#footer {text-align:right; font-size:11px; margin:0 10px 0; color: #666666; width:965px;}

.column{
overflow:hidden;
width:300px;
}

.attachment-post-thumbnail {
text-align:center;
margin-bottom:-10px;

}
.attachment-post-thumbnail img {
border:2px solid #FFF;
}


/**************** Text Area *********************/
#text {text-align:left; font-size:12px; margin:10px; color: #939393; width:965px; margin:30px auto 12px; background-color:#000; float:right; padding:20px;}
#text h2{padding:5px 10px; text-transform:uppercase; background-color:#f7931e; width: 945px; color:#fff; margin: 10px 0px; }
#text {padding:20px 20px 20px 20px; margin-bottom:20px; line-height:20px; color: #666;}

#text ul {font-size:12px; color:#666;}
#text ul li a:hover { color: #f7931e;}

#text h3 {color: #f7931e; width: 100%; border-bottom:1.5px solid #f7931e;}

/**************** Error 404 *********************/
#error h1{padding:5px 10px; text-transform:uppercase; width:695px; background-color:#f7931e; width: 945px; color:#fff; margin: 10px 0px; }
#error {padding:20px 20px 20px 20px; margin-bottom:20px; line-height:20px; color: #666;}

#error h3 {color: #f7931e; width: 100%; border-bottom:1.5px solid #f7931e; margin: 10px 0px;}
/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px; margin-right:20px; background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;}
.alignleft{float:left; padding:20px; margin-left:20px; background:url(images/back.gif) no-repeat left; width:100px; font-size:11px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #fff;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #fff;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #fff;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #fff;}

.smoothgallery{
	width: 675px !important; /*override default size*/
	height: 675px !important;
	border:none; !important; 
} 
.smoothgallery p, .smoothgallery h3{
	display:none;	/*show only images if jscript is off*/
}

/**************** Contact Form *********************/

body div.formcontainer{
clear: both;
overflow: hidden;
width: 100%;
}

body div.formcontainer span.required {
color: #f7931e;
}

body div.formcontainer p.error,
body div.formcontainer p.important,
body div.formcontainer p.information,
body div.formcontainer p.success {
border-top: 1px solid #000;
color: #f7931e;
line-height: 250%;
padding-left: 36px;
width: 95%;
}

body div.formcontainer p.error {
background: #fff url('error.png') no-repeat 12px 50%;
colour: #f7931e;
}

body div.formcontainer p.important {
background: #fff url('important.png') no-repeat 12px 50%;
colour: #f7931e;
}

body div.formcontainer p.information {
background: #fff url('information.png') no-repeat 12px 50%;
colour: #f7931e;
}

body div.formcontainer p.success {
background: #fbfbee url('success.png') no-repeat 12px 50%;
}

body div.formcontainer form.contact-form {
clear: both;
float: none;
width: 100%;
}

body div.formcontainer form.contact-form fieldset {
background: #000;
color: #FFF;
margin: 0.5em 0 1.5em 0;
border: 0;
}

body div.formcontainer form.contact-form fieldset legend {
text-transform: uppercase;
}

body div.formcontainer form.contact-form fieldset div.form-label {
display: block;
float:none;
line-height:150%;
margin: 0.5em 0 0 0;
padding:0;
text-align:left;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-label label,
body div.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer;
line-height:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {
display: block;
float:none;
margin: 0.2em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
padding: 0.3em;
width: 70%;
}

body div.formcontainer form.contact-form fieldset div.form-textarea textarea {
overflow: auto;
}

body div.formcontainer form.contact-form fieldset div.form-input input.error {
background-color: #FFF;
}

body div.formcontainer form.contact-form fieldset div.form-input input.optional {
margin-bottom: 0;
}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {
display: block;
float:none;
margin: 1em 0 0 0;
width:100%;
}

body div.formcontainer form.contact-form fieldset div.form-submit input {
cursor:pointer;
padding:0.5em 2em;
}

/*********************TEST SHOP*********************/

/*
	PRODUCT DETAILS
*/

.product-text {
	margin-right:10px;
	width: 225px;
	float:left;
}
.product-text h1 {
	font-size: 1.8em;
}
.product-category a {
	margin:4px 0;
	color:#666;
}
.product-description p {
	line-height: 1.2em;
	margin-bottom:10px;
}
.product-description p:first-child {
	font-size: 2em;
}
.product-image {
	padding: 40px 10px 0 0;
	float:right;
	width:365px;
	overflow:hidden;
}
.product-image .main-image {
	margin-bottom:20px;
	text-align:center;
}
.link_full_specification {
	display:block;
	padding:3px 0;
	margin:10px 0;
	font-weight:bold;
}
.addtocart a {
	display: block;
	width: 138px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	text-indent:-999px;
	font-size: 0.9em;
	line-height: 31px;
}
.addtowishlist {
	width:134px;
	text-align:center;
}
.addtowishlist a {
	padding-left:20px;
	height:20px;
	line-height:20px;
	text-transform:lowercase;
}
#icl_widget_wishlist_container, .wpsc_variation_forms {
	margin-bottom:10px;
}
#full_specification {
	margin-right:20px;
}
.popup-images {
	list-style:none;
}
.popup-images li {
	float:left;
	margin-right:5px;
}
.popup-images li a {
	display:block;
	padding:4px;
	border:1px solid #ccc;
}
.popup-images li a img {
	border:none;
	border:1px solid #ccc;
}
.banner, .product_banner {
	text-align:center;
	width:100%;
	padding:20px 0;
}

/*
	PRODUCTS LISTING
*/

.product-listing-top {
	position:relative;
	margin: 0 20px 10px 0;
}
.product-listing-top h3 {
	width:300px;
	float:left;
}
.listing-top-right, .listing-bottom-right {
	width:250px;
	float:right;
	text-align:right;
	padding-right:20px;
	font-size:0.8em;
	line-height:2em;
}
.product-listing-bottom {
	padding-top:10px;
	margin: 10px 20px 20px 0;
}
.listing-top-right p, .listing-bottom-right p {
	display:inline;
	margin-left:20px;
}
.product-listing {
	list-style:none;
	border-top:1px solid #ccc;
	margin: 0 20px 20px 0;
}
.product-li {
	width:185px;
	height:285px;
	padding:5px 5px 50px;
	text-align:center;
	float:left;
	position:relative;
}
.list-desc h5 {
	margin-bottom:5px;
}
.list-price {
	font-weight:bold;
	margin-bottom:10px;
}
.list-description {
	margin-bottom:15px;
}
.list-image {
	padding-top:20px;
	position:relative;
	margin:5px 0 10px;
        height:150px;
        width:185px;
        display:table-cell;
	text-align:center;
        vertical-align:middle;
}
.list-image img {
	max-width:180px;
}
.product-li .more {
        position:absolute;
        top:290px;
        left:30px;
}
#right-column h4 a {
	font-size:0.75em;
	margin-left:5px;