/* This import has been broken since 2011 */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800); */

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body{
  	color: #666666;
  	font-family: Open sans, sans-serif;
  	font-size: 13px;
  	line-height: 1.6;
	/* background: url(../images/body.png); */
	overflow-x:hidden;
}

/* Links */
a {
	color: #B61F10;
	text-decoration: none;
}
a:visited {
	color: #B61F10;
}
a:hover,
a:focus,
a:active {
	color: #E51F0D;
	text-decoration: none;
}


#page {
	max-width:980px;
	margin: 10px auto; /** lowered the top and margin by 40px - 12-11-17 **/

}


/* Header */

#masthead{
	height: 100px;
	background: #202020;
	border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #111;
}

.site-branding{
	margin: 20px 0px 10px 0px;
}

h1.site-title{
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	margin: 0px 0px 10px 0px;
}

h1.site-title a:link, h1.site-title a:visited{
	color: #fff;
}

h2.site-description{
	font-size: 16px;
	margin: 0px 0px;
	text-transform: uppercase;
	color: #ddd;
}

.menu-btn{
	height: 32px;
	width: 32px;
	background: #B30C09 url(../images/menubt.png) 2px 2px no-repeat;
	border:2px solid #d30808;
	display: block;
	float: right;
	border-radius: 3px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top:10px;
	display: none;
}

.searchbox{
	float: right;
	margin-top:50px;
	text-shadow: none;
}
.searchbox input.search-field{
	background: #3a3a3a;
	border: 1px solid #555;
	width: 200px;
	padding: 5px 5px;
	color: #fff;
}
.searchbox input.search-submit{
	background: #b30c09;
	border: 1px solid #E5110D;
	box-shadow: none;
	color: #fff;
	padding: 8px 15px;
}
/* Slider */

#slider{
	max-height: 500px;
	max-width: 980px;
	display: block;
	position: relative;
}

.slide-caption{
	position: absolute;
	height: 500px;
	color: #eee;
	width: 100%;
	background: #004787;
	right: 0px;
	width: 35%;
}

.slide-caption:before{
	content: "";
	display: block;
	width: 50px;
	height: 500px;
	position: absolute;
	left: -50px;
	background: url(../images/cap.png) no-repeat;
}
.slide-caption h3{
	margin: 0px 0px;
	padding: 30px 30px 0px 30px;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}

.slide-caption p{
	padding: 10px 30px 30px 30px;
	color: #fff;
	margin: 0px;
	font-size: 14px;

}

.slides-navigation a.next, .slides-navigation a.prev{
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.slides-navigation a.next{
	background: url(../images/arit.png) no-repeat;
	margin-right: 20px;
}

.slides-navigation a.prev{
	background: url(../images/alft.png) no-repeat;
	margin-left: 20px;
}


/* Intro */
.mobile-intro{
	display: none;
}
.intro{
	background:#333;
	padding: 20px 0px;
}

.intro-text{
	color: #fff;
	text-align: center;
}

.intro-text h3{
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	font-size: 28px;
}

.intro-text p{
	margin: 0px 0px 0px 0px;
	font-style: italic;
	font-size: 16px;
}

.sectionBar {background:#333; padding:6px 0; color:#ffffff; text-align:center; text-transform:uppercase;}

/* Content */
#primary,#secondary{
	padding: 20px 0px;
}
#content{
	background: #fff;
}
h1.page-title{
	font-size: 28px;
	margin:0px 0px 20px 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	color: #222;
	font-weight: bold;

}
h1.entry-title{
	font-size: 24px;
	font-weight: bold;
	color: #222;
	margin: 10px 0px;
}

h2.entry-title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
h2.entry-title a:link, h2.entry-title a:visited{
	color: #222;
}

.entry-meta{
	text-transform: uppercase;
	font-size: 10px;
	display: none;
}


/* Sidebar */

.widget{
	margin-bottom: 30px;
}

h2.widget-title{
	font-size: 20px;
	color: #000;   /* #A5130F;  red */
	font-weight: bold;
	border-bottom: 3px solid #ddd;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

.widget ul{
	margin: 0px 0px;
	padding: 0px 0px;
	list-style: none;
}

.widget ul li{
	margin: 0px;
	padding: 0px;
}

.widget ul li a{
	color: #777;
}

.widget ul li a:hover{
	color: #222;
}

.widget .tagcloud a{
	display: inline-block;
	background: #A5130F;
	font-size: 13px!important;
	color: #fff;
	padding: 5px 10px;
	margin:0px 0px 3px 0px;
}

.widget .tagcloud a:hover{
	background: #222;
}


/* Footer widgets */

#bottom{
	background: #2c2c2c;
	border-top:5px solid #ddd;
	border-bottom: 5px solid #161616;
}

.botwid{
	padding: 30px 0px;
	color: #aaa;
}

h2.bothead{
	margin: 0px 0px 20px 0px;
	font-size: 18px;
	color: #fff;
}

.botwid ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.botwid ul li{
	padding: 7px 0px;
	border-bottom: 1px solid #3a3a3a;
}

.botwid ul li a{
	color: #aaa;
}

.botwid ul li a:hover{
	color: #fff;
}


/* Paginate */

.pagination a{
	padding: 5px 10px;
	border: 1px solid #aaa;
	margin-right: 5px;
	color: #444;
}

.pagination span{
	padding: 5px 10px;
	border: 1px solid #E51F0D;
	margin-right: 5px;
	color: #E51F0D;
}

/* Gallery */

.gallerybox{
	margin-bottom: 30px;
}

.gallerybox h3{
	text-align: center;
	font-size: 16px;
}

.gallerybox h3 a{
	color: #222;
}

.galleryitem{
	margin-bottom: 30px;
}
/* Comments */
#comments {
  margin: 40px 0px;
}
#comments h2.comments-title {
  font-size: 20px;
  color: #222222;
  margin: 0px 0px 20px 0px;
  font-weight: bold;
}
#comments ol.comment-list {
  list-style: none;
  margin: 0px 0px;
  padding: 0px;
}
#comments ol.comment-list li {
  margin-bottom: 30px;
}
#comments ol.comment-list li .comment-meta {
  border-bottom: 1px dotted #dadada;
  padding-bottom: 15px;
}
#comments ol.comment-list li .comment-meta img {
  width: 48px;
  height: 48px;
  float: left;
  margin-right: 15px;
}
#comments ol.comment-list li .comment-meta .comment-author {
  font-size: 15px;
  margin-top: 5px;
  font-weight: bold;
  color: #222222;
}
#comments ol.comment-list li .comment-meta .comment-author cite.fn{
	font-style: normal;
}
#comments ol.comment-list li .comment-meta .comment-author a {
  color: #222222;
}
#comments ol.comment-list li .comment-meta .comment-metadata {
  font-size: 13px;
}
#comments ol.comment-list li ol.children {
  list-style: none;
  margin: 0px;
  margin: 30px 0px 0px 30px;
}
#comments ol.comment-list li .comment-content {
  padding: 10px 0px;

}
#comments ol.comment-list li .reply {

  color: #fff;

}

#comments ol.comment-list li .reply a{
	color: #fff;
	 background: #b30c09;
	 padding: 5px 15px;
}
#comments #respond {
  border-top: 5px solid #dadada;
}

#comments #respond form{
	width: 70%;
}
#comments #respond h3#reply-title {
  font-size: 24px;
  color: #222222;
}
#comments #respond label {
  width: 80px;
}


/* Footer */

.site-footer{
	background: #212121;
	border-radius: 0px 0px 5px 5px;
}

.fcred{
	text-align: center;
	padding: 20px 0px;
	color: #ddd;
}

.fcred a{
	color: #ddd;
}

/* Plugin Customized [wc_column] for Bio & Artwork pages - lp */
 /* ----------------------------------------------------------------------------*/
    /* second Bio. link is centered in responsive*/
 a.blue,	/* normal blue link -- the artist in artworks post */
.wc-shortcodes-two-third a:link {
	color: #22a;    					  /*blue*/
	font-style: normal; 
	text-decoration: none; 
	}
 a.blue,  	/* normal blue link -- the artist in artworks post */
.wc-shortcodes-two-third a:active {		/*rust red*/
	color: #922;  
	font-style: normal; 
	text-decoration: none; 
	}
 a.blue, 	/* normal blue link -- the artist in artworks post */
.wc-shortcodes-two-third a:visited { 	/*purple*/
	color: #54b;  
	font-style: normal; 
	text-decoration: none;
		}
		
/* link for mobile, also styled in responsive.css */
.wc-shortcodes-two-third a.center {   
	color: #22a;  
	font-style: normal; 
	text-decoration: none; 
	font-size: 96%;
	}
 /* ----------------------------------------------------------------------------*/
/* blue link colors for artist lists - red is too intense for lists- lp */
 .wc-shortcodes-one-half a:link {
	color: #00E;  
	font-style: normal; 
	text-decoration: none; 
	 	}
 .wc-shortcodes-one-half a:active,
 .wc-shortcodes-one-half a:hover,
 .wc-shortcodes-one-half a:focus  {
	color: #922;  
	font-style: bold; 
	text-decoration: none; 
	}
 .wc-shortcodes-one-half a:visited {
	color: #44b;  
	font-style: normal; 
	text-decoration: none;
	}
	

 /* ----------------------------------------------------------------------------*/
/*   padding for spirit-sized artwork pages lp */
 .entry-content img.size-spirit-thumb {
	margin: 0 2em 1.5em 2em;
	}
 .entry-content img.size-thumbnail {
	margin-bottom: 1em;
	}

  .entry-content hr {
       -webkit-margin-before: 2em;
      	clear: both; /* clear after hard-rule */
		}
/*--------------------------------------------------------------
12.3 Sprites
--------------------------------------------------------------*/
ul.sprite1 {
	list-style-type: none;
	}
ul.sprite1 li  {
        padding: 5px;   /* ? */
        font-size: 16px; 
	}

ul.sprite1 li a {
    height: 50px; /* defines the 50px height */
    line-height: 50px; /* text aligns center of 50px */
    display: inline-block; /* forces the 50px height to fully display */
    padding-left: 60px; /* To sift text off the background-image */
    background: url("https://mona.unk.edu/mona/wp-content/uploads/2017/04/monaApps2.png") no-repeat; /* As all link share the same background-image */

	}
ul.sprite1 li.xandroid a {
	background-position: 0 0px;  /* top-left-coordinates of one icon on sprite image */

	}
ul.sprite1 li.xandroid a:hover {
	background-position: 0 -60px; 
	}
	ul.sprite1 li.xapple a {
		background-position: 0 -120px; 
	}
ul.sprite1 li.xapple a:hover {
	background-position: 0px -180px;
	}
		
		
		
@media screen and (max-width: 480px) {
/* bottom artwork link in Bio. centered for mobile -- lp*/
.wc-shortcodes-two-third p.center {
display: block;
margin-left: auto;
margin-right: auto;
}  
.wc-shortcodes-two-third h5 a.center {  /* centers mobile link below Bio  */
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
}
