/*

Theme Name: groundfloorgallery
Theme URI: 
Description: gallery  Theme for WordPress.
Version: 2.0
Author: Evan Venegas
Author URI: http://www.evanvenegas.com
Tags: 2 column theme, clean

*/


/* FONTS */

body {
    font-family: 'Marvel', Helvetica, Arial, serif;
}


/* =WordPress Core

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

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}

.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}

.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 10px 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

    float: left;

}

.wp-caption p.wp-caption-text {

    margin: 10px 10px;

    padding: 0 4px 5px;

    display: block;

    float: left;

}

/** Global **/

* { margin: 0; padding: 0; }

#outside_container { margin: 0 auto; background-color: #fff; border-top: 7px solid #FFFFFF; width: 1039px; }

#main_container { width: 959px; margin: 0 auto; }

h1,h2,h3,h4,h5,p { margin: 10px 0; }


a:hover { text-decoration:underline; }

.clear { clear: both; }

.left { float: left; }

.right { float: right; }

img { border: none; }

/** Header **/



#menu_container ul li a:hover { background-color: #fff; color: #999; }

#menu_container ul li.current_page_item a {

color: #990000;

cursor: default;

}


#header {

    float: left;

}

.header_top_text { padding: 5px 0; text-align: center; font-size: 20px; border-bottom: 1px dotted #ccc; color: #999; }

.header_text_cont { float: right; padding: 0 25px 0 15px; margin: 10px 0; border-left: 1px solid #ddd; width: 275px; }

.logo { float: left; margin-top: 15px; }

#menu_container { padding: 50px 0 0 0; border-bottom: 1px solid #FFF; }



#menu_container ul { list-style-type: none; }

#menu_container ul li { float: left; font-size: 12px; position: relative; }

#menu_container ul li a {     

	color: #000;

    background-color: #fff; 

    display: block;

    padding: 5px 15px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 500;}

#menu_container ul li ul { display: none; position: absolute; top: 25px; left: 0; z-index: 150;  }

#menu_container ul li ul li { width: 150px; float: none; }

#menu_container ul li ul li a { background-color: #fff; }

.current-menu-item a { color: #999; }

.header_search { float: right; position: relative; }

.header_search input[type=text] { width: 284px; height: 28px; border: 1px solid #EEEEEE; padding-right: 30px; }

.search_icon { position: absolute; right: 10px; top: 10px; }

#slider_container { padding: 10px 0; border-bottom: 1px solid #E5E5E5; position: relative; }

.slide_prev_new { position: absolute; left: 10px; top: 170px; z-index: 20; cursor: pointer; }

.slide_next_new { position: absolute; right: 10px; top: 170px; z-index: 20; cursor: pointer; }

#single_container { padding: 20px 0; }

.home_blog_box { float: left; width: 306px; margin: 10px 20px 1px 0; }

.home_blog_box img { width: 306px; height: 215px; opacity:1.0; filter:alpha(opacity=100); }

.home_blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }

.home_blog_box_last { margin-right: 0; }

.home_blog_box h3 { font-size: 13px; font-weight: normal; color: #a4a4a5; }

.home_blog_box h3 a { color: #a4a4a5; text-decoration: none; }

.home_blog_box h3 a:hover { color: #333; }

.home_port_cont { border-top: 1px solid #E5E5E5; padding: 5px 0 25px; }

.home_port_box img { width: 100%; height: 464px; opacity:1.0; filter:alpha(opacity=100); }

.home_port_box img:hover { opacity:0.8; filter:alpha(opacity=80); }

.home_port_box_last { margin-right: 0; }

.home_port_box h3 { font-size: 15px; font-weight: normal; color: #a4a4a5; }

.home_port_box h3 a { color: #a4a4a5; text-decoration: none; }

.home_port_box h3 a:hover { color: #333; }

h3.top_title, h1.top_title { padding: 5px 5px 5px 0 ; margin: 2px 0 2px; font-size: 14px; font-weight: normal; border-top: 1px solid #eee; test-transform: uppercase;}

#single_left { width: 628px; float: left;  }

#single_left p { color: #888888; }

.blog_box { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5; }

.blog_box p { color: #3E3E3E; }

.blog_box h3 { font-size: 15px; }

.blog_box h3 a { color: #c7c7c7; text-decoration: none; }

.blog_box h3 a:hover { color: #333; }

.blog_box img { width: 625px; height: 252px; }

.port_box { float: left; width: 306px; margin: 5px 20px 5px 0; }

.port_box_last { margin-right: 0; }

.port_box_divider { border-bottom: 1px solid #c7c7c7; margin: 5px 0 10px; }

.port_box img { width: 306px; height: 387px; }

.port_box h3 a { color: #c7c7c7; text-decoration: none; }

.port_box h3 a:hover { color: #333; }

.navigation { padding: 15px 0; }

.navigation a { color: #000000; text-decoration: none; }

.archive_cont .home_port_box { height: auto; }

#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }

.menu-twitter {
    text-indent: -9999px;
    background-image: url(https://groundfloorbk.com/wp-content/themes/images/twit-ic.jpg) !important;
    background-repeat: no-repeat !important;
    margin-left: 100px !important;
    width: 57px;
}

#menu_social  {
	margin-top: -20px;
	float: right;
}

#menu_social ul li {
	list-style-type: none;
	display: inline;
}

/** Sidebar **/

#sidebar { width: 306px; float: right; margin-top: 37px; }

.side_box { margin-bottom: 25px; }

.side_box img { width: 306px; height: 215px; }

.side_box h3 { font-size: 15px; }

.side_box h3 a { color: #c7c7c7; text-decoration: none; }

.side_box h3 a:hover { color: #333; }

/** Footer **/

.footer_box_cont { padding: 10px 0; border-top: 1px solid #E5E5E5; }

.footer_box { width: 198px; float: left; padding-right: 20px; border-right: 1px solid #DDDDDD; color: #6c6c6c; margin-right: 20px; }

.footer_box_last { border-right: none; }

.footer_box h3 { color: #010101; font-size: 12px; font-weight: normal; }

.footer_box ul { list-style-type: none; }

.footer_box ul li { margin-bottom: 5px; }

.footer_box a { color: #6c6c6c; text-decoration: none; }

.footer_box a:hover { color: #333; }

#footer { background-color: #fff; padding: 5px 40px 0 0; color: #838383; font-size: 11px; text-align: right; margin-top: 15px; margin-bottom: 10px; }

#slideshow {
    position:relative;
    height:349px;
    width: 959px;
}

#slideshow img { width: 959px; height: 349px; }

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}

#slider_container img.slide_prev { position: absolute; top: 200px; left: 15px; z-index: 999; width: 19px !important; height: 24px !important; display: block; }

#slider_container img.slide_next { position: absolute; top: 200px; left: 697px; z-index: 999; width: 19px !important; height: 24px !important; display: block; }

/* for tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#outside_container { margin: 0 auto; border-top: none; width: 728px; }

#main_container { width: 728px; margin: 0 auto; }

#slideshow {
    position:relative;
    height:300px;
    width: 728px;
}

.slide_prev_new { top: 150px; }

.slide_next_new { top: 150px; }

#slideshow img { width: 728px; height: 300px; }

.home_port_box_last { display: none; }

.home_blog_box_last { display: none; }

.home_second_port_box { float: right; margin-right: 0; padding-top: 160px; clear: both; }

.home_second_blog_box { float: right; margin-right: 0; }

.home_blog_box { width: 336px; }

.home_blog_box img { width: 336px; height: 230px; }

.home_port_box { width: 336px; height: 407px; }

.home_port_box img { width: 336px; height: 407px; }

.port_box_divider { display: none; }

.port_box_right { float: right; margin-right: 0; }

#port_cont .clear { clear: none; }

.port_clear { clear: both; }

.port_box_last { margin-right: 20px; }

#single_left { width: 478px; float: left;  }

.blog_box img { width: 475px; height: 150px; }

.single_content img { max-width: 478px; height: inherit; }

.archive_cont .home_port_box { height: auto; }

#sidebar { width: 206px; float: right; margin-top: 37px; }

.side_box img { width: 206px; height: 115px; }

.footer_box { width: 138px; }

}



/* for mobile portrait */

@media screen and (max-width: 480px) {

#outside_container { margin: 0 auto; border-top: none; width: 320px; }

#main_container { width: 320px; margin: 0 auto; }

.header_top_text { display: none; }

.header_text_cont { display: none; }

.logo { max-width: 300px; height: inherit; }

.header_search { display: none; }

#slideshow {
    position:relative;
    height:150px;
    width: 320px;
}

.slide_prev_new { top: 75px; }

.slide_next_new { top: 75px; }

#slideshow img { width: 320px; height: 150px; }

.home_blog_box { width: 300px; margin: 10px;  }

.home_blog_box img { width: 300px; height: 180px; }

.home_port_box { float: none;  margin: 15px auto 25px; height: auto; }

.blog_box img { width: 300px; height: 150px; }

.single_content img { max-width: 300px; height: inherit; }

#single_left { width: 300px; float: none; padding: 0 10px; }

#sidebar { display: none; }

.port_box { float: none; width: 306px; margin: 5px auto 25px; }

#commentform textarea { width: 285px; }

.footer_box_cont { display: none; }

#footer { display: none; }

}

/* for mobile landscape */

@media screen and (max-width: 766px) {

#outside_container { margin: 0 auto; border-top: none; width: 320px; }

#main_container { width: 320px; margin: 0 auto; }

.header_top_text { display: none; }

.header_text_cont { display: none; }

.logo { max-width: 300px; height: inherit; }

.header_search { display: none; }

#slideshow {
    position:relative;
    height:150px;
    width: 320px;
}

.slide_prev_new { top: 75px; }

.slide_next_new { top: 75px; }

#slideshow img { width: 320px; height: 150px; }

.home_blog_box { width: 300px; margin: 10px; }

.home_blog_box img { width: 300px; height: 180px; }

.home_port_box { float: none;  margin: 15px auto 25px; height: auto; }

.blog_box img { width: 300px; height: 150px; }

.single_content img { max-width: 300px; height: inherit; }

#single_left { width: 300px; float: none; padding: 0 10px; }

#sidebar { display: none; }

.port_box { float: none; width: 306px; margin: 5px auto 25px; }

#commentform textarea { width: 285px; }

.footer_box_cont { display: none; }
#footer { display: none; }
}

body {
    font-family: 'Marvel', Helvetica, Arial, serif;
}

#menu_container ul li a {
    color: #000;
    background-color: #fff; 
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

#menu_container ul li a:hover { background-color: #fff; color: #999; }

#menu_container ul li.current_page_item a {
	color: #990000;
    cursor: default;
}

/* HEADER */


#header {
    float: left;
}

#menu_container {
    border-bottom: 1px solid #FFFFFF;
    padding-top: 50px;
}

.menu-twitter {
    text-indent: -9999px;
    background-image: url(images/twit-ic.jpg) !important;
    background-repeat: no-repeat !important;
    margin-left: 100px !important;
    width: 57px;
}

#menu_social  {
	margin-top: -20px;
	float: right;
}

#menu_social ul li {
	list-style-type: none;
	display: inline;
}

/* HOME PAGE */

.home_port_cont .home_port_box img {
    height: 464px;
    opacity: 1;
    width: 959px;
}

.home_port_box {
	float: none;
	height: auto;
	margin: 0;
	width: 100%;
}

.home_second_port_box img {
	padding-top: 20px;
	clear: both;
}

.home_port_box h3 {
	font-weight: 200;
	font-size: 30px;
}

#also_on {
	border-top: 1px solid #E5E5E5;
	font-weight: 500;
	font-size: 20px;	
}

.home_port_box p  {
	font-size: 20px;
	margin-top: 0;
}

#main_container {
    overflow: hidden;
}

/* EXHIBITION */

.home_port_cont.archive_cont img {
	width: 450px;
	height:217px;
	border: 1px solid #f0f0f0;
}

.home_port_cont.archive_cont h3 {
	font-size: 12px;
	font-weight: 500;
}

.archive_cont .home_port_box {
	float: left;	
	width: 459px;
} 

.home_port_cont.archive_cont {
	border:none;
}

.archive_cont .home_second_port_box img {
	padding-top: 0;
}

.archive_cont .footer_box_cont {
	margin-top: 200px;
}

h3.top_title, h1.top_title, #single_left h1 {
	font-size: 20px;
	font-weight: 200;
	text-transform:uppercase;
	color: #656;
}

#single_left h3 {
	font-size: 28px;
	font-weight: 200;
	text-transform: uppercase;
	color: #A4A4A5;
	clear: both;
	width: 954px;
	display: block;
}

#single_left #gallery h3 {

	font-size: 20px;

	color: #656;

	border-top: 1px solid #E5E5E5;

	margin-top: 30px;

	padding-top: 20px;

}

#single_left #gallery h1 {

	font-size: 20px;

	



}



/* SINGEL POST */



#single_container p h3 {

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

	color: #A4A4A5;

	clear: both;

	

}

#gallery {}

#single_container {

	border-top: 1px solid #E5E5E5;

	padding: 0;

}



.nocomments {

	display: none;

}



#single_left {

    width: 750px;

}



.wp-caption {

	border:none;

	text-align: left;

}



.wp-caption-text {

	float:right;



}

.wp-caption.alignnone {

margin: 5px 333px 20px 0;

width: 850px;

}



.single_content ol {

	padding-left: 40px;

	color: #888888;

}





/* FOOTER */



.footer_box {

	min-height: 130px;

}



.footer_box_cont {

    border-top: 1px solid #E5E5E5;

}



/*MAIL CHIMP */



#mc_embed_signup form {

    display: block;

    padding: 10px 0 10px 3%;

    position: relative;

    text-align: left;

}

#mc_embed_signup h2 {

    font-size: 1.4em;

    font-weight: bold;

    margin: 15px 0;

    padding: 0;

}

#mc_embed_signup input {

    border: 1px solid #999999;

}

#mc_embed_signup input[type="checkbox"] {

}

#mc_embed_signup input[type="radio"] {

}

#mc_embed_signup input:focus {

    border-color: #333333;

}

#mc_embed_signup .button {

    background-color: #AAAAAA;

    border: 0 none;

    border-radius: 4px 4px 4px 4px;

    clear: both;

    color: #FFFFFF;

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    font-weight: bold;

    height: 32px;

    line-height: 32px;

    margin: 0 5px 10px 0;

    padding: 0;

    text-align: center;

    text-decoration: none;

    vertical-align: top;

    white-space: nowrap;

    width: auto;

}

#mc_embed_signup .button:hover {

    background-color: #777777;

}

#mc_embed_signup .small-meta {

    font-size: 11px;

}

#mc_embed_signup .nowrap {

    white-space: nowrap;

}

#mc_embed_signup .clear {

    clear: none;

    display: inline;

}

#mc_embed_signup label {

    display: block;

    font-size: 12px;

    padding-bottom: 10px;

    text-transform:uppercase;

    color: #010101;

}

#mc_embed_signup input.email {

    display: block;

    margin: 0 4% 10px 0;

    min-width: 130px;

    padding: 8px 0;

    text-indent: 5px;

    width: 58%;

}

#mc_embed_signup input.button {

    display: block;

    margin: 0 0 10px;

    min-width: 90px;

    width: 35%;

}

#mc_embed_signup div#mce-responses {

    clear: both;

    float: left;

    margin: 0 5%;

    overflow: hidden;

    padding: 0 0.5em;

    top: -1.4em;

    width: 90%;

}

#mc_embed_signup div.response {

    float: left;

    font-weight: bold;

    margin: 1em 0;

    padding: 1em 0.5em 0.5em 0;

    top: -1.5em;

    width: 80%;

    z-index: 1;

}

#mc_embed_signup #mce-error-response {

    display: none;

}

#mc_embed_signup #mce-success-response {

    color: #529214;

    display: none;

}

#mc_embed_signup label.error {

    display: block;

    float: none;

    margin-left: 1.05em;

    padding: 0.5em 0;

    text-align: left;

    width: auto;

}