/*
Theme Name: The New Gallery
Author: Steven Cottingham
*/

@import url(http://fonts.googleapis.com/css?family=Raleway);

body { font-family: Arial; color: black; font-size: 12px; line-height: 18px; text-align: left; margin: 0; padding: 0; width: 100%; }
a { color:black; text-decoration: none; border-bottom: 1px solid; padding-bottom: 1px; }
a:hover { text-decoration: none; border-bottom: 0 solid; }

h1 { font-size: 12px; }
h2 { font-size: 16px; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; color: #a1a1a1; }
h3 { font-size: 12px; }

form { display: inline-block; }
input { display: inline-block; }

.wrapper { margin-left:auto; margin-right:auto; width:100%; text-align:center; }

#content { padding-bottom: 60px; width: 100%; position: absolute; padding-top: 100px; }

a img { border-bottom: none !important; display: inline-block !important; vertical-align: middle !important; }

#header { padding: 0.5% 1%; position: fixed; z-index: 5000; width: 98%; text-align: left; background: white; }
#site-title, .entry-title, .page-title { font-size: 58px; line-height: 76px; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; }
#site-title a, a.showLink { text-decoration: none; border-bottom: 0px solid; padding-bottom: 2px; color: black; }
#site-title a:hover, a.showLink:hover { text-decoration: none; border-bottom: 6px solid; padding-bottom: 2px; color: black;}
#site-title a.hideLink:hover { border-width: 0; }
#site-title a.hideLink { display: inline-block; position: relative; text-decoration: none; }
#site-title a.hideLink:before { content: ""; position: absolute; top: 40%; left: 0; right: 0; height: 6px; background: black; }
.more { display: none; }

#search { display: inline-block; background-color: transparent; }
#search label, #search input[type=submit] { display: none; }
#search input[type=text] {  width: 228px; font-size: 58px; font-family: 'Raleway', sans-serif !important; font-weight: 600 !important; border: 0 solid; outline: none; background-color: transparent; color: black;}
#search input:focus { border-bottom: 6px solid; padding-bottom:2px; }
#page_search input[type=submit] { display: none; }

@media all and (max-width : 1400px) {
#site-title, .entry-title, .page-title { font-size: 44px; line-height: 64px; }
#site-title a:hover, a.showLink:hover { border-bottom: 5px solid; padding-bottom: 2px; }
#site-title a.hideLink:before { height: 5px; }
#search input[type=text] {  width: 174px; font-size: 44px; }
#search input:focus { border-bottom: 5px solid; padding-bottom:2px; }
}

@media all and (max-width : 1100px) {
#site-title, .entry-title, .page-title { font-size: 36px; line-height: 50px; }
#site-title a:hover, a.showLink:hover { border-bottom: 4px solid; padding-bottom: 1px; }
#site-title a.hideLink:before { height: 4px; }
#search input[type=text] { width: 150px; font-size: 36px; }
#search input:focus { border-bottom: 4px solid; padding-bottom:1px; }
#content { padding-top: 100px; }
}

@media all and (max-width : 840px) {
#site-title, .entry-title, .page-title { font-size: 28px; line-height: 36px; font-family: 'Raleway', sans-serif; }
#site-title a, a.showLink { text-decoration: none; border-bottom: 0px solid; padding-bottom: 2px; }
#site-title a:hover, a.showLink:hover { text-decoration: none; border-bottom: 3px solid; padding-bottom: 0px; }
#site-title a.hideLink:hover { border-width: 0; }
#site-title a.hideLink { display: inline-block; position: relative; text-decoration: none; }
#site-title a.hideLink:before { content: ""; position: absolute; top: 40%; left: 0; right: 0; height: 3px; background: black; }
#search input[type=text] { width: 110px; font-size: 28px; }
#search input:focus { border-bottom: 3px solid; padding-bottom: 0px;}
#content { padding-top: 72px; }
}

::-webkit-input-placeholder { /* WebKit browsers */ color: #000000; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; }

#boxes { margin-left:auto; margin-right:auto; width:100%; max-width:100%; text-align:center }
.box { width:auto; padding:2%; display:inline-block; vertical-align:middle; max-width:98%; text-align:left; }

.box a { border: 0; }
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box .texts { position: absolute; top: 0px; left: 0px; width: 100%; color: #000000; z-index: 200; opacity: 0; filter: alpha(opacity=0); }
.box .texts .categories a, .box .texts a, .box .texts .posted a { color:black; text-decoration:none; border-bottom:1px solid; padding-bottom:1px; }
.box .texts .categories a:hover, .box .texts a:hover, .box .texts .posted, .box .texts .posted a:hover { text-decoration:none; border: 0; }
.box .texts .transparent img { opacity: 0; filter: alpha(opacity=0); border: 0; }
.box .texts .transparent, .transparent a { border: 0; }
.box .texts .abs { position: absolute; top: 0; left: 15px; }
.box .categories { padding-bottom: 10px; }
.box .categories a, .box .posted a { color: #a1a1a1; }
.box h1 { margin: 0; padding-bottom: 10px; font-size: 12px; }
.box h1 a { color: #000000; }
.box .posted { padding-top: 10px; color: #a1a1a1; }
.box img { height: auto; max-width: 100%; border: 0; }

.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }
.fetch:hover a { color: #fff; }

#nav-above { float: left; width: 210px; padding-right: 40px; text-align: right; color: #636363; }
#nav-above a { text-decoration: none; color: #333; }
.nav-previous, .nav-next { display: inline; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; }
.post_title h1 { margin: 0 0 10px 250px; font-size: 27px; line-height: 35px; width: 710px; }
.entry-title, .page-title { color: #E8E8E8; margin-top: 3%; }
#wides { clear: both; }
.entry-aside { width: 210px; padding-right: 40px; vertical-align: middle; }

.entry-content { width: 50%; min-width: 320px; text-align: left; margin-left: auto; margin-right: auto; }
.entry-utility { padding: 10px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { font-weight: bolder; }

.post img, .page img { margin: 20px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }


#footer { padding: 0; border: 0; }

#infscr-loading { background: none repeat scroll 0 0 none; bottom: 40px; right:5%; color: #000000; height: 100px; opacity: 1.0; padding: 10px; position: fixed; width: 200px; z-index: 5000;  }

map.set('styles', [
  {
    "stylers": [
      { "saturation": -100 },
      { "invert_lightness": true }
    ]
  }
]);