/*
Theme Name: Responsive oma child
Description: Child theme for the responsive theme 
Author: Martti Halme
Template: responsive
*/

/* Tämä tyylitiedosto appendaa alla olevaa alkup tyyliä */
@import url("../responsive/style.css");

/*-------------------------------------------------------------*/
/* background tyylit */

	html { 
	  background: url(backgrounds/art_needs_artists.jpg) no-repeat center center fixed; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	body {
		
		/*background-image: url(data:image/png;base64,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);
		background-color: #324615; */
		color: #2d2e2e;
	}

	h1, h2, h3, .widget-title {
		color: #2d2e2e;
	}

	

	#wrapper {

		border-radius: 0px;
		border-width: 1px;
		border-color: grey;
		background-color: rgba(255,255,255,0.9);
		/*padding: 0 0 20px 20px;*/

	}

	.home #wrapper, #wrapper {
		border-radius: 0px;
		border-width: 1px;
		border-color: grey;
		
		/*padding: 0 0 20px 20px; */
		/*background-image: url(data:image/png;base64,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);
		background-color: #324615; */

	}

	.home #content {
		padding: 0 0 0 0;
		margin: 0 0 20px 0;
		background-color: rgba(255,255,255,0.9);
	}



	.home .page {
		margin: 0 0px 20px 0px;
		padding: 10px 20px 10px 20px;
	}

	.home .widget-wrapper {
		background-color: rgba(255,255,255,0.9);
		border: none;
		clear: both;
		border-radius: 0px;
		padding: 10px;
	}


	.home .widget-title {
		/*margin: 0 20px 0 20px; */
	}

	#featured {
		border-radius: 0px;
		border-color: grey;
		
	}

	#frontpage #featured {
		background-color: rgba(255,255,255,0.9);
	}


#frontpage h3 {
	padding-left: 20px;
}	



ul {
	list-style-type: square;
}

li.post {
	padding: 20px;
}

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

.home #widgets {
	margin: 0;
}

#widgets {
	margin-top: 20px;
}


.home-widgets ul {
	list-style-type: none;
	padding: 0!important;
}

.home-widgets ul li a {
	color: #d3c608;
}

.home-widgets ul li a:hover {
	color: #f7e709;
}

.home-widgets h4 {
	margin: 0;
}

.widget-wrapper {
	clear: both;
	border-radius: 0px;
	padding: 20px;
}


.home-widgets .widget-wrapper {
	background-color:rgba(0,0,0,0.5);
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	/*color: #eaeaea;*/
}





/*-------------------------------------------------------------*/
/* Header tyylit */

div.top-widget .widget-title  {
	color: white;
}

ul.top-menu a {
	color: #d3c608;
}

ul.top-menu a:hover {
	color: #f7e709;
}

/*-------------------------------------------------------------*/
/* Artist/Galleria */

.artistilistaus {
	/*margin-bottom: 200px;*/
}

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

.artistilistaus ul li {
	display: inline;
}


.artistilistaus-single-item {
	float: left!important;
	margin: 1px;
}


.artistilistaus-single-item-textual {
	text-align: center;
	
}

.artistilistaus-single-item-image img {
	width: 215px;
	height: 215px;
	display: inline;
	border: 0;
	margin: 0;
}

/* qTranslate Widget */

.widget_qtranslate ul {
	list-style-type: none;
	margin: 0;
}

.widget_qtranslate ul li {
	display: inline-block;
	
}

.widget_qtranslate ul li:first-child {
	margin-right: 5px;
}

.qtrans_language_chooser {
	margin: 0;
}
/*-------------------------------------------------------------*/
/* Post styes */
.post-title a {
	color: #555;
}

.post img {
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
	
}

.post {
	/*border: 1px solid #e5e5e5;
	border-radius: 4px; */
}
/*-------------------------------------------------------------*/




/* Määrittelee vasen widget menurakenteeseen, erikseen child item muotoilut */
/*li.current_page_item ul li {
	color: black;
} */


/* footer */

#footer {
	background-color:rgba(0,0,0,0.5);
	padding: 10px 0 0 0;
}

#footer ul li a {
	color: #d3c608!important;
}

#footer ul li a:hover {
	color: #f7e709!important;
}

#footer .copyright {
	color: #d3c608;
	padding-top: 10px;
}

#footer .copyright a {
	color: #d3c608;
}

#footer .copyright a:hover {
	color: #f7e709;
}

#footer .scroll-top a {
	color: white;
}

#footer .powered {
	display: none;
}

#footer .social-icons {
	text-align: center;
}


/* Artist/Gallery filter */

ul#filter {   
    float: left;   
    font-size: 16px;   
    list-style: none;   
    margin-left: 0;   
    width: 100%;  
}  
ul#filter li {   
    /*border-left: 1px solid #dedede;   */
    /*float: left;  */
    line-height: 16px;  
    margin-right: 10px;  
    padding-right: 10px;  
}

ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }  
ul#filter li.current a { color: #333; font-weight: bold; } 


ul#portfolio {   
    float: left;   
    list-style: none;   
    margin-left: 0;   
    width: 100%;  
}  
ul#portfolio li {   
    border: 1px solid #dedede;   
    float: left;   
    margin: 0 10px 10px 0;   
    padding: 5px;  
    width: 33%;  
} 
ul#portfolio a { display: block; width: 100%; }  
ul#portfolio a:hover { text-decoration: none; }  
ul#portfolio img { border: 1px solid #dedede; display: block; padding-bottom: 5px; } 


/* Captions  */

.artistilistaus-single-item {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  
}


.artistilistaus-single-item-textual {
  /* oma lisä */
  width: 100%;
  padding: 10px 0 10px 0;


  position: absolute;
  background: black;
  background: rgba(0,0,0,0.95);
  color: white;
  /*padding: 10px 20px; */
  opacity: 1; /* alunperin 0 */
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.artistilistaus-single-item:hover .artistilistaus-single-item-textual {
  opacity: 1;
}
.artistilistaus-single-item:before {
  /*content: "?";*/
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.95);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.95;
}
.artistilistaus-single-item:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

/*.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot .artistilistaus-single-item-textual { left: 0; bottom: -30%;}*/
.cap-bot:before { bottom: 0px; left: 10px; }
.cap-bot .artistilistaus-single-item-textual { left: 0; bottom: 0;}
.cap-bot:hover .artistilistaus-single-item-textual { bottom: 0; }

/* Carousel */

#artistByYear { height: 1%; overflow:hidden; padding: 0 0 10px;  }
#artistByYear .viewport { float: left; width: 140px; height: 20px; overflow: hidden; position: relative; margin-left: 20px; }
#artistByYear .buttons { background:url("images/buttons_oma.png") no-repeat scroll 0 0 transparent; display: block; margin: 0px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#artistByYear .next { background-position: 0 0; margin: 0px 0 0 10px;  }
#artistByYear .disable { visibility: hidden; }
#artistByYear .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 140px; left: 0 top: 0; }
#artistByYear .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 21px; border: 0px solid #dcdcdc; width: 136px;}

#artistByYear .activeItem {
	text-align: center;
	font-size: 1.5em;
	line-height: 16px;
	
}

#artistByYear .viewport { 
	float: left; 
	margin-top: 10px;
}

/* ListNav (Alphabet filter) */

.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters { clear: both;}
.ln-letters a { color: #C7F1FF; background-color: #007096; font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#012E3D; }
.ln-letters a.ln-disabled { background-color: #01afeb; color:black; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }
#widgets .ln-letters a {
	padding: 2px 6px;
	margin: 1px;
}

#myList-nav {
	margin-left: -30px;
}

/* Tämä luotu ahtamaan artist thumbnailit */
#content {
	margin: 0 0 0 2%;
}


/* Filter nappi muotoilut */
#container .textwidget a {
	display: block;
}

#container .next {
	position: absolute;
	margin-left: 150px;

}

#container .prev {
	position: absolute;
	margin-left: -10px;
}






/*-------------------------------------------------------------*/
/* MISC */

.current_page_item {
	color: green;
}

.fc-event {
	margin-right: 20px;
}


table, td, th {
	border-color: #2d2e2e;
}

.fc-grid td {
	border-color: #2d2e2e;
}

.fc-grid th {
	border-color: #2d2e2e;
}



/* Nextgen galleryn kirkka, jolla piilotetaan caption kuvan alta */
.ngg-gallery-thumbnail .ngg-gallery-caption-wrap {
	display: none;
}


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


/* responsive styling */

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

#wrapper { 
	padding-top: 10px;
}


.home .widget-wrapper {
	width: 100%;
}

.widget-wrapper { 
 width: 200px;
 
}

#content .one_half {
	width: 100%;
}

.home .page {
	background-color: rgba(255,255,255,0.9);
}

} /* 980 ends */



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

#wrapper { 
	padding-top: 10px; 
}

.widget-wrapper { 
	 width: 200px;
}


} /* 650 ends */


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

.widget-wrapper { 
	width: 100px;
	
	}

.overview {
	display: none;
}

#container .next {
	margin-left: 70px;
}


} /* 480 ends */

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


} /* 320 ends */