/* $Id$  */
/* 
  * The idea is that this is the stylesheet where you'd make simple changes
  * to this theme...so go nuts!
*/

html {
  margin-top: -6px;
}

/* Overall Settings for text colors, sizes and fonts */
body {
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 80%;
}

body.front {
  background-color: #424242;
  background-size: 250px auto;
}

body.node-type-work.page-node div.submitted {
  display: none;
}

#wrapper div {
  padding: 0 20px 0 30px;
}

body.node-type-work div.field-field-teaser {
  font-size: 120%;
}

/* Unvisited Links */
a:link {
	color: #333;
}
/* Visited Links */
a:visited {
	color: #666;
}

/* Hover Links */
a:hover {
	color: #000;
}

/* Header Links (including main navigation) */
#header-section a:link,
#header-section a:visited {
	color: #fff;
}
	
#meta-info {
  margin-top: -3000px;
}

/* SubNav Link Color */
#subnav a	{
	color: #999;
}

/* Page Titles Color and Size */
h1	{
	color: #000;
	font-size: 250%;
}

/* Teaser Titles Color and Size */
h2 {
	color: #333;
	font-size: 200%;
}

/* Header Background Color */
#wrapper #header-section {
	background-color: 	#424242;
	min-height: 130px;
}

#logo img {
  margin-top: 12px;
  width: 120px;
  margin-bottom: -23px;
}

body.safari #logo img {
  margin-bottom: -18px;
}

#logo a:link {
  text-decoration: none;
}

body.front #header-left {
	min-height: 110px;
}

body.front #logo img {
  display: none;
}

/* Site Name Color */
#site-name {
	color: #fff;
}

/* Slogan Color */
#site-slogan	{
	color: #666;
}

#social-links {
  float: right;
  margin-top: 40px;
}

#social-links img {
  width: 24px;
  margin-right: 8px;
  opacity: 0.5;
}

#social-links img:hover {
  opacity: 1;
}

#content-region {
  min-height: 500px;
  margin-top: 30px;
}

#content-region h1 {
  display: none;
}

body.page-contact #content-region h1, body.node-type-whats-new #content-region h1, body.page-admin #content-region h1 {
  display: block;
}

body.front #content-region {
  background: #424242 url(/sites/default/files/images/home-logo.png) no-repeat center center;
  background-size: 250px auto;
  margin-top: 0px;
  min-height: 520px;
}

form#contact-mail-page .resizable-textarea {
	width: 98%;
}

form#contact-mail-page input[type='text'], body.gecko form#contact-mail-page .resizable-textarea,
body.safari form#contact-mail-page .resizable-textarea {
	width: 98%;
}

body.mceContentBody {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 112%;
  font-size: 0.8em;
  background-color: white;
}

#header-section, #content-region, #footer {
  min-width: 840px;
}

div#double-quotes, div#print-shop {
  display: none;
}

body.front div#double-quotes {
  display: block;
  float: left;
  position: absolute;
  top: 112px;
}

body.front div#double-quotes img {
  height: 14px;
  opacity: 0.6;
}

body.front div#double-quotes img:hover {
  opacity: 1;
}

body.front div#print-shop {
  display: block;
}

body.front div#print-shop a {
  position: absolute;
  top: 33px;
  left: 150px;
	width: 91px;
	height: 92px;
  background: url(/sites/default/files/images/pbgd-print-shop2.png) no-repeat 0px 0px;
}

body.front div#print-shop a:hover {
	background-image: url(/sites/default/files/images/pbgd-print-shop1.png);
	cursor: pointer;
}

a:link.back-button, a.back-button:visited {
  background: url(/sites/default/files/images/back-arrow.png) no-repeat 0px 3px;
  color: #999;
  font-size: 110%;
  font-weight: bold;
  padding-left: 10px;
  margin: 1px 10px 0px 0px;
  float: left;
}

body.node-type-work div.facebookshare-box {
  margin-left: 25px;
}


/* Submitted Information in nodes and comments */
.submitted	{
	color: #999;
	font-size: .85em;
}


/* Links */

a:link	{
	color: #333;
	text-decoration: none;
}

a:visited	{
	color: #666;
}

a:hover	{
	color: #000;
}

ul.primary-links {
  text-transform: uppercase;
  text-decoration: none;
}

body.front ul.primary-links li.menu-736 {
	display: none;
}

#header-section a:link, #header-section a:visited {
	color: #aaa;
	text-decoration: none;
}

#header-section a:hover, #header-section a.active {
  color: #fff;
}

#header-left {
  height: 110px;
}

#subnav a	{
	color: #999;
	text-decoration: underline;
}


/* Links */
table {
  width: 100%;
}


/* Table */
table tr.odd {
  background-color: #e8e8e8;
}

table tr.even {
  background-color: #f8f8f8;
}


/* Node Links */
.node-links, .node-links a {
	color: #999;
}


/* Footer Text */
#footer	{
	padding: 0 30px 10px 30px;
	margin: 20px 0;
	font-size: .9em;
	color: #fff;
	text-align: left;
	font-size: 90%;
}

#footer div.footer-user {
  clear: both;
}

#footer div.footer-left {
  float: left;
}

#footer div.footer-right {
  float: right;
}

body.safari #footer div.footer-right {
  margin-right: 10px;
}

#footer div.footer-right img.swapper {
  opacity: 0.3;
}

#footer div.footer-right img.swapper:hover {
  opacity: 1;
}

body.not-front #footer {
  color: #000;
}

#footer a:link, #footer a:visited {
  text-decoration: none;
  color: #999;
}

#footer a:hover {
  color: #FFF;
}

body.not-front #footer a:hover {
  color: #444;
}

#footer div.site-details {
  font-size: 115%;
}


/* Quotes page
-------------------------------------------------------------- */
div.quotes-host {
  height: 500px;
}

div.quotes-frame {
  position: relative;
  margin: 0 auto;
  width: 840px;
  text-align: center;  
  height: 100%;
}

div.quotes-frame img {
  margin-top: 5px;
  margin-left: 18px;
}

div.quotes-frame div.block-1, div.quotes-frame div.block-2, div.quotes-frame div.block-3, div.quotes-frame div.block-4 {
  position: absolute;
  line-height: 15px;
}

div.quotes-frame div.float-bottom, div.quotes-frame div.photo-credit {
  width: 100%;
  position: absolute;
  bottom: 0;
}

div.quotes-frame div.photo-credit {
  text-align: right;
  color: #aaa;
}

div.quotes-frame div.block-1 {
  width: 211px;
  height: 241px;
  top: 0;
  text-align: right;
}

div.quotes-frame div.block-2 {
  width: 334px;
  height: 241px;
  top: 0;
  right: 0;
  text-align: left;
}

div.quotes-frame div.block-3 {
  width: 351px;
  height: 244px;
  bottom: 0;
  text-align: right;
}

div.quotes-frame div.block-4 {
  width: 194px;
  height: 244px;
  bottom: 0;
  right: 0;
  text-align: left;
}


/* View What's New
-------------------------------------------------------------- */
.view-whatsnew ul li {
  list-style-image: none;
  list-style-type: none;
  background-image: none;
  position: relative;
}

.view-whatsnew ul li.views-row {
  height: 212px;
  margin-top: 7px;
  padding-left: 0px;
  margin-left: 16px;
  border-bottom: 1px solid #D8D8D8;
  overflow: hidden;
}

.view-whatsnew ul li.views-row-last {
  border-bottom: none;
}

.view-whatsnew ul li.views-row img {
  float: left;
  margin-right: 20px;
  margin-top: 3px;
}

.view-whatsnew .views-field-title {
  margin: 0px 0px 4px 0px;
  font-weight: bold;
  font-size: 130%;
}

.view-whatsnew .views-field-title span {
  overflow: hidden;
  height: 22px;
}

.view-whatsnew .views-field-created, .view-whatsnew .views-field-totalcount {
  position: absolute;
  font-size: 85%;
  font-weight: bold;
  color: #9F9F9F;
  left: 220px;
  bottom: 22px;
}

.view-whatsnew .views-field-totalcount {
  margin-top: 4px;
  font-weight: normal;
  bottom: 9px;
}

.view-whatsnew .views-field-phpcode {
  position: absolute;
  bottom: 10px;
  right: 0px;
  float: right;
}

.whats-new #content h1.title {
  padding-left: 44px;
}

div.field-type-filefield .field-items {
  margin-top: 20px;
}

.view-whatsnew .views-field-title span.field-content {
  position: absolute;
  left: 220px;
}

.view-whatsnew .views-field-body div.field-content {
  position: absolute;
  left: 220px;
  top: 24px;
}

.view-whatsnew .views-field-body div.page-turn {
  position: absolute;
  top: -35px;
  left: -240px;
}

.view-whatsnew .views-field-body div.page-turn object {
  width: 240px;
  height: 164px;
}


/* Portfolio galleria
-------------------------------------------------------------- */
#portfolio-host {
  width: 608px;
  margin: 0px auto;
}

.portfolio-gallery {
  height: 60px;
  width: 102%;
  padding-left: 4px;
}

.portfolio-gallery ul {
  height: 60px;
  padding-left: 4px;
}

.portfolio-gallery ul li {
  background:#494949 none repeat scroll 0 0;
  margin: 0 6px 0 0;
  padding: 0;
  float: left;
  height: 100%;
  display: inline; 
  list-style: none;
  background-image: none;
}

.portfolio-gallery ul li img {
  height: 100%;
  width: 55px;
}

#portfolio-image {
  background: white none repeat scroll 0 0;
  height: 375px;
  width: 608px;
  margin-bottom: 19px;
}

#block-block-7 .block-content, #block-block-7 .block-content .node {
  border: none;
  background: none;
}

#block-block-7 .block-content-inner {
  padding: 0; 
}

#portfolio_text {
  padding: 0;
  margin: 0 0 0 3px;
  text-align: left;
}


/* Pagers
-------------------------------------------------------------- */

ul.pager {
  background-color: #ebebeb;
  border: 1px solid #cecece;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  height: 30px;
  margin: 18px 0px 22px 16px;
  padding: 9px 5px 5px 14px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

ul.pager li {
  display: block;
  margin: 0 -2px 0 0;
  float: left;
}

ul.pager li.pager-item {
  margin-top: -5px;
}

body.ie ul.pager li.pager-item {
  margin-top: -6px;
}

ul.pager li a, ul.pager li.pager-current {
  padding: 2px 7px;
  text-transform: uppercase;
  background-color: #aaa;
  color: #fff;
}

body.ie ul.pager li.pager-item a {
  padding: 3px 7px;
}

ul.pager li.pager-current {
  display: block;
  font-weight: bold;
  height: 22px;
  margin: -10px 5px 0 6px;
  padding: 8px 8px 0 8px;
  background-color: #fAfAfA;
  border: 1px solid #cecece;
  border-top: none;
  color: #acacac;
  line-height: 190%;
  border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
}

ul.pager li a:link, ul.pager li a:visited {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

body.gecko ul.pager li.pager-current {
  height: 24px;
}

ul.pager li a:link, ul.pager li a:visited {
  margin: 3px 0 0 0;
  text-decoration: none;
  border: 1px solid #a8a8a8;
  color: #fff;
}

ul.pager li a:hover, ul.pager li a:focus {
  background-color: #888;
  color: #fff;
}

ul.pager li.pager-first a, ul.pager li.pager-previous a, ul.pager li.pager-next a, ul.pager li.pager-last a {
  border: none;
  color: transparent;
  display: block;
  height: 22px;
  margin: -7px 0 0 0;
  overflow: hidden;
  padding: 0;
  text-indent: -9000px;
  width: 22px;
}

ul.pager li.pager-first a {
  width: 22px;
  background: url(/sites/default/files/images/pager-first.png) no-repeat;
}

ul.pager li.pager-previous a {
  background: url(/sites/default/files/images/pager-previous.png) no-repeat;
}

ul.pager li.pager-next a {
  background: url(/sites/default/files/images/pager-next.png) no-repeat;
}

ul.pager li.pager-last a {
  width: 22px;
  background: url(/sites/default/files/images/pager-last.png) no-repeat;
}

ul.pager li a:hover, ul.pager li a:focus {
  text-decoration: none;
}

ul.pager li.pager-first a:hover, ul.pager li.pager-first a:focus, ul.pager li.pager-previous a:hover, ul.pager li.pager-previous a:focus,
ul.pager li.pager-next a:hover, ul.pager li.pager-next a:focus, ul.pager li.pager-last a:hover, ul.pager li.pager-last a:focus {
  background-position: 0 -22px;
}

.footer-wrapper ul.pager li.pager-current {
  background-color: #343434;
  border: 1px solid #444;
  border-top: none;
  color: #fff;
}

.footer-wrapper ul.pager {
  background-color: #4F4F4F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 1px solid #5F5F5F;
  border-right: 1px solid #5F5F5F;
  border-top: 1px solid #444;
}


/* Block banner slideshow
-------------------------------------------------------------- */
div.view-banner-slideshow img {
  width: auto;
  height: 450px;
  cursor: default;
}

.view-banner-slideshow div.item-list ul {
  height: 470px;
  margin-left: 0px;
}

div.view div.views-admin-links ul {
  margin-top: 6px;
}

.view-banner-slideshow div.item-list ul li {
  list-style-image: none;
  list-style-type: none;
  position: absolute;
  top: 1px;
  left: 1px;
}

.view-banner-slideshow .field-content .field-item {
  float: left;
}

.view-banner-slideshow .field-content img {
  padding: 4px 0px;
  margin: 5px 0px 3px 0px;
}

div#view-banner-mask.view-banner-slideshow, div#view-banner-paused.view-banner-slideshow {
  position: absolute;
  top: 1px;
  left: 1px;
}

div#view-banner-mask.view-banner-slideshow {
  background-color: white;
  width: 99.5%;
  height: 99.5%;
  z-index: 100;
}

div#view-banner-paused.view-banner-slideshow {
  background-image: url(images/pause.png);
  margin-top: 164px;
  width: 70px;
  height: 70px;
  z-index: 99;
  display: none;
  opacity: 0.7;
}

.view-banner-slideshow .views-field-title, .view-banner-slideshow .views-field-field-teaser-value {
  overflow: hidden;
  display: none;
}

div#view-banner-host.view-banner-slideshow {
  color: white;
  position: absolute;
  top: 10px;
  left: 1px;
  height: 450px;
  overflow: hidden;
}

#view-slideshow-host {
  position: relative;
}

#view-banner-host #banner-teaser {
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.4);
  font-size: 110%;
  height: 88px;
  padding: 12px 12px 0px 12px;
  overflow: hidden;
  line-height: 1.2em;
  position: absolute;
  bottom: 0;
  width: 100%;
}

#view-banner-host #banner-teaser p {
  margin-top: 0px;
}

#view-slideshow-host #view-thumb-dots {
  float: right;
  height: 12px;
}

#view-slideshow-host #view-thumb-dots div.dot {
  background-color: #555;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  float: left;
  opacity: 0.4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

#view-slideshow-host #view-thumb-dots div.dot.active {
   opacity: 1;
 }

 div.node div.field-field-work-image img {
   width: 100%;
   height: auto;
 }