/*
Theme Name: Gallerific
Theme URI: http://www.themeforest.net
Version: 1.2.5
Author: Justin Scheetz
Author URI: http://www.scheetzdesigns.com
*/

/* Images */
img.centered { display: block; margin-left: auto; margin-right: auto }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline }
.alignright { float: right }
.alignleft { float: left }

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.wp-caption img { margin: 0; padding: 0; border: 0 none }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

#slider {
  width: 940px;
  margin: 10px auto 0 auto;
  position: relative;
}

.scroll {
  height: 440px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  overflow-x:hidden;
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.grid_7 a, .grid_7 a:visited{color:#fffddc;

}

.grid_7 a:hover{color:#fffddc;

}

.scrollContainer div.panel {
  padding: 20px;
  height: 400px;
  width: 900px; /* change to 560px if not using JS to remove rh.scroll */
  
}

div.panel img{width:900px; height:400px;}

.scrollButtons {
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -50px;
}

.scrollButtons.right {
  right: -50px;
}  
  /*LATEST POSTS*/
 ul.latestPosts {
	margin:10px 0;
}

 ul.latestPosts li {
	background:url(images/bk_horizline.jpg) 0 100% repeat-x;
	padding:0;
}

* html ul.latestPosts li {
	float:left;
	width:100%;
}

ul.latestPosts li a {
	display:block;
	background:url(images/ico_post.jpg) 0 4px no-repeat;
	padding:2px 0 6px 20px;
	text-decoration:none;
	margin:0;
	color:#666;
}

ul.latestPosts li a:hover {
	color:#333;
}

ul.latestPosts li a span.date {
	font-size:10px;
	color:#999;

}

#colMid li, #upcoming-events li{margin:0 0 20px 0;}