/*
Theme Name: Blogging Experiment
Description: Blogging Experiment Theme
Version: 1.0
FW Version: 3.4
Author: Southern Media
Author URI: http://www.southernmedia.org
*/

@import "css/style.css";
	
	
	
	#bubbles {background:url(img/bubbles.png) 0 -50px no-repeat; width:1187px; height:1055px; margin:auto;}
        #bubbles2 {background:url(img/bubbles2.png) 0 -50px no-repeat; width:1000px; height:1055px; margin:auto;}
	#toplayer {background:url(img/toplayer.png) no-repeat; width:1000px; height:320px; position:absolute; top:5px; left:5px; z-index:1;}
	#logotop {width:960px; margin:-38px auto; margin-top: 50px;}
	#logotop h1 {text-indent:-10000px;}
	#logotop h1 a {display:block; height:130px; background:url(img/logo.png) no-repeat;}
	
	/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
#featured-area {height: 240px; position: relative; padding: 0px 0px 0px; z-index: 1; width:910px; margin:auto; }
	.pics { height: 208px; background:#fff; margin: 0px 0px 0px 0px; border:1px solid #CCC;}
	.pics p {font-size:16px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif; text-align:left;}
		.pics div img { float: left; margin-right: 15px; }
		h5.meta { font-size: 11px; color: #657f8c; text-transform: uppercase; margin: 15px 0px 10px; }
		.pics div h1 { font-size: 30px; margin: 20px 0px 10px; line-height: 31px; text-align:left; }
			.pics div h1 a { color: #242424; font-weight:normal;}
			.fimage {width:510px; height:206px; float:left;}
		        .ftextf {width:310px; float:right; padding:0px 10px 10px 10px;}
	ul#navs { position:absolute; bottom:-42px; width:916px; height:38px; margin:auto; padding:8px 0 0 5px; background: url(img/minislider.png) no-repeat; }
	ul#navs li {float:left; margin-right:10px;}
    ul#navs li a img { border: 2px solid #DFE1DC; }
    ul#navs li a.activeSlide img { border: 2px solid #EFB40D; }	
	#featured-area h3 { float: right; background: url(img/featured-news.jpg) no-repeat; text-indent: -9999px; width: 180px; height: 35px; margin: 10px 14px 0px; }
	#featured-area a#prev-item, #featured-area a#next-item { width: 45px; height:60px; text-indent: -9999px; display: block; position: absolute; top: 70px; }
	#featured-area a#prev-item { background: url(img/prev.png) no-repeat; left: -45px; }
	#featured-area a#next-item { background: url(img/next.png) no-repeat; right: -45px; }
	.featured-overlay { height: 178px; width: 510px; background: url(img/featured-overlay.png) repeat-y right; position: absolute; }
	.moretext { text-align:left;}
	.moretext a:link, .moretext a:visited {color:#EFB40D; font-size:16px; text-align:left;}
    .middle {height:58px; clear:both;}
	
	.b_left {background:url(img/b_left.png) no-repeat; width:464px; height:609px; padding-top:340px; float:left;}
	.postimages {width:345px; margin:auto; margin-bottom:15px; }
	
	.b_right {background:url(img/b_right.png) no-repeat;width:464px; height:609px; padding-top:340px;  float:right;}
	.postsimage img {width:38px; float:left; height:38px;}
	.postsimage img {border:3px solid #FFF;}
	.postsimage img:hover {border-color:#333;}
	.posts {width:400px; margin:auto; list-style:none; margin-bottom:16px;}
	.posts h2 { line-height:38px;}
	.posts h2 a {float:left; display:block; color:#FFF; line-height:38px; margin-left:20px; text-decoration:none; font-size:20px; font-family:Myriad Pro, Arial;}
	.posts h2 a:hover {text-decoration:underline;}
	
	.r_left {width:464px; float:left;}
	.r_left h3 {text-indent:-10000px; margin:0; padding:0;}
	.r_left h3 a {display:block; background:url(img/r_left.png) left no-repeat; height:51px;}
	.r_left h3 a:hover {background:url(img/r_left_hover.png) left no-repeat;}
	.r_right {width:464px; float:right;}
	.r_right h3 {text-indent:-10000px; margin:0; padding:0;}
	.r_right h3 a {display:block; background:url(img/r_right.png) left no-repeat; height:51px;}
	.r_right h3 a:hover {background:url(img/r_right_hover.png) left no-repeat;}


/* Default lists
-------------------------------*/

.post ul {
	margin: 24px 0;
	padding-left: 2em;
}
	.post ul li {
		background: url(img/bullet.gif) no-repeat 0 8px;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 6px 0 6px 20px;
	}
		.post ul li ul, .post ul li ol { margin: 10px 0 }

			.post ul li ul li { font-weight: normal }
			
			.post ul li ol li {
				background: none;
				font-weight: normal;
			}

.post ol {
	list-style: decimal inside;
	margin: 24px 0;
	padding-left: 2em;
}
	.post ol li {
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		padding: 5px 0;
	}
		.post ol li ul, .post ol li ol { margin: 10px 0 }

			.post ol li ul li {
				background: url(img/bullet.gif) no-repeat 0 8px;
				font-weight: normal;
				padding: 6px 0 6px 20px;
			}
			.post ol li ol li { font-weight: normal }


/* Image align
-------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin: 0 0 1em 1em;
	display: inline;
}
img.alignleft {
	margin: 0 1em 1em 0;
	display: inline;
}

.alignright { float: right }

.alignleft { float: left }

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


/* Image caption
-------------------------------*/

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	margin-bottom: 1em;
	padding-top: 4px;
}
.wp-caption.alignleft {
	margin-right: 1em;
}
.wp-caption.alignright {
	margin-left: 1em;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 4px 5px;
	margin: 0;
}


/* Post navigation (archive)
-------------------------------*/

ul.post-nav { overflow: hidden }
ul.post-nav li { /* nothing here */ }
ul.post-nav li.older { float: left }
ul.post-nav li.newer { float: right }


/* Comments
-------------------------------*/

div#comments { /*-*/ }

	div#comments h3 {
		color: #577900;
		font-size: 2em;
		font-weight: bold;
		margin: 0 0 .5em;
	}
	div#comments ol.comments { margin: 0 0 35px }

		div#comments ol.comments li {
			background: #f6f6f6;
			border: 1px solid #e9e9e9;
			min-height: 160px; height: auto !important; height: 160px;
			margin: 0 0 15px;
			padding: 15px 30px 0 112px;
			position: relative;
		}
		div#comments ol.comments li.admin {
			background: #fff5d3;
			border-color: #f5e3b2;
		}
			div#comments ol.comments li p.avatar {
				margin: 0;
				position: absolute;
				top: 15px; left: 10px;
			}
				div#comments ol.comments li p.avatar img { border: 4px solid #ffd28c }
				
				div#comments ol.comments li.admin p.avatar img { border-color: #d07e00 }
			
			div#comments ol.comments li p.meta {
				font-family: Tahoma, Geneva, sans-serif;
				font-size: 11px;
				line-height: normal;
				margin: 0;
				overflow: hidden;
				width: 80px;
				position: absolute;
				top: 98px; left: 10px;
			}
				div#comments ol.comments li p.meta a {
					color: #4772ad;
				}
				div#comments ol.comments li p.meta span {
					display: block;
					font-weight: bold;
				}


/* PageNavi
-------------------------------*/
	
.more_entries { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 30px 0 }
.more_entries .wp-pagenavi { clear: both; text-align: center }
.more_entries .wp-pagenavi a { text-decoration: none }

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited, 
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background: #dfdfdf; border: 1px solid #bfbfbf; color: #4772ad; text-transform: uppercase; margin-left: 4px; padding: 4px 8px }

.more_entries .wp-pagenavi a:hover { background: #dfdfdf; text-decoration: none }

.more_entries .wp-pagenavi .current { background: #ffdd63; border: 1px solid #d07e00; color: #ae4a00; font-weight: normal  }

.more_entries .wp-pagenavi .extend { background: none; border: 0 }

textarea {
width: 90em;
max-width: 100%;
height: 20em;
}