/*   
Theme Name: Portus
Theme URI: 
Description: An arty, simple, dark theme for a great photographer
Author: Phill Jenkins
Author URI: http://www.phullphill.co.uk/
Template: thematic
Version: 1.1
Tags: Thematic

Thematic is © Ian Stewart http://themeshaper.com/

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* -------------------------------------------------------------- 
/* =Global Elements */

body 
{
	background: url(images/DarkCanvas.jpg) top left repeat #000;
    color: #ccc;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 62.5%;
}

#main
{
	background-color: #343434;
	width: 960px;
}

.clear
{
	clear: both;
}

/* -------------------------------------------------------------- 
/* =Hyperlinks */

a:link, 
a:visited
{
	color: inherit;
	text-decoration: none;
}

a:hover, 
a:active
{
	color: #ff9900;
	text-decoration: none;
}

p a:link, 
p a:visited,
.entry-meta a:link, 
.entry-meta a:visited,
.entry-utility a:link, 
.entry-utility a:visited,
#siteinfo a:link, 
#siteinfo a:visited,
.comment-meta a:link, 
.comment-meta a:visited,
.comment-reply-link a:link, 
.comment-reply-link a:visited,
.navigation a:link, 
.navigation a:visited
{
	border-bottom: 1px dotted #666;
}

p a:hover, 
p a:active,
.entry-meta a:hover, 
.entry-meta a:active,
.entry-utility a:hover, 
.entry-utility a:active,
#siteinfo a:hover, 
#siteinfo a:active,
.comment-meta a:hover, 
.comment-meta a:active,
.comment-reply-link a:hover, 
.comment-reply-link a:active,
.navigation a:hover, 
.navigation a:active
{
	border-bottom: 1px solid #ff9900;
}

/* -------------------------------------------------------------- 
/* =Branding */

#header {
	width: 960px;
}

#branding
{
	background-color: #fff;
}

#blog-title
{
	background-color: rgb(256, 256, 256);
	background-color: rgba(256, 256, 256, 0.75);
}

#phonenumber
{
	font-size: 2em;
	font-weight: bold;
	color: #000;
}

/* -------------------------------------------------------------- 
/* =Navigation */

#access
{
	background-color: #000;
}

.menu li.current_page_item, 
.menu li.current_page_parent,
.menu li.current_page_item ul.sub-menu, 
.menu li.current_page_parent ul.sub-menu
{
	background-color: #444;
}

.sf-menu li a:link, 
.sf-menu li a:visited
{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #ccc;
	border-bottom: 0px;
}

li.current_page_item a:link, 
li.current_page_item a:visited, 
li.current_page_parent a:link,
li.current_page_parent a:visited,
ul.sub-menu li.current_page_item a:link,
ul.sub-menu li.current_page_item a:visited
{
	color: #ff9900;
	border-bottom: 0px;
}

.sub-menu li a:link,
.sub-menu li a:visited
{
	font-size: 1em;
	text-transform: uppercase;
	color: #ccc;
	border-bottom: 0px;
}

.sf-menu li a:hover, 
.sf-menu li a:active,
.sub-menu li a:hover,
.sub-menu li a:active
{
	color: #ff9900;
	border-bottom: 0px;
}

/* -------------------------------------------------------------- 
/* =Content */

.page-title
{
	color: #fff;
}

.entry-title
{
	font-size: 2em;
	text-transform: uppercase;
	line-height: 2;
}

.entry-meta,
.edit-link,
.entry-utility
{
	color: #666;
}

.entry-utility
{
	clear: both;
	line-height: 1.5;
}

/* -------------------------------------------------------------- 
/* =Next Prev Navigation */

.navigation
{
	color: #666;
}

/* -------------------------------------------------------------- 
/* =Comments */

#comments h3
{
	border-top: 1px dotted #ff9900;
	text-transform: uppercase;
}

.comments ol .comment:first-child .comment-meta
{
	border-top: 0px dotted #000;
}

.comment .comment-meta
{
	border-top: 1px dotted #ff9900;
}

.comment-meta, 
.comment-reply-link
{
	color: #666;
}

/* -------------------------------------------------------------- 
/* =Commentform */

#login
{
	color: #666;
}

.form-label
{
	text-align: right;
}

#commentform input, 
#commentform textarea
{
	font-size: 100%;
	color: #000;
}

#form-allowed-tags, 
#form-allowed-tags code
{
	display: none;
	color: #666;
}

#form-allowed-tags code
{
	font-size: 125%;
}

#submit
{
	color: #000;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
}

.form-submit
{
	margin: 1em 0;
}

/* -------------------------------------------------------------- 
/* =Widgets */

.widgetitle
{
	font-size: 1em;
	text-transform: none;
}

/* -------------------------------------------------------------- 
/* =Footer */

#footer 
{    
	color: #666;
	background-color: #343434;
	width: 960px;
}

#subsidiary
{
	background-color: #000;
	width: 960px;
    padding: 2em 10px;
    overflow: hidden;
}

#siteinfo
{
	background-color: #343434;
}

/* --------------------------------------------------------------
/* Headings */

/*

h1,h2,h3,h4,h5,h6 
{ 
	font-weight: normal;
}
*/

/* --------------------------------------------------------------
/* Text elements */

p 
{
	line-height: 1.5;
}

/*
ul 
{
	margin: 0 0 18px 2.5em;
}

ol 
{
	margin: 0 0 18px 2.5em;
}

ul 
{
	list-style:disc;
}

ol 
{
	list-style-type: decimal;
}
ol ol 
{
	list-style: upper-alpha;
}

ol ol ol 
{
	list-style: lower-roman;
}

ol ol ol ol 
{
	list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul 
{
	margin-bottom:0;
}

dl	
{
    margin:0 1.5em;
}

dt 
{
    font-weight:bold;
}

dd 
{
	margin-bottom:18px;
}

strong 
{
	font-weight: bold;
}

cite, em, i 
{
	font-style: italic;
}

blockquote 
{
	margin: 0 3em;
}

blockquote em, blockquote i, blockquote cite 
{
	font-style:normal;
}

pre 
{
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;
}

code 
{
	font:11px Monaco, monospace;
}

abbr, acronym 
{
  border-bottom:1px dotted #333;
  cursor: help;
}

ins 
{
	text-decoration:none;
}

sup, sub 
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}

sup 
{
	bottom: 1ex;
}

sub 
{
	top: .5ex;
}
*/

/* --------------------------------------------------------------
/* Pullquotes */

/*
blockquote.left {
	float: left;
	margin-left:0;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left:20px;
	margin-right:0;
	text-align: left;
	width: 33%;
}
*/


/* -------------------------------------------------------------- 
/* =Global Elements */

#wrapper
{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

p
{
	margin: 1em 0;
}

/* -------------------------------------------------------------- 
/* =Branding */

#branding 
{
    position: relative;
}

#bannerimage
{
	width: 100%;
	height: 440px;
	overflow: hidden;
}

body.slug-image-store #bannerimage,
body.slug-client-images #bannerimage
{
	height: 220px;
}

#bannerimage .entry-content
{
	float: none;
	width: 100%;
	margin: 0;
}

#bannerimage .ngg-widget
{
	padding: 0;
}

#bannerimage img
{
	margin: 0;
	border: 0;
	padding: 0;
	position: absolute;
	top: 0%;
	z-index: 1;
}

body.page-template-template-page-fullwidth-php #bannerimage img
{
	height: 22em;
}

#blog-title
{
	width: 100%;
	height: 6em;
	position: absolute;
	bottom: 10%;
	z-index: 999;
}
.page-template-gallery_page-php #blog-title
{
	width: 100%;
	height: 6em;
	position: inherit;
	bottom: 0%;
	z-index: 999;
}

#logo 
{
	margin: 0 0 0 0;
}

#logoimage
{
	margin: 0;
	height: 6em;
}

#phonenumber
{
	float: right;
	margin: 1em;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

#blog-description 
{
	position: absolute;
	left: -999px;
	height: 0px;
}

/* -------------------------------------------------------------- 
/* =Navigation */

#access
{
	width: 100%;
	border-top: 1px solid #666;
}

.menu
{
	position: relative;
	padding: 1em 0;
}

.skip-link 
{
	position: absolute;
    left: -999px;
}

.sf-menu
{
	text-align: right;
}

ul.sf-menu li
{
	display: inline;
	padding: 0.66em 1em;
}

/* -------- */

ul.sub-menu
{
	position: absolute;
	top: 22px;
	right: -999px;
}

li.current_page_item ul.sub-menu, 
li.current_page_parent ul.sub-menu
{
	right: 0;
	width: 100%;
	margin: 0.66em 0;
	padding: 0.5em 0;
	line-height: 1.4;
}

ul.sub-menu li
{
	display: inline;
	padding: 0.5em 1em;
}

/* -------------------------------------------------------------- 
/* =Content */

#main
{
	width: 960px; /* 960px = 12 columns = 12*80px = 12*8em */
	clear: both;
	float: left;
	padding: 44px 0 22px 0;
}

/* =Container =====================*/

#container
{
	float: left;
	overflow: hidden;
	width: 960px;
}

/* =Column widths. width for coln = n*8em - 2em = n*80px - 20px =====================*/

.col1  { width:  60px; }
.col2  { width: 140px; }
.col3  { width: 220px; }
.col4  { width: 300px; }
.col5  { width: 380px; }
.col6  { width: 460px; }
.col7  { width: 540px; }
.col8  { width: 620px; }
.col9  { width: 700px; }
.col10 { width: 780px; }
.col11 { width: 860px; }
.col12 { width: 940px; }

.column { 
	float: left;
	margin: 0 10px;
}

/* =Content =====================*/

#page-top-content,
#page-bottom-content {
	clear: both;
}

/* -------------------------------------------------------------- 
/* =Content elements */

.entry-content ul
{
	margin: 1em;
}

.entry-content li
{
	list-style: disc inside;
}


/* -------------------------------------------------------------- 
/* =Next Prev Navigation */

#nav-below
{
	visibility: hidden;
}

.nav-previous,
.nav-next
{
	display: inline;
}

.nav-next
{
	margin: 0 0 0 2em;
}

/* -------------------------------------------------------------- 
/* =Asides */

.aside ul
{
    margin: 0 1em;
}

ul.xoxo li
{
	margin: 1em 0;
}

ul.xoxo li li
{
	margin: 0.25em 0 0 0.5em;
}

div.aside ul.xoxo li.ngg_images
{
	position: relative;
}

div.aside ul.xoxo li.ngg_images div.ngg-widget
{
	position: relative;
	left: -0.2em;
	width: 24em;
}

/* -------------------------------------------------------------- 
/* =ngg images in aside */

div.ngg-widget a img 
{
	border: 0.2em solid #ccc;
	margin: 0.3em 0em;
	padding: 0;
}

/* -------------------------------------------------------------- 
/* =Search */

.widget_search h3
{
	visibility: hidden;
}

#s
{
	width: 60%;
	font-size: 100%;
	color: #000;
}

#searchsubmit
{
	width: 20%;
	color: #000;
}

/* -------------------------------------------------------------- 
/* =Entry */

.post
{
	margin: 2em 0;
}

/* -------------------------------------------------------------- 
/* =Comment */

#respond
{
	width: 54em; /* = 7 columns - 20px = 7*8em - 2em = 540px */
}

#comments
{
	margin: 1.5em 0;
}

#comments h3
{
	width: 54em; /* = 7 columns - 20px = 7*8em - 2em = 540px */
	padding: 0.5em 0 0 0;
}

.comment
{
	clear: both;
	margin: 2em 0;
}

.comment-author
{
	width: 14em; /* = 2 columns - 20px = 2*8em - 2em = 140px */
	position: absolute;
	left: 1em;
	text-align: right;
}

.comment-author img
{
	float: right;
}

.comment-author span
{
	clear: right;
	float: right;
}

.comment-meta
{
	padding: 0.25em 0 0 0;
}

/* -------------------------------------------------------------- 
/* =Commentform */

#commentform
{
}

#login, #login a
{
}

.form-section
{
}

.form-label
{
	position: relative;
	left: -7em;
	top: 1.2em;
	width: 6em;
}

#commentform input
{
	width: 30%;
}

#commentform textarea
{
	width: 100%;
}

/* -------------------------------------------------------------- 
/* =Footer */

#footer 
{    
    clear: both;
	margin: 0 0 2em 0;
}

#subsidiary .aside 
{
    width: 300px;
    float: left;
    margin: 0 20px 0 0;
}

#subsidiary #third 
{
    margin: 0;
}

#siteinfo 
{
	clear: both;
	width: 940px;
    padding: 10px;
}

/* ------------------------------------------------------------- 
/* =Image Store */

#ims-mainbox
{
	border-top: 1px solid #ccc;
	position: relative;
}

#ims-mainbox ul,
ul.ims-gallery
{
	margin: 0;
}

#ims-mainbox li,
ul.ims-gallery li
{
	list-style: none;
}

/* =IMS navbox ====== */

ul#imstore-nav 
{
	position: absolute;
	left: -13em;
	top: 2em;
	width: 12em;
	font-size: 1.2em;
	line-height: 1.2;
	text-align: right;
	text-transform: uppercase;
}

ul#imstore-nav li.current
{
	color: #f90;
}

/* =IMS labels ====== */

.ims-labels 
{
	margin: 0;
	padding: 0;
    font-size: 1.75em;
	font-weight: bold;
    line-height: 2;
    text-transform: uppercase;
}

.ims-labels span
{
	font-size:0.8em;
}

.ims-labels span.title
{
	font-size:1.2em;
	text-align: left;
	margin: 0 auto 0 0;
}

/* =IMS thumbs ====== */

#ims-thumbs div.top
{
	padding: 0.25em 0;
}

#ims-thumbs div.top a,
#ims-thumbs div.top span
{
	margin: 0 0.25em;
}

#ims-thumbs div.top span
{
	color: #F90;
}

#ims-thumbs div.bottom
{
	visibility: hidden;
}

#ims-thumbs ul li
{
	display: inline;
	width: 7.4em;
	margin: 0;
	border: 0 0.1em;
	padding: 0;
}

a.thumb img
{
	border: 2px solid #ccc;
}

/* =IMS innerbox ====== */

.ims-innerbox ul.ims-gallery
{
	margin: 0;
	padding: 0;
}

.ims-innerbox ul.ims-gallery li
{
	margin: 1em;
	padding: 0;
	font-size: 1em;
	float: left;
	position: relative;
}

.ims-innerbox ul.ims-gallery li input
{
	position: absolute;
}

.ims-innerbox ul.ims-gallery li .ims-colorbox img
{
	width: 13.6em;
	border: 0.2em solid #CCC;
}

/* =IMS slideshow ====== */

#ims-slideshow
{
	padding: 0.5em 0;
}

span.image-wrapper
{
	margin: 0 8em;
}

/* =IMS toolbar ====== */

/*
.ims-toolbar
{
	position: absolute;
	bottom: 0;
}
*/

.ims-toolbar .ims-tools-nav,
.ims-slideshow-tools
{
	border-top: 1px solid #ccc;
	padding: 32px 0;
	clear: both;
}

.ims-tools-nav li,
.ims-slideshow-tools > div,
#ims-player div,
#ims-player .nav-controls a
{
	display: inline;
	line-height: 2;
}

.ims-tools-nav li a,
.ims-slideshow-tools > div a,
#ims-player div a,
#ims-player .nav-controls a
{
	padding: 32px 5px 5px 5px;
	text-transform: uppercase;
}

li.add-images-to-cart a:link,
li.add-images-to-cart a:visited,
div.add-images-to-cart-single a:link,
div.add-images-to-cart-single a:visited
{
	background: transparent url(images/AddToBasket.png) top center no-repeat;
}

li.add-images-to-cart a:hover,
li.add-images-to-cart a:active,
div.add-images-to-cart-single a:hover,
div.add-images-to-cart-single a:active
{
	background: transparent url(images/AddToBasketHover.png) top center no-repeat;
}

li.add-to-favorite a:link,
li.add-to-favorite a:visited,
div.add-to-favorite-single a:link,
div.add-to-favorite-single a:visited
{
	background: transparent url(images/AddToFavs.png) top center no-repeat;
}

li.add-to-favorite a:hover,
li.add-to-favorite a:active,
div.add-to-favorite-single a:hover,
div.add-to-favorite-single a:active
{
	background: transparent url(images/AddToFavsHover.png) top center no-repeat;
}

li.remove-from-favorite a:link,
li.remove-from-favorite a:visited
{
	background: transparent url(images/RemoveFromFavs.png) top center no-repeat;
}

li.remove-from-favorite a:hover,
li.remove-from-favorite a:active
{
	background: transparent url(images/RemoveFromFavsHover.png) top center no-repeat;
}

li.ims-select-all a:link,
li.ims-select-all a:visited
{
	background: transparent url(images/SelectAll.png) top center no-repeat;
}

li.ims-select-all a:hover,
li.ims-select-all a:active
{
	background: transparent url(images/SelectAllHover.png) top center no-repeat;
}

li.ims-unselect-all a:link,
li.ims-unselect-all a:visited
{
	background: transparent url(images/UnselectAll.png) top center no-repeat;
}

li.ims-unselect-all a:hover,
li.ims-unselect-all a:active
{
	background: transparent url(images/UnselectAllHover.png) top center no-repeat;
}

div.ims-player div.nav-controls a.prev:link,
div.ims-player div.nav-controls a.prev:visited
{
	background: transparent url(images/Prev.png) top center no-repeat;
}

div.ims-player div.nav-controls a.prev:hover,
div.ims-player div.nav-controls a.prev:active
{
	background: transparent url(images/PrevHover.png) top center no-repeat;
}

div.ims-player div.nav-controls a.next:link,
div.ims-player div.nav-controls a.next:visited
{
	background: transparent url(images/Next.png) top center no-repeat;
}

div.ims-player div.nav-controls a.next:hover,
div.ims-player div.nav-controls a.next:active
{
	background: transparent url(images/NextHover.png) top center no-repeat;
}

div.ims-player div.ss-controls a.play:link,
div.ims-player div.ss-controls a.play:visited
{
	background: transparent url(images/Play.png) top center no-repeat;
}

div.ims-player div.ss-controls a.play:hover,
div.ims-player div.ss-controls a.play:active
{
	background: transparent url(images/PlayHover.png) top center no-repeat;
}

div.ims-player div.ss-controls a.pause:link,
div.ims-player div.ss-controls a.pause:visited
{
	background: transparent url(images/Pause.png) top center no-repeat;
}

div.ims-player div.ss-controls a.pause:hover,
div.ims-player div.ss-controls a.pause:active
{
	background: transparent url(images/PauseHover.png) top center no-repeat;
}

/* =IMS message ====== */

.ims-message 
{
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0;
	border: none;
	padding: 0.2em;
}

.ims-message.error 
{
	color: #c00
}

.ims-message.success 
{
	color: #ccc
}

/* =IMS price list ====== */

.pricelist .ims-innerbox
{
	background-color: #fff;
	color: #000;
	padding: 2em;
	font-size: 1.2em;
	line-height: 1em;
}

.ims-table thead,
.ims-table .subhead
{
	color: #666;
	text-transform: uppercase;
}

.ims-table th,
.ims-table td
{
	padding: 0.25em 0.5em;
	text-align: left;
}

.ims-table th.ims-price,
.ims-table td.ims-price,
.ims-table th.ims-download,
.ims-table td.ims-download
{
	text-align: right;
}

.ims-table td.subhead
{
	font-weight: bold;
}

.ims-table tfoot tr td
{
	text-align: right;
}

/* =IMS add to basket form ====== */

form#ims-pricelist
{
	font-size: 1.2em;
	line-height: 2em;
	color: #000;
}

form#ims-pricelist .ims-instructions
{
	color: #666;
}

form#ims-pricelist label
{
	clear: left;
	float: left;
	width: 5em;
	margin: 0 0 0 3em;
}

form#ims-pricelist #ims-quantity
{
	float: left;
	width: 3em;
	margin: 0.5em 0 0 0;
}

form#ims-pricelist #ims-image-size
{
	float: left;
	width: 30em;
	margin: 0.5em 0 0 0;
}

form#ims-pricelist #_imstore-color
{
	float: left;
	width: 30em;
	margin: 0.5em 0 0 0;
}

form#ims-pricelist .ims-submit
{
	clear: both;
	float: left;
	width: 30em;
	margin: 1em 0 0 8em;
}

/* =IMS basket ====== */

.shopping-cart .ims-innerbox
{
	background-color: #eee;
	color: #000;
	padding: 2em;
	font-size: 1.2em;
	line-height: 1em;
}

.shopping-cart .ims-table thead
{
	color: #666;
	text-transform: uppercase;
}

.shopping-cart .ims-table tr.item
{
	vertical-align: middle;
}

.shopping-cart .ims-table td
{
	width: 6em;
}

.shopping-cart .ims-table td.quantity input
{
	width: 4.5em;
}
.shopping-cart .ims-table td.sublabel
{
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	text-align: right;
}

.shopping-cart .ims-table .currency,
.shopping-cart .ims-table td.promo-code input,
.shopping-cart .ims-table select.shipping-opt
{
	text-align: right;
}

.shopping-cart .ims-table th.subtotal,
.shopping-cart .ims-table td.subtotal,
.shopping-cart .ims-table td.promo-code input,
.shopping-cart .ims-table select.shipping-opt
{
	width: 10em;
}

.shopping-cart .ims-table td.total
{
	font-weight: bold;
	border-top: 3px double #000;
	border-bottom: 3px double #000;
}

.shopping-cart .ims-table span.instruction
{
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
	color: #666;
}

/* =IMS gallery ====== */

ul.ims-gallery
{
	position: relative;
	left: -1em;
	width: 80em;
}

ul.ims-gallery li
{
	float: left;
	width: 14em;
	margin: 1em;
}

ul.ims-gallery li:hover
{
	color: #f90;
}

ul.ims-gallery li img
{
	width: 13.6em;
	border: 0.2em solid #CCC;
}

ul.ims-gallery .gallery-caption
{
	margin-top: 0.25em;
	text-align: center;
	text-transform: uppercase;
}


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

form.wpcf7-form label
{
	font-size: 1em;
	font-style: italic;
	width: 10em;
	margin: 0.5em 2em 0 0;
	clear: left;
	float: left;
	text-align: right;
}

span.required
{
	color: #f90;
}

span.wpcf7-radio span.wpcf7-list-item
{
	font-size: 1em;
	margin: 0 0.5em 0 0;
}

form.wpcf7-form .form-input,
form.wpcf7-form .form-image,
form.wpcf7-form .form-submit
{
	width: 30em;
	float: left;
	margin: 0 0 1.5em 0;
}

form.wpcf7-form .form-image
{
	font-style: italic;
	color: #666;
}

span.wpcf7-form-control-wrap
{
	position: relative;
}

.wpcf7-form div.form-image img
{
	float: left;
}

.wpcf7-form div.form-image span.instructions
{
	float: left;
	width: 180px;
	margin-left: 0.5em;
}

span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip
{
	font-size: 1em;
	color: #f90;
    width: 28em;
    position: absolute;
    top: 1.6em;
    left: 0em;
}

div.wpcf7-response-output
{
	width: 30em; 
	margin: 0 0 0 12em;
	font-size: 1em;
	font-style: italic;
}

div.wpcf7-validation-errors
{
	color: #f90;
}

div.wpcf7-mail-sent-ok
{
	color: #fff;
}

div.fgallery_message {
	display: none;
}