/*

Theme Name: ElasticPop

Theme URI: http://www.elasticpop.com/

Description: Custom ElasticPop Theme

Author: BlogConsulting.com

*/



html, body {

	margin: 0px;

	height: 100%;

}

body {

	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;

	font-size: 0.63em;

	background-color: #e6e3d7;

}

#wrapper {

	background-image: url('img/main.gif');

	background-position: center;

	background-repeat: repeat-y;

	width: 980px;

	margin: 0px auto;

	padding: 0px 2px;

	min-height: 100%;

}

#header {

	background-image: url('img/header.gif');

	height: 94px;

}

	#header h1 {

		margin: 0px;

	}

		#header h1 a {

			display: inline-block;

			width: 350px;

			height: 74px;

			margin: 10px 0px;

			outline: none;

		}

			#header h1 a span {

				display: none;

			}

#nav {

	background-color: #595544;

	height: 55px;

}

	#nav .links {

		float: left;

		margin: 0px 0px 0px 10px;

		padding: 0px;

		list-style: none;

	}

		#nav .links li {

			float: left;

			margin: 0px 15px 0px 0px;

		}

			#nav .links li h3 {

				font-size: 1.6 em;

				font-weight: Bold;

				text-transform: uppercase;

				letter-spacing: 1px;

				margin: 14px 0px 0px 0px;

			}

				#nav .links li h3 a {

					color: #fff;

					text-decoration: none;

					display: inline-block;

					margin: 2px 0px 0px 0px;

					padding: 2px 5px;

					border-bottom: 2px solid #595544;

				}

				#nav .links li h3 a.active, #nav .links li h3 a:hover {

					border-bottom-color: #fff;

				}

	#nav .search {

		float: right;

		margin: 12px 9px 0px 0px;

	}

		#nav .search .input {

	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;

			font-size: 1.2em;

			background-color: #fff;

			border: 1px solid #b4af9b;

			width: 200px;

			padding: 5px;

		}

	#nav .clear {

		clear: both;

	}

#image {

	background-image: url('img/image.jpg');

	height: 190px;

	margin: 0px 0px 5px 0px;

	position: relative;

}

	#topstories .shadow-top {

		background-image: url('img/shadow.png');

		background-position: top;

		height: 4px;

	}

	#topstories .shadow-bottom {

		background-color: #fff;

		background-image: url('img/shadow.png');

		background-position: bottom;

		width: 1050px;

		height: 5px;

	}



/* Top Stories */

#topstories {width:980px;height:190px;margin:0;position:relative;}



#topstories #slider { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; background: #222;}

#topstories #slider li { margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; position: absolute; top: 0; left: 0; display: none;}





#topstories #slider .rel { width: 100%; height: 1005; position: relative;}

#topstories #slider .txt { z-index: 98; position: absolute; left: 25px; bottom: 20px; }



#topstories h2,

#topstories h3	{ color: #fff; margin: 0; letter-spacing: -1px; line-height: 1; text-shadow: 1px 1px 2px #000;}

#topstories h2	{ font-size: 28px; }

#topstories h3	{ font-size: 16px; }



#topstories .prevnext			{ width: 30px; height: 30px; background: url(img/arrows.png) no-repeat; z-index: 99; position: absolute; bottom: 25px; cursor: pointer;}

#topstories #prev { left: -15px; background-position: 0 0;}

#topstories #next { right: 0; background-position: 0 -30px;}





#main {

	border-top: 16px solid #fff;

}

	#main .clear {

		clear: both;

	}



#right ul {

padding: 10px 0px 0px 0px;

}



	#main .side {

		padding: 10px 0px 0px 0px;

	}

		#main .side h2 {

			font-size: 1.8em;

			font-weight: normal;

			color: #595544;

			margin: 0px 0px 15px 0px;

		}

		#main .side .item {

			margin: 0px 0px 15px 0px;

		}

			#main .side .item .cover {

				background-image: url('img/cover-bg.gif');

				float: left;

				width: 75px;

				height: 113px;

				margin: 0px 5px 5px 0px;

				padding: 2px;

			}

			#main .side .item h3 {

				font-size: 1.2em;

				margin: 0px;

			}

				#main .side .item h3 a {

					color: #000;

					text-decoration: none;

				}

				#main .side .item h3 a:hover {

					text-decoration: underline;

				}

			#main .side .item p {

				font-size: 1.2em;

				line-height: 1.5em;

				margin: 5px 0px 0px 0px;

			}

			#main .side .item .clear {

				clear: left;

			}

		#main .side .alt {

			border-top: 1px solid #b4af9b;

			padding: 15px 0px 0px 0px;

		}

#left {

	float: left;

	width: 214px;

	margin: 0px 0px 0px 8px;

}

#left, #right {

font-size: 1.1em;

}

		#left p {

			font-size: 1.2em;

			line-height: 1.2em;	

		}

		#left td, tr, a {

			font-size: 1.02em;



		}

		#left strong {

			font-size: 1.4em;

                        line-height: 1.2em;

		}

#left a:link, a:visited {

	color: #585544;

	text-decoration: none;

text-transform: uppercase;

font-weight: bold;

	}



#left a:hover {

	color: #000000;

text-transform: uppercase;

	text-decoration: underline;

	}

#right {

	float: right;

	width: 208px;

	margin: 0px 8px 0px 0px;

}

		#right p {

			font-size: 1.2em;

			line-height: 1.2em;

		}

#right strong {

			font-size: 1.4em;

line-height: 1.2em;



		}



#right a:link, a:visited {

	color: #585544;

	text-decoration: none;

text-transform: uppercase;

font-weight: bold;

	}



#right a:hover {

	color: #000000;

text-transform: uppercase;

	text-decoration: underline;

	}



#center {

	width: 507px;

	margin: 12px 0px 0px 240px;

}



#center .twitter {

	float:left;

	background: url('img/icon-twitter.png');

	width:58px;

	height:56px;

position: relative;

	left: 20%;

}



#center .facebook {

	float:left;

	background: url('img/icon-facebook.png');

	width:58px;

	height:56px;

position: relative;

	left: 25%;

}



#center .linkedin {

	float:left;

	background: url('img/icon-linkedin.png');

	width:58px;

	height:56px;

position: relative;

	left: 30%;

}



#center .rss {

	float:left;

	background: url('img/icon-rss.gif');

	width:48px;

	height:48px;

position: relative;

	left: 35%;

}

	#center .rounded {

		background-color: #d9d7cd;

	}

		#center .rounded .top {

			background-image: url('img/rounded.gif');

			background-position: bottom;

			height: 10px;

		}

		#center .rounded .bottom {

			background-image: url('img/rounded.gif');

			background-position: top;

			height: 10px;

		}

	#center .center {

		margin: -5px 0px;

		padding: 0px 10px;

	}

		#center .center h2 {

			font-size: 1.6em;

			color: #595544;

			margin: 0px 0px 10px 0px;

		}

		#center .center p {

			font-size: 1.2em;

			line-height: 1.2em;

			margin: 0px 0px 10px 0px;

		}

		#center p {

			font-size: 1.2em;

			line-height: 1.2em;

			margin: 0px 0px 10px 0px;

		}

		#center h2 {

			font-size: 1.8em;

			color: #595544;

			margin: 0px 0px 10px 0px;

		}

/* Begin Images */

p img {

border:1px solid #999;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



a img {border:1px solid #999}



img {border:1px solid #999}



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;

	}

/* End Images */



.post-meta {list-style: none; padding-left:0px; padding-bottom:5px; }

.post-meta-key {display:none; }



.movie {

	padding: 15px 10px;

	border-bottom: 1px solid #ddd;

	overflow: hidden;

}

.movie .hidden {

	display: none;

}

.movie .visible {

	display: block;

}

.movie .image {

	float: right;

	margin: 50px 0px 0px 0px;

}

.movie .image img {

	margin: 0px 0px 5px 0px;

}

.movie .image .price {

	font-size: 1.2em;

	font-weight: bold;

	color: #090;

	text-align: right;

	margin: 0px 0px 15px 0px;

}

.movie h4 {

	font-size: 1.4em;

	font-weight: normal;

	line-height: 1.5em;

	margin: 0px;

}

.movie h4 a { color: #000; }

.movie h4 .date {

	font-weight: normal;

	color: #fff;

	letter-spacing: -1px;

	background: #09f;

	display: inline-block;

	width: 50px;

	padding: 2px 5px;

}

.movie h4 .info {

	font-weight: normal;

	color: #fff;

	letter-spacing: -1px;

	background: #090;

	display: inline-block;

	padding: 2px 5px;

}

.movie p {

	font-size: 1.2em !important;

	line-height: 1.5em !important;

	margin: 10px 0px 0px 0px !important;

}

.dates {

	font-size: 1.2em;

	margin: 0px 0px 15px 0px;

}

.dates a {

	color: #fff;

	text-decoration: none;

	background: #323232;

	margin: 0px 0px 4px 0px;

	padding: 2px 4px;

	display: inline-block;

}

.dates a.active { background: #656565; }

.date_set {

	font-size: 1.8em;

	letter-spacing: -1px;

	border-bottom: 1px solid #ddd;

	padding: 10px;

}



th {

	font-size:12px !important; text-align:left;

}



#up_rel a {

	color:#585544; text-decoration:none;

}



#up_rel a:hover {

	color:#585544; text-decoration:underline;

}



#up_rel td {

	border-bottom:1px solid #B4AF9B;

	padding-top:10px; 

}



#up_rel img {

	float:left; margin:8px 8px 8px 0;

}



#search_prod {
	margin-bottom:10px;	
    *padding-bottom:50px !important;
}

 /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#search_prod {
   padding-bottom:50px !important;
}
}

 

#up_rel {
	border-top:1px solid #B4AF9B !important;
	padding-top:10px !important;
	*margin-top:40px;

} 

 /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#up_rel {
   margin-top:40px;
}
}

#page_prev {

     float:left; font-weight:bold !important;

}



#page_next {

     float:right; font-weight:bold !important;

}



#page_navi {

 border-bottom:none !important

}