/*
Theme Name: Widescreen
Theme URI: http://graphpaperpress.com/
Description: A photo and multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.2.5
Tags: photography, one-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
License: GPL
*/
/* RESET */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

body {
  line-height: 1.5;
  font-size: 80%;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  padding: 0.6em 0;
  margin: 0;
  font-weight: normal;
}

ul, ol {
  list-style: none;
}

/* GRID */
.container {
  width: 795px;
  padding-left: 320px;
  padding-top: 24px;
}

.grid_1, .grid_2, .grid_3 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

.container .grid_1 {
  width: 250px;
}

.container .grid_2 {
  width: 510px;
}

.container .grid_3 {
  width: 770px;
}

/* TYPOGRAPHY */
body, textarea, input {
  font-family: Helvetica, Arial;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #ccc;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #fff;
}

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 2em;
  margin-bottom: 0.75em;
}

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;
}

p {
  margin-bottom: 1.2em;
}

.fancy, blockquote, p.credits, .postmetadata {
  font-style: italic;
  font-family: Georgia;
  text-shadow: 1px 1px 1px #000;
}

.sub {
  text-transform: uppercase;
  border-bottom: 1px solid #999;
  letter-spacing: 2px;
  font-weight: 100;
  margin: 24px 0;
}

blockquote {
  font-size: 1.2em;
}

/* CLEAR FLOATS */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* DEFAULTS */
body {
  color: #999;
  background: url(images/bg.jpg) fixed;
}

a {
  color: #D6006B;
  text-decoration: none;
}

a:hover, a:focus {
  color: #fff;
}

/* MENU */
p#hidep {
  margin: 0;
  padding: 0;
}

#hide {
  position: fixed;
  bottom: 15px;
  left: 65px;
  z-index: 2;
  color: #999;
  font-style: italic;
  font-family: Georgia;
}

#hide2 {
  position: fixed;
  bottom: 15px;
  left: 150px;
  z-index: 2;
  color: #999;
  font-style: italic;
  font-family: Georgia;
}

#menu {
  height: 100%;
  left: 30px;
  margin-right: 40px;
  padding: 100px 25px 0;
  position: fixed;
  top: 0;
  width: 200px;
  z-index: 1;
  background: transparent url(../images/repeater.png) repeat;
}

#menu .description {
  font-size: 11px;
}

#menu ul {
  list-style-type: none;
  border-top: 1px solid #999;
  margin: 24px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 1px 1px 1px #000;
}

#menu ul li {
  margin: 0;
  padding: 0;
}

#menu ul li a {
  height: 1%;
  line-height: 24px;
  border-bottom: 1px solid #999;
  display: block;
  padding: 12px 0 12px 12px;
  color: #999;
}

#menu ul li a:hover {
  background: #000;
  color: #fff;
}

#menu ul ul {
  font-size: 9px;
  padding: 0 12px;
  border-bottom: 1px solid #999;
  border-top: none;
  margin: 0;
}

#menu ul ul li:first-child a {
  border-top: none;
}

#menu ul ul li:last-child a {
  border-bottom: none;
}

#menu ul .show {
  display: block;
}

#menu ul .hide {
  display: none;
}

#menu ul ul a {
  display: block;
  height: 1%;
  line-height: 24px;
  border-bottom: 1px solid #999;
  padding: 12px 0 12px 12px;
  color: #999;
}

/* CONTENT */
.content {
  display: block;
  clear: both;
}

.post {
  display: block;
  clear: both;
  margin: 2em 0;
}

.postmetadata {
  color: #999;
  font-size: 0.8em;
}

.postmetadata a {
  color: #999;
}

.postmetadata a:hover {
  color: #fff;
}

.underlined {
  border-bottom: 1px solid #222;
}

.welcomebox {
  padding: 1.5em;
  margin: 0 0 1.6em;
}

/* IMAGE WRAPS */
.image-wrap {
  float: left;
  display: inline;
  margin: 0 10px 17px 0;
  position: relative;
  width: 240px;
  height: 160px;
  background: #fff url(images/thumb-bg.jpg) 7px 7px no-repeat;
  padding: 7px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  text-shadow: 1px 1px 1px #000;
  overflow: hidden;
}

.image-wrap img {
  background: #fff;
}

.image-wrap span.title {
  display: block;
  color: #ccc;
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 10;
  font-size: 20px;
  font-family: Georgia;
  font-style: italic;
}

.image-wrap span.category {
  color: #888;
  position: absolute;
  bottom: 18px;
  left: 18px;
  display: block;
  width: 224px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1;
}

.image-wrap span.title a {
  color: #fff;
}

.image-wrap span.category a {
  color: #aaa;
}

.thumblink a {
  display: block;
  position: absolute;
  z-index: 0;
  top: 7px;
  left: 7px;
}

/* NAVI */
.nav {
  margin: 10px 0;
}

.project-info {
  display: none;
}

.navi {
  float: left;
  margin-bottom: 15px;
}

.byline {
  font-size: 11px;
  margin: 0 0 1em;
  color: #bbb;
}

.byline a {
  color: #bbb;
}

/* FOOTER */
#footer {
  margin: 4em 0 1em;
  font-size: 0.9em;
  clear: both;
}

#footer h3 {
  margin: 1em 0;
}

#footer p.credits {
  text-align: right;
}

#footer .item {
  margin: 0 0 4em;
  float: left;
  width: 198px;
}

#footer ul {
  list-style: none;
  margin: 0 0 1.6em;
  font-size: 1em;
}

#footer ul li a, ul.txt li {
  height: 1%;
  line-height: 1.2em;
  display: block;
  padding: 6px 0 6px 8px;
}

#footer ul li.active a {
  cursor: default;
}

#footer ul ul {
  margin: 0;
  list-style: none;
}

/* FLOATS & IMAGES */
.right {
  float: right;
}

.left {
  float: left;
}

.middle {
  margin: 0 auto;
  float: left;
}

.clear {
  clear: both;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
}

img.alignright {
  padding: 4px 0 4px 4px;
  margin: 3px 0 2px 10px;
  display: inline;
  max-width: 760px;
}

img.alignleft {
  padding: 4px 4px 4px 0;
  margin: 3px 10px 2px 0;
  display: inline;
  max-width: 760px;
}

img.alignnone {
  padding: 4px 4px 4px 0;
  margin: 3px 10px 2px 0;
  display: block;
  max-width: 760px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail, .attachment-thumbnail {
  max-width: 240px;
  margin: 0 1.5em 1.5em 0;
  float: left;
}

.alignright .attachment-thumbnail {
  margin-right: 0;
}

.attachment-full, .attachment-medium, .attachment-large {
  max-width: 760px;
  height: auto;
  overflow: hidden;
  display: inline;
  text-align: left;
  text-align: left;
  float: left;
}

.content .size-medium, content size-large {
  margin: 0 1.5em 1.5em 0;
}

.home .size-medium, .home .size-large {
  max-width: 760px;
  height: auto;
  overflow: hidden;
  margin: 0 0.5em 0.5em 0;
}

.gallery {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
}

.gallery .gallery-row {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0;
}

.gallery .gallery-item {
  overflow: hidden;
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
  max-width: 100%;
  height: auto;
  padding: 0;
  border: none !important;
}

.gallery-caption {
  margin-left: 0;
}

.gallery-item .attachment-thumbnail {
  float: none !important;
  margin: 0 auto;
}

.gallery-item dd {
  clear: both;
}

.slideshow img {
  display: block;
  float: none;
  clear: both;
}

/* IMAGE SCALING FOR GALLERY INSERTION */
.col-0 {
  width: 100%;
}

.col-1 {
  width: 100%;
}

.col-2 {
  width: 50%;
}

.col-3 {
  width: 33%;
}

.col-4 {
  width: 25%;
}

.col-5 {
  width: 20%;
}

.col-6 {
  width: 16.5%;
}

.col-7 {
  width: 14%;
}

.col-8 {
  width: 12.4%;
}

.col-9 {
  width: 11%;
}

.col-10 {
  width: 10%;
}

.col-11 {
  width: 9%;
}

.col-12 {
  width: 8.33%;
}

.col-13 {
  width: 7.6%;
}

.col-14 {
  width: 7.1%;
}

.col-15 {
  width: 6.66%;
}

.col-16 {
  width: 6.25%;
}

.col-17 {
  width: 5.83%;
}

.col-18 {
  width: 5.55%;
}

.col-19 {
  width: 5.25%;
}

.col-20 {
  width: 4.95%;
}

/* CAPTIONS */
.wp-caption p.wp-caption-text, .caption {
  font-size: 11px;
  line-height: 30px;
  margin: 1em 0;
  padding: 10px;
  text-align: center;
  font-style: italic;
}

/* ETC */
#filters {
  clear: both;
  height: 2em;
  margin-bottom: 1em;
}

#filters li {
  float: left;
  margin-right: 2em;
}

.prev, .next {
  font-size: 0.9em;
  text-align: center;
}

.nav-interior {
  float: left;
  margin: 1.5em 0;
  width: 100%;
}

.prev a {
  float: left;
}

.next a {
  float: right;
}

:focus {
  outline: 0;
}

.hide {
  display: none;
  text-indent: -9999px;
}

.double-border {
  background: url(images/double-border.png) repeat-x bottom;
  height: 8px;
  width: 100%;
  clear: both;
  float: none;
  border: none;
  margin: 1em 0;
}

.ad-main, .ad-sidebar {
  display: block;
  clear: both;
}

input #wp-submit {
  background: #999;
}

input#s {
  color: #333;
}

.video {
  margin-bottom: 2em;
  display: block;
}

/* COMMENTS */
ol.commentlist {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  margin: 0.5em 0 1em;
  padding: 1em;
  background: url(images/h-bg.png);
  border: medium double #222;
}

ol.commentlist li {
  margin: 0 0 10px;
  padding: 5px 7px 5px 57px;
  position: relative;
  height: 1%;
}

ol.commentlist li div.comment-author {
  padding: 0 170px 0 0;
}

ol.commentlist li div.vcard {
  font-weight: bold;
}

ol.commentlist li div.vcard cite.fn {
  font-style: normal;
}

ol.commentlist li div.vcard cite.fn a.url {
  text-decoration: none;
}

ol.commentlist li div.vcard img.avatar {
  left: 0;
  position: absolute;
  top: 5px;
}

ol.commentlist li div.comment-meta {
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  padding: 6px 4px 4px;
}

ol.commentlist li div.comment-meta a {
  text-decoration: none;
}

ol.commentlist li div.reply {
  text-align: center;
  width: 36px;
}

ol.commentlist li div.reply a {
  padding: 6px 10px 3px;
  text-decoration: none;
  text-transform: uppercase;
}

ol.commentlist li ul.children {
  list-style: none;
  margin: 1em 0 0;
  text-indent: 0;
}

ol.commentlist li ul.children li.depth-2 {
  margin: 0 0 0.25em;
}

ol.commentlist li ul.children li.depth-3 {
  margin: 0 0 0.25em;
}

ol.commentlist li ul.children li.depth-4 {
  margin: 0 0 0.25em;
}

ol.commentlist li.pingback div.vcard {
  padding: 0 170px 0 0;
}

h3#comments {
  margin: 2em 0;
}

#respond {
  margin: 30px 0;
  padding: 10px 0;
}

#commentform {
  margin-bottom: 60px;
}

#commentform input {
  width: 170px;
  padding: 6px 12px;
  margin: 5px 5px 1px 0;
  font-size: 1.2em;
  background: url(images/h-bg.png);
  border: medium double #222;
}

#commentform input:hover {
  cursor: pointer;
}

#commentform textarea {
  width: 60%;
  font-size: 1.2em;
  margin: 0.5em 0 1em;
  padding: 1em;
  background: url(images/h-bg.png);
  border: medium double #222;
}

#commentform #submit {
  margin-top: 5px;
  padding: 5px;
  font-weight: bold;
  font-size: 1.3em;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 5px;
  padding: 5px;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 10px;
}

#wp-submit {
  font-weight: bold;
  font-size: 1em;
  background: #111 none repeat scroll 0 0;
  border: 1px solid #222;
  color: #BBBBBB;
  font-weight: bold;
  padding: 5px;
}

#wp-submit:hover {
  background: #000;
  color: #fff;
}

/*Description
------------------------------------------------------------ */
#menu .description {
  text-indent: -999em;
}

/*Font Colors
------------------------------------------------------------ */
body {
  background: #000000 url(../images/2010/09/ecoocean-bgrd3.jpg) no-repeat;
}

/*Font Color
------------------------------------------------------------ */
body, p, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, ol.commentlist, #commentform input, input, #commentform textarea, textarea {
  color: #ffffff;
}

/*Links
------------------------------------------------------------ */
a, a:link, a:visited {
  color: #00ffff;
}

/*Hover
------------------------------------------------------------ */
a:hover, a:focus, body.home ul#jbg-menu li a.selected {
  color: #00bfbf;
}

/*Menu
------------------------------------------------------------ */
#menu {
  color: #ffffff;
}

#menu ul li a:hover {
  color: #000000;
}

#menu ul li a:hover, #menu ul li:hover {
  background: #00ffff;
}

/*Text Shadow
-------------------------------------------------------------*/
#menu ul, .fancy, blockquote, .description, #footer p.credits, .postmetadata {
  text-shadow: none;
}

.image-wrap {
  -moz-box-shadow: none;
}

/*Border Color
-------------------------------------------------------------*/
div.colborder, div.border {
  border-right: 1px solid;
}

ol.commentlist, #commentform input, input, #commentform textarea, textarea {
  border: medium double;
}

#menu ul {
  border-top: 1px solid;
}

#menu ul li a, ul.txt li, .sub {
  border-bottom: 1px solid;
}

.image-wrap {
  border: 1px solid;
}

#jbgs li img {
  border: 2px solid;
}

div.colborder, div.border, ol.commentlist, #commentform input, input, #commentform textarea, textarea, hr, #menu ul, #menu ul li a, ul.txt li, .sub, #jbgs li img {
  border: none;
}

/*Custom CSS
-------------------------------------------------------------*/
/*HIDE SCROLLBARS ON HOMEPAGE*/
body.home {
  overflow: hidden;
  scrollbars: none;
}

/*{border:0px solid #eee;margin:0;padding:0;list-style:none}*/
html.loading {
  background: #000;
}

html.loading * {
  visibility: hidden;
}

html.jbg a {
  outline: none;
}

html.jbg, body.jbg, .jbgallery, .jbgallery table, .jbgallery td {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0px;
}

html.ie6 {
  overflow: hidden;
}

.jbgallery div {
  position: fixed;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: #000;
}

html.ie6 .jbgallery div {
  position: absolute;
}

.jbgallery td {
  vertical-align: middle;
  text-align: center;
}

.jbgallery img {
  margin: 0 auto;
}

.jbgallery img.zoom {
  min-height: 50%;
  min-width: 50%;
}

.jbgallery img.centered {
  min-height: auto;
  min-width: auto;
}

/*CENTERED*/
#jbg.centered {
  position: static;
  width: auto;
  height: 100%;
}

/*CENTERED MODAL*/
#jbg.modal {
  position: absolute;
  width: 200%;
  top: 0;
}

/*LOADING*/
#jbg-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}

.jbg-loading {
  margin: auto;
  height: 100%;
  width: 100%;
  display: block;
}

/*OPTIONAL CONTENT AND MENU -> customize this */
#jbg-content {
  top: 0px;
  left: 0px;
  position: absolute;
  font-size: 11px;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

/**********************************************  SLIDER ********************************************** */
#jbgs-opacity, #jbgs {
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0px;
  z-index: 1000;
}

#jbgs-left, #jbgs-right, #jbgs-wrapper {
  position: relative;
}

#jbgs-left, #jbgs-right, #jbgs-viewer {
  float: left;
  height: 70px;
}

/* LEFT/RIGHT SLIDER*/
#jbgs-left {
  width: 105px;
}

#jbgs-right {
  width: 20px;
}

/* VIEWER */
#jbgs-viewer {
  position: relative;
  overflow: hidden; /*width:1020px;calcolata da jquery?*/
}

/* INNER */
#jbgs-inner {
  position: relative;
  left: 0;
  top: 0;
  width: 20000px;
}

/* INNER : todo padding e margin. thumb dimensions*/
#jbgs a {
  color: #333;
}

#jbgs img {
  border: 0;
}

#jbgs ul, #jbgs li {
  margin: 0;
  padding: 0;
}

#jbgs li {
  display: block;
  list-style: none;
  float: left;
  height: 51px;
  width: 60px;
}

#jbgs li a {
  display: block;
  padding: 3px;
  margin: 5px 5px 5px 2px;
}

#jbgs li img {
  height: 51px;
  width: 51px;
  border: 2px solid #999;
}

#jbgs li img.focus {
  border-color: #fff;
}

.jbgs-h {
  position: absolute;
  background: url("../assets/images/sprite.png") no-repeat;
}

.jbgs-h, .jbgs-h:hover, .jbgs-h:active {
  text-align: left;
  text-indent: -9999px;
  letter-spacing: -9999px;
} /*Simone Parato*/
#jbgs-h-pause, #jbgs-h-play {
  width: 55px;
  height: 28px;
  left: 18px;
  top: 22px;
}

#jbgs-h-left, #jbgs-h-right {
  width: 16px;
  height: 49px;
  top: 10px;
}

#jbgs-h-left {
  background-position: 0 0;
  left: 90px;
}

#jbgs-h-right {
  background-position: -16px 0;
  left: 6px;
}

#jbgs-h-play {
  background-position: 0 -49px;
}

#jbgs-h-pause {
  background-position: 0 -76px;
}

/*THUMBS*/
.jbgs-thumb {
  position: absolute;
  bottom: 70px;
  z-index: 1000;
}

.jbgs-thumb img {
  display: block;
  border: 2px solid #fff;
}

.jbgs-thumb img.jbgs-thumb-portrait {
  width: 100px;
}

.jbgs-thumb img.jbgs-thumb-landscape {
  height: 100px;
}

.jbgs-thumb-btn {
  height: 6px;
}

.jbgs-thumb-tip {
  height: 6px;
  width: 12px;
  margin: 0 auto;
  background: url("../assets/images/sprite.png") no-repeat;
  background-position: -32px 0px;
}

/*TOP*/
#jbgs-top, #jbgs-top-opacity {
  width: 100%;
  height: 32px;
  position: absolute;
  top: 0px;
  z-index: 1000;
}

#jbgs-top a, #jbgs-top span {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

#jbgs-top-right {
  position: absolute;
  right: 10px;
  padding-top: 5px;
}

#jbgs-top-center {
  margin: 0 auto;
  width: 126px;
  position: relative;
}

#jbgs-h-prev, #jbgs-h-next {
  position: absolute;
  width: 62px;
  height: 16px;
  top: 7px;
}

#jbgs-h-prev {
  background-position: 0 -121px;
  left: 0px;
}

#jbgs-h-next {
  background-position: 0 -105px;
  right: 0px;
}

/*CAPTION*/
#jbg-caption-opacity, #jbg-caption {
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  left: 65px;
  bottom: 80px;
  width: 200px;
  overflow: hidden;
} /*height:375px;*/
/*height:385px;*/
#jbg-caption {
  overflow-y: auto;
  font-size: 11px;
}

/**********************************************  MENUSIMPLE ********************************************** */
ul#jbg-menu, #jbg-menu-opacity {
  z-index: 1000;
  padding: 0px;
  margin: 0px;
  position: absolute;
  bottom: 50px;
  left: 60px;
}

#jbg-menu-opacity {
  width: 100%;
  height: 25px;
  background: none;
}

ul#jbg-menu {
  font-size: 11px;
}

ul#jbg-menu li {
  list-style: none;
  display: block;
  float: left;
  padding: 4px;
}

ul#jbg-menu li a {
  border: 0;
  text-decoration: none;
  color: #fff;
} /*-moz-outline:none;*/
/*controls*/
/*
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it
is easier to update the theme. Simply copy an existing
style from style.css to this file, and modify it to
your liking.

*/
h2.fancy {
  font-family: helvetica, arial;
  font-style: normal;
  font-size: 16pt;
  letter-spacing: 2px;
}

/*# sourceMappingURL=main.css.map */