/* 
 * SITE: JustJared
 * DATE: 2/12/2006
 * AUTHOR: avy
 */

body {background: #000 url(img/bg-stripe3.gif) top left repeat; margin: 0px 0px; padding: 0px 0px; font-family: verdana, arial, helvetica;	font-size: .7em; text-align: center;}

a, a:visited {color: #000; text-decoration: underline; background-color: transparent; border-bottom: #A8CBE2 0px solid;}

iframe {margin: 0px 0px; padding: 0px 0px;}

/* Top */ 
#topleft {position: absolute; background-color: #EAFF00; width: 80px; left: 0px; top: 0px; text-align:left; z-index:1002; visibility: visible;}
body > #topleft {position: fixed;}

#topmenu { position: absolute; background: #EAFF00; width: 100%; text-align: left; left: 0px; top: 0px; z-index:1000; opacity:0.9; filter:alpha(opacity:90);}
body > #topmenu {position: fixed;}

#topmenu #info {float: right; padding-right: 10px; color: #000; font-family: arial; font-size: 14px; font-weight: normal; text-transform: uppercase;}

#topmenu ul {margin: 0px 0px 0px 90px; padding: 0px 0px;}
#topmenu ul li {display: block; float: left; margin: 0px 0px; padding: 1px 10px 3px 10px;}

#topmenu a {font-size: 11px; color: #000; font-weight: bold; text-decoration: underline; text-transform: lowercase;}
#topmenu a:hover {color: #199cee; text-decoration: none;}

#topad {z-index:999;  width: 100%; text-align: center; background: url(img/bg-top.gif) #000; padding: 0px 0px; margin: 0px 0px;}
#topad .toptall {width: 770px; margin: 20px auto 0px auto; padding: 0px 0px;}
#topad .toptall iframe {padding: 0px 0px; margin: 0px 0px;}
#topad .topshort {height: 17px; background-color: #000;}


/* Structure */
#main { margin: 30px auto 0px auto; min-width: 794px; max-width: 850px; text-align: left;}
	*html #main {width: 850px;}
#posts { float: right; /* so the sidebar won't preceed optimized content*/ margin: 0px 0px;}
#side {width: 325px; margin: 0px 0px; padding: 0px 0px; font-size: 1em; text-align: left;}


/* Rotating Promo */
.rotater {
	width: 325px; margin: 0px 0px 10px 0px; padding: 0px 0px; border-top: #000 2px solid; background-color: #EAFF00; text-align: right;}
#SLIDESIMG, #promo-img a, #promo-img a:visited, #promo-img a:hover{
	width: 325px; height: 219px; border-width: 0px 0px; margin: 0px 0px; padding: 0px 0px;}
#promo-title {height: 17px; margin: 0px 0px; text-align: left; background: url(img/bg-rotater.gif) bottom left no-repeat;}
.promotxt a {padding: 3px 0px 0px 5px;}
.promonav {float: right; width: 60px; margin-right: 3px;}
#promo-title a, #promo-title a:visited {font-size: 11px;font-weight: bold;text-decoration: none;color: #000;}
#promo-title a:hover {color: #000; background-color: transparent; text-decoration: underline;}


/* Search Box */
.search {width: 300px; margin: 0px 0px 10px 0px; border: #CCC 0px solid; text-align: center;}
.search FORM {margin-top: 0px; margin-bottom: 0px;}
.search INPUT {font-family: verdana, arial, helvetica; font-size: .8em; background-color: #FFF; border: #CCC 1px solid; margin: 5px 0px;}


/* SIDE */
#side-lt {/*float: left; width: 160px; */margin: 0px 0px; padding: 0px 0px; text-align: left;}
#side-rt {float: RIGHT; width: 164px; margin: 0px 0px; padding: 0px 0px; text-align: right;} 

/* Modules */
.module {background-color: #fff; width: 140px; margin: 0px 0px 10px 0px; color: #000;}
.module h3 {width: 140px; margin: 0px 0px; padding: 2px 0px 0px 0px; background: url(img/module-top.gif) top left no-repeat; line-height: normal; 
	color: #333; font-family: arial, sans-serif; font-size: 14px; text-transform: uppercase; text-align: center; font-weight: normal;}
.module h4 {font-size: 1em; width: 100px; color: #333; font-weight: bold; margin: 0px 0px 0px 7px; }
.module p {margin: 0px 3px 0px 5px; word-wrap: break-word;}
.module a, .module a:visited, .ad a, .ad a:visited {background-color: transparent;}
.module a:hover, .ad a:hover {background-color: #EAFF00;}
.module-bottom {width: 140px; height: 11px; background: url(img/module-bottom.gif) bottom left no-repeat;}

.module ul { margin: 5px 0px 0px 0px; padding: 0px 0px;  list-style-type: none; list-style-position: outside;}
.module ul li { margin: 0px 0px 0px 7px; padding: 0px 0px;}
ul.justcommented li {margin-bottom: 7px;}

/* Ad Styles */
.ad { width: 160px; margin: 0px 0px 10px 0px; padding: 0px 0px; text-align: center; background-color: #FFF;}
.ad h2 {font-family: arial, sans-serif; font-size: 14px; text-transform: uppercase; text-align: center; font-weight: normal; line-height: normal; color: #333;}

.ad120 {width: 130px; margin-left: 10px;}
.adpagetop, .addedicated {text-align: center;}
.adnews {text-align: center;}
.adinentry {margin: 15px 0px 0px 0px; text-align: center;}
.entry-date-ad {width: 468px; text-align: center; padding: 4px 0px 15px 0px; margin: 0px 0px 0px 0px; background-color: #FFF;}
.catad, .datead {width: 468px; text-align: center; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #FFF;}
.adinfooter {width: 468px; text-align: center;}
.adincomments {width: 336px;}
.sitemeter {margin-top: 10px;}

/* 300x250 ad */
.ad-entries {width: 468px; margin: 10px 0px 20px 0px; text-align: center;}
.ad-entries h3 {width: 300px; margin: 0px 0px 0px 100px; padding: 0px 0px; color: #FFF; background-color: #000; text-transform: uppercase; text-align: center; font-family: arial, sans-serif; font-weight: bold; font-size: 12px;}
	* html .ad-entries h3 {margin: 0px 0px 0px 0px;}

.adentry {width: 300px; margin: 0px auto;}
.adentry a:link, .adentry a:visited,  .adentry a:active, .adentry a:hover {border-bottom: 0px #FFF solid; background-color: transparent;} 

		/*  BLOGADS Styles */
		.adstrip_title, .adstrip_title_left { font-family: arial, sans-serif; font-size: 14px;text-transform: uppercase;color: #333;text-align: center;}
		.adstrip, .adstrip_left {width: 160px; border: 0px #000 solid;background-color: #FFF;}
		.adstrip_link, .adstrip_link_left {font-family:arial, helvetica, sans-serif; font-size: 8pt;}
		a.adstrip_link:hover, a.adstrip_link_left:hover { text-decoration: none;}
		.blogad, blogad_left { border: 0px #000 solid; text-align: center;}
		.blogad_headline, .blogad_headline_left {font-family:arial, helvetica, sans-serif; font-size: 8pt; font-weight: bold; }
		.blogad_thumbnail, .blogad_thumbnail_left {border: none;}
		.blogad_text_left, .blogad_text {font-family:arial, helvetica, sans-serif;font-size: 8pt;font-weight: normal;color: #000; }
		.blogad_link, a.blogad_link:hover {font-family:arial, helvetica, sans-serif; font-size: 8pt; text-decoration: underline; font-weight: normal; color: #333;}


/* Dates and Navigation */
.date {width: 468px; padding: 2px 0px; margin: 0px 0px; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; color: #FFF; background-color: #000;}
.entry-date {width: 468px; padding: 3px 0px; margin: 0px 0px; color: #000; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; line-height: normal; text-transform: uppercase; text-align: center; background-color: #FFF;}

.posts-nav {width: 468px; margin-bottom: 0px; padding: 3px 0px; text-align: center; font-weight: normal; background-color: #EAFF00;}
.posts-nav a, .posts-nav a:visited {font-weight: bold; text-decoration: none;}
.posts-nav a:hover {text-decoration: underline;}

.main-index-posts-nav {width: 468px; padding: 5px 0px 5px 0px; text-align: center; font-weight: normal; background: #EAFF00 url(img/bg-footer.gif) bottom left no-repeat; color: #000; border-top: 3px solid #C7D805;}
.main-index-posts-nav a, .main-index-posts-nav a:visited {font-weight: bold; text-decoration: none; padding: 2px 3px; color: #000; border: 1px #000 solid;}
.main-index-posts-nav a:hover {color: #333; border: 1px #333 solid; background-color: #C7D805;}
.main-index-posts-nav a.nextprev, .main-index-posts-nav a.nextprev:visited, .main-index-posts-nav .current {border: 0px #000 solid;}
.main-index-posts-nav a.nextprev:hover {color: #000; border: 0px #EAFF00 solid; background-color: #C7D805;}
.main-index-posts-nav a img {padding: 0px 7px;}


/* Entries */
.entry {width: 468px; margin: 0px 0px 25px 0px; background-color: #FFF;}
.entry-content {padding: 7px 10px 20px 10px; line-height: 1.3em; font-size: 1.1em; color: #000;}
.entry-content .lead-img {text-align: center;}
.entry-content h1, .entry-content h1 a, .entry-content h1 a:visited {padding: 0px 0px; margin: 10px 0px 15px 0px; text-align: center; line-height: 1em;
	color: #000; text-transform: none; font-weight: bold; font-size: 26px; text-decoration: none; border-width: 0px; background-color: transparent;}
.entry-content h1.xs, .entry-content h1.xs a, .entry-content h1.xs a:visited, .entry-content h1.xs a:hover {font-size: 18px;}
.entry-content h1.s, .entry-content h1.s a, .entry-content h1.s a:visited, .entry-content h1.s a:hover {font-size: 20px;}
.entry-content h1.m, .entry-content h1.m a, .entry-content h1.m a:visited, .entry-content h1.m a:hover {font-size: 22px;}
.entry-content h1.l, .entry-content h1.l a, .entry-content h1.l a:visited, .entry-content h1.l a:hover {font-size: 24px;}
.entry-content h1 a:hover { font-weight: bold; background-color: #EAFF00; border-width: 0px;}
.entry-content h2 { /* All Caps */
	font-size: 14px; font-weight: normal; text-transform: uppercase; text-align: left; padding: 5px 0px; margin: 0px 0px;}
.entry-content h3 { /* Centered */
	font-size: 1em; font-weight: normal; text-transform: none; text-align: center; padding: 0px 0px; margin: 0px 0px;}
.entry-content p {text-align: left;}
.entry-content a, .entry-content a:visited {
	color: #000; font-weight: normal; text-decoration: none; background-color: transparent; border-bottom: #289BE7 2px dotted;}
.entry-content a:hover {
	color: #000; background-color: #EAFF00; font-weight: normal; text-decoration: none; border-bottom: #000 2px dotted;}
.entry-content .linkedimg a, .entry-content .linkedimg a:visited, .entry-content .linkedimg a:hover {border-bottom: #000 0px dotted;}	
	
	
.entry-content FORM { margin: 0px 0px;}
.entry-content INPUT, TEXTAREA {margin: 0px 0px; font-family: verdana, arial, helvetica; font-size: .8em; background-color: #FFF; border: #CCC 1px solid;}
.entry-more-link {float: left; width: 88px; margin-top: 15px;}
.entry-content .entry-more-link a, .entry-content .entry-more-link a:hover {	text-transform: uppercase;}
.entry-content .postedto {width: 340px; margin: 15px 5px 0px 0px; float: left; font-size: .8em;}
.entry-content .postedto a, .entry-content .postedto a:visited {border-bottom: 0px solid #000; text-decoration: underline;}
img, .news-img img {border-width: 0px 0px 0px 0px;}


/* Comments and Trackbacks */
.trackbacks {}
.entry-top  {/* Creates the Curves */
	width: 468px; height: 15px; padding: 0px 0px; margin: 0px 0px; text-align: left; background: url(img/bg-entry-top.gif) top left no-repeat;}
.entry-component {
	padding: 0px 10px 5px 10px; margin: 5px 0px; font-size: 1em; color: #000;}
.entry-component h2 { /* All Caps */
	padding: 0px 0px; margin: 0px 0px; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: left;}
.entry-component h3 {
	padding: 0px 0px; margin: 0px 0px; font-size: 1em; font-weight: bold; text-transform: none; text-align: left;}
.entry-component img {border-width: 0px 0px 0px 0px;}
.entry-component p {margin-bottom: 3px; text-align: left;}
.entry-component FORM { margin: 0px 0px;}
.entry-component INPUT, TEXTAREA {margin: 0px 0px; font-family: verdana, arial, helvetica; font-size: .8em; background-color: #FFF; border: #CCC 1px solid;}
.entry-component a, .entry-component a:visited {
	color: #000; font-weight: normal; text-decoration: none; background-color: transparent; border-bottom: #289BE7 1px dotted;}
.entry-component a:hover {
	color: #000; background-color: #EAFF00; 	font-weight: normal; text-decoration: none;	border-bottom: #000 1px dotted;}
.comments-content {text-align: center;}
.comment {margin: 10px 0px 0px 0px; border: #CCC 1px solid;}
.comment-content {	font-size: 1.025em; padding: 2px 5px 2px 5px; text-align: left; word-wrap: break-word;}
.comment-content p {margin-top: 0px; padding-top: 2px;}
.comment-footer { padding: 3px 5px 0px 5px; font-size: 10px; text-align: left; background-color: #EAFF00;}

.comments-nav {margin-top: 15px; text-align: center;}
.comments-nav a, .comments-nav a:visited {padding: 3px 3px; font-weight: bold; text-decoration: none; border: 1px #CCC solid;}
.comments-nav a:hover { font-weight: bold; color: #333; background-color: #EEE; border: 1px #CCC solid;}
.comments-nav a.nextprev, .comments-nav a.nextprev:visited {border-width: 0px;}
.comments-nav a.nextprev:hover {border-width: 0px; background-color: transparent;}
.current {border-width: 0px; background-color: transparent;}
.comments-nav a img {padding: 0px 4px;}


/* Footer */
.entry-footer {
	height: 20px; width: 468px; margin: 0px 0px; padding: 0px 0px;
	background-color: #EAFF00; background: #EAFF00 url(img/bg-footer.gif) bottom left no-repeat; font-size: 10px;}
.entry-footer a, .entry-footer a:visited { padding: 0px 0px; margin: 0px 0px;
	color: #000; background-color: #EAFF00; text-decoration: none; border-bottom: #0B74B9 0px solid;}
.entry-footer a:hover { padding: 0px 0px; margin: 0px 0px;
	color: #1a9dfe; background-color: transparent; text-decoration: none; border-bottom: #B8DCF5 0px solid;}
.entry-footer .credit {
	width: 200px; float: left; padding: 3px 0px 0px 10px; margin: 0px 0px;}
.entry-footer .comments {
	width: 120px; float: right; padding: 3px 0px 0px 0px; margin: 0px 0px;}

/* Archives */
.entry-3col {float: left; width: 136px; margin-left: 10px; font-size: .9em;}
.entry-3col h2 {font-size: 12px;}
.entry-3col ul {text-align: left; margin: 0px 0px; padding: 0px 0px; list-style-type: square;}
.entry-3col ul li {	margin: 0px 0px 0px 10px; padding: 0px 0px; list-style-position: outside;}
	* html .entry-3col ul li {list-style-position: inside;}

/* TEXT STYLES */
.smallcaps {font-variant: small-caps;}

blockquote {
	margin: 10px 10px; padding: 5px 15px; text-align: left;	background: #F3F3F1;}
.spoiler {background-color: #000; border-top: 1px #EAFF00 solid; border-bottom: 1px #EAFF00 solid;}
.entry-content ul {text-align: left; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; list-style-image: url(/img/bullet.gif); list-style-position: outside;}
.entry-content ul li {margin: 5px 0px 5px 6px; padding: 0px 0px 0px 5px;}

/* GALLERY */
.minigallery {text-align: center;}
.minigallery .tnlist a:link, .minigallery .tnlist a:active, .minigallery .tnlist a:visited, .minigallery .tnlist a:hover {
	text-decoration: none; background-color: transparent; border-bottom: 0px #000 solid;}
.gallerypage {margin: 20px 20px; text-align: left;}
.galleryside {width: 356px; margin: 0px 0px; padding: 0px 0px; font-size: 1em;}

.gallery {position: absolute; top: 130px; left: 380px; padding: 0px 10px; background-color: #000; text-align: center;}

.tnlist {width: 445px; margin: 0px 0px 0px 5px;}
	* html .tnlist {width: 443px;}
.tn {float: left; margin: 0px 5px 10px 0px; }
	* html .tn {margin: 0px 4px 10px 0px;}
.tn img {width: 140px; height: 140px;border: 1px #000 solid;}

.gallery h1 {color: #FFF; text-align: center; text-transform: uppercase; font-size: 1.3em;}
.gallery h2 {color: #FFF; text-align: center; text-transform: uppercase; font-size: 1.2em;}
.gallery .full {text-align: center;}
.gallery h3 {color: #FFF; text-align: center; text-transform: none; font-size: 1em;}
.gallery h3 a, .gallery h3 a:visited {color: #FFF; text-transform: uppercase;}
.gallery .nav {
	width: 100%; margin: 2px 0px; padding: 2px 0px 0px 0px; font-size: 1em; text-align: center; font-weight: bold; background-color: #EAFF00;}
.gallery .nav a, .gallery .nav a:visited {padding: 3px 0px; text-decoration: none;}

/* News */
.news-text {margin: 7px 15px 7px 15px; font-size: .9em; clear: both;}
.news-text img {margin: 0px 10px 0px 10px; vertical-align: middle;}
.news-img{ /* for multiple lines */
	float: left; margin: 0px 0px 10px 0px;}
.news-img a:link, .news-img a:visited, .news-img a:hover, .news-text a:link, .news-text a:visited, .news-text a:hover {
	border-bottom: 0px red solid; text-decoration: underline; background-color: transparent;}



/* master archives */
#masterarchives {font-size: .9em;}
#masterarchives .colsize1 {float: left; width: 180px;}
#masterarchives .colsize2 {float: left; width: 240px;}
#masterarchives a, #masterarchives a:visited {	border-bottom: 1px #B8DCF5 solid; background-color: transparent; margin: 0px 0px; padding: 0px 0px;}
#masterarchives a:hover {background-color: #EAFF00;}
#masterarchives .weeklyarchives {margin-bottom: 7px;}