/*  
	Theme Name: Just Jared Jr Photo Gallery
	Author: adaptation of barrel
*/

body {
	margin: 0px auto 0px auto; 
	padding: 0px 0px; 
	text-align: center; 
	background-color: #a1ddff; 
	font-size: 100%;
	line-height: 1.125em;
	font-family:  arial, verdana, sans-serif; 
	color: #000;
	position: relative;
}

body.takeover {
	background-color: #82898f;
	background-image: url(/wp-content/themes/justjaredjr/images/takeover_sample.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#page {
	width: 960px; 
	margin: 0px auto; 
	padding: 0px 0px;
	text-align: left;
}

.takeover #page {
	width: 790px; 
	margin: 0px auto; 
	padding: 0px 0px;
	text-align: left;
}

#frame {
	float: left;
	width: 960px;
	background: url('/wp-content/themes/justjaredjr/images/banner_corner.jpg') top left no-repeat;
}
#framewrapper {
	display: block;
	background-color: #fff;
	margin-left: 40px;
}

/* ------------------------------- TOP --------------------------------- */
.topads {
	width: 100%; 
	margin: 0px 0px 0px 0px; 
	text-align: center;
	padding: 10px 0 10px 0;
}

.topads .topad {
	width: 732px; 
	margin: 0px auto; 
	text-align: center;
}

.head {
	float: left;
	margin: 0px 0px; 
	padding: 0px 0px;
	width: 960px;
	height: 110px;
	background: #000000;
}

.takeover .head {
	width: 790px;
	height: 100px;
}

#topleft {
	float: left;
	width: 439px;
	padding: 18px 0 0 25px;
}

.takeover #topleft {
	float: left;
	width: 283px;
	padding: 28px 0 0 13px;
}


#topright {
	float: right;
	width: 451px;
	margin: 0px 0px; 
	padding: 18px 30px 0 0; 
	*padding: 14px 30px 0 0;
	background-color: #000000; 
	text-align: center;
}

.takeover #topright {
	float: right;
	width: 451px;
	margin: 0px 0px; 
	padding: 13px 13px 0 0; 
	background-color: #000000; 
	text-align: center;
}

.sendtips {
	font-family: verdana;
	text-align: left;
	float: right;
	width: 160px;
	padding: 2px 0 3px 70px;
	background: url('/wp-content/themes/justjaredjr/images/sendtips_orangebar.gif') center left #ff7006 no-repeat;
	color: #ffffff;
	font-size: 0.625em;

}

.sendtips h3 {
	display: none;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	font-size: 0em;
	color: #ffffff;
}

.sendtips a:link, .sendtips a:visited {
	font-weight: bold;
	color: #FCFF8D;
}

.sendtips a:link:hover, .sendtips a:visited:hover {
	font-weight: bold;
	color: #ffffff;
	background: none;
}

/* ------------------------------- NAVIGATION --------------------------------- */
#navigation {
	background: url('/wp-content/themes/justjaredjr/images/navigation.gif') #000000 no-repeat;
	height: 36px;
	width: 451px;
	margin: 0px 0 15px 0px;
	padding: 0;
	position: relative;

	}
	
#navigation li {
	margin: 0;
	padding-top: 0px;
	list-style: none;
	position:absolute;
	top: 0;
	}
	
#navigation li, #navigation a {
	height: 36px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#navigation a {
	text-indent: -5000px;
	text-decoration: none;
	}
#nav_main {left:0px; width: 57px;}
#nav_aboutus {left: 57px; width: 81px;}
#nav_advertising {left: 141px; width: 90px;}
#nav_faq {left: 237px; width: 52px;}
#nav_justjared {left: 296px; width: 81px;}
#nav_contact {left: 383px; width: 66px;}

#nav_main a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') 0px -36px no-repeat;}
#nav_aboutus a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -57px -36px no-repeat;}
#nav_advertising a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -141px -36px no-repeat;}
#nav_faq a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -237px -36px no-repeat;}
#nav_justjared a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -296px -36px no-repeat;}
#nav_contact a:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -383px -36px no-repeat;}

#nav_main a.selected:link, #nav_main a.selected:hover, #nav_main a.selected:visited, #nav_main a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') 0px -72px no-repeat;}
#nav_aboutus a.selected:link, #nav_aboutus a.selected:hover, #nav_aboutus a.selected:visited, #nav_aboutus a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -57px -72px no-repeat;}
#nav_advertising a.selected:link, #nav_advertising a.selected:hover, #nav_advertising a.selected:visited, #nav_advertising a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -141px -72px no-repeat;}
#nav_faq a.selected:link, #nav_myspace a.selected:hover, #nav_faq a.selected:visited, #nav_faq a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -237px -72px no-repeat;}
#nav_justjared a.selected:link, #nav_justjared a.selected:hover, #nav_justjared a.selected:visited, #nav_justjared a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -296px -72px no-repeat;}
#nav_contact a.selected:link, #nav_contact a.selected:hover, #nav_contact a.selected:visited, #nav_contact a.selected:visited:hover { background: url('/wp-content/themes/justjaredjr/images/navigation.gif') -383px -72px no-repeat;}

.jjlogo {
	position: relative; 
	text-indent: -9999px;
	height: 72px; 
	background: url('/wp-content/themes/justjaredjr/images/justjaredjr_logo.gif') no-repeat; 
	text-align: left;
}

.takeover .jjlogo {
	position: relative; 
	text-indent: -9999px;
	height: 46px; 
	background: url('/wp-content/themes/justjaredjr/images/justjaredjr_logo_small.gif') no-repeat; 
	text-align: left;
}

.jjlogo a.logo, .jjlogo a.logo:visited, .jjlogo a.logo:hover {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:439px; 
	height:72px; 
	text-decoration: none; 
	border-width: none; 
	background-color: transparent;
}

.takeover .jjlogo a.logo, .takeover .jjlogo a.logo:visited, .takeover .jjlogo a.logo:hover {
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width:283px; 
	height:46px; 
	text-decoration: none; 
	border-width: none; 
	background-color: transparent;
}

.searchin {
	float: left;
	width: 210px; 
	height: 30px; 
	margin: 0px 0px; 
	text-align: left;
}


INPUT, .inputtextarea  {
	background-color: #ffffff; 
	padding: 3px 3px 4px 3px;
	margin: 0;
	border: 1px solid #000000;
	line-height: 21px; 
	font: bold 12px verdana; 
	text-transform: lowercase;
}

.submitbutton {
	text-indent: -9999px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;	
	border: none;
	height: 23px;
	width: 59px;
	cursor: pointer;
	background: url('/wp-content/themes/justjaredjr/images/submit_button.gif') top left no-repeat;
}

.submitbutton:hover {
	text-indent: -9999px;

	margin: 0;
	padding: 0;	
	border: none;
	height: 23px;
	width: 59px;
	cursor: pointer;
	background: url('/wp-content/themes/justjaredjr/images/submit_button.gif') no-repeat 0 -23px;
}

.searchform {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;

}

#s {
	width: 130px;
}

#searchsubmit {
	text-indent: -9999px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;	
	border: none;
	height: 22px;
	width: 59px;
	cursor: pointer;
	background: url('/wp-content/themes/justjaredjr/images/search_button.gif') top left no-repeat;
}

#searchsubmit:hover {
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding: 0;	
	border: none;
	height: 22px;
	width: 59px;
	cursor: pointer;
	background: url('/wp-content/themes/justjaredjr/images/search_button.gif') no-repeat 0 -22px;
}

.ad300 {
	float: right; 
	width: 300px; 
	padding: 0 0 10px 0;
}





/* ------------------------------- MAIN INDEX PAGE NAVIGATION --------------------------------- */
.main-index-posts-nav {
	float: left;
	width: 530px; 
	height: 60px; 
	margin: 0px; 
	padding: 5px 0px; 
	text-align: center; 
	color: #000; 
	font-size: 12px; 
	font-weight: normal; 
	font-family: arial;
}

.takeover .main-index-posts-nav {
	width: 435px;
}

.main-index-posts-nav a, .main-index-posts-nav a:visited {
	text-decoration: none; 
	color: #000; 
	border: 1px #EEE solid; 
	background-color: #EAFF00;
}

.main-index-posts-nav .current, .main-index-posts-nav a:hover{
	border: 1px #D6D6D6 solid;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	
	padding: 4px 8px 4px 8px; 
	
	margin: 4px;

}

.wp-pagenavi a:hover {
		
}

.wp-pagenavi span.pages {	
	padding: 4px 8px 4px 0px; 	
	margin: 4px;
}

.wp-pagenavi span.current {
	padding: 4px 8px 4px 8px; 	
	margin: 4px;
	font-weight: bold;
}

.wp-pagenavi span.extend {	
	padding: 4px 3px 4px 3px; 
	margin: 4px;

}


/* Polls */
#poll {	
	margin-left: 0px;	
}



/* ------------------------------- HOMEPAGE PROMOS --------------------------------- */
.postPromo {
	margin: 0px 20px 30px 20px; 
	padding: 0px 0px; 
	background-color: #F8F8F8; 
	border: 1px #EEE solid; 
	border-top: 1px #DDD dotted; 
	text-align: center;
}

#hpPromo {
	width: 515px; 
	height: 160px; 
	margin: 0px auto; 
	padding: 0px 0px;
}

#hpPromo a {
	border-width: 0px; 
	text-decoration: none;
}


#hpPromo .small {
	float: left; 
	width: 245px;
}

#hpPromo .big {
	float: left; 
	width: 245px;
}


#hpPromo .small .imgMain {
	float: left; 
	width: 110px; 
	height: 100px; 
	border: 1px #BBB solid;
}

#hpPromo .small .textMain {
	width: 120px; 
	float: right; 
	padding: 2px 2px; 
	text-align: left;
}


#hpPromo .big .imgMain {
	width: 240px; 
	height: 100px; 
	border: 1px #BBB solid;
}

#hpPromo .big a.img:hover {
	background: transparent;
}

#hpPromo .big h4 {
	width: 240px;
}


#hpPromo .dots {
	float: left; 
	width: 25px; 
	height: 120px; 
	margin-bottom: 5px; 
	background: #F8F8F8 url('/img/slides/dots.gif') 7px 0px repeat-y;
}


#hpPromo h4 {
	margin: 0px 0px; 
	padding: 0px 0px;
}

#hpPromo h4 a:link, #hpPromo h4 a:visited {
	text-align: left; 
	font-weight: bold; 
	font-size: 11px; 
	color: #000; 
	text-transform: none;
}

h4 a:hover {
	background-color: #EAFF00;
}

.textMain p {
	margin: 0px 0px; 
	color: #444; 
	font-size: 11px;
}


#controlButtons {
	clear: both; 
	display:none; 
	width: 510px; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	padding-top: 5px; 
	text-align: right; 
	 margin-bottom: 10px; 
	background-color: #F0F0F0;
}

#controlButtons a:hover {
	background: transparent;
}

#controlButtons img {
	border-width: 0px;
}

#slideIndicatorGroup{
	 float: left; 
	position: absolute; 
	top: 5px; 
	left: 0px; 
}

#hpPromo a.slideIndicator {
	 float: left; 
	width: 7px; 
	height: 7px; 
	line-height: 8px; 
	margin-right: 4px; 
	background: #FFF; 
	border: 1px solid #404040; 
}

#hpPromo a.active {
	background-color: #EAFF00;
}




/* ------------------------------- COMMENTS --------------------------------- */

.comment-page-numbers {
	margin: 15px 0px 15px 0px; 
	font-size: 0.75em; 
	font-weight: normal; 
	font-family: arial;
}

.comment-page-numbers a, .comment-page-numbers a:visited {
	margin: 2px 2px; 
	padding: 1px 4px; 
	color: #000; 
	background-color: #EAFF00; 
	border: 1px #D3E510 solid;
}

.comment-page-numbers a:hover {
	color: #EAFF00; 
	background-color: #404040; 
	border: 1px #404040 solid;
}


.comments h2 {
	width: 300px;
	font-size: 1.0em; 
	text-align: left; 
	text-transform: none;
}

.comments {
	float: left;
	margin: 0px; 
	font-size: .9em;
	font-family:  arial, verdana, sans-serif;
}

.comment, .commentalt {
	margin: 5px 0px 25px 0px; 
	padding: 0px 0px; 
	border-top: 2px #199EFD solid; 
	font-size: 11px;
	width: 530px;
	overflow: hidden;
}

.takeover .comment, .takeover .commentalt {
	width: 435px;
}


.comment-num {
	clear: both; 
	float: right; 
	width: 100px; 
	margin: 0px 0px; 
	padding: 0px 0px; 
	text-align: right; 
	font-size: 17px; 
	font-weight: bold;
}

.comment-num .blackbox {
	color: #ffffff; 
	background-color: #199EFD;
	padding: 0 3px 0 3px;
	border: 2px solid #199EFD;
}

.comment-num a, .comment-num a:visited {
	color: #ffffff;
}

.comment-num a .blue, .comment-num a:visited .blue {
	color: #ffffff; 
	font-size: 12px; 
	font-weight: normal;
}

.comment-num a:hover {
	color: #EAFF00;
	background: none;
}

.comment-data {
	float: left; 
	width: 300px; 
	color: #707070; 
	padding-left: 3px;
}

.comment-data .author {
	font-size: 15px; 
	font-weight: bold; 
	color: #303030; 
	width: 20px; 
	overflow: hidden;
}

.comment-data .author a, .comment-data .author a:visited {
	color: #1a9dfe;
}

.comment-data a.time, .comment-data a.time:visited {
	color: #707070; 
	text-decoration: none;
}

.comment-content {
	clear: both; 
	padding: 3px 3px 0px 3px; 
	font-size: 12px;
}

.comment-content a, .comment-content a:visited {
	color: #707070; 
	text-decoration: underline;
}

.flag-comment {
	 text-align: right;
}

.flag-comment a, .flag-comment a:visited {
	font-size: 10px; 
	color: #C0C0C0; 
	font-weight: normal; 
	border-width: 0px;
}

.comments-form {
	width: 530px;
	margin: 0px 0px;
}

label, .comments-form small, #commentform .message {
	font-weight: normal; 
	font-size: 12px; 
	font-family:  arial, verdana, sans-serif; 
	color: #000;
	padding: 0 0 3px 0;
}

#commentform input {
	width: 200px; 
	padding: 3px 3px; 
	margin: 0px 0px 15px 0px; 
	color: #000; 
	font-weight: normal; 
	font-size: 11px; 
	background-color: #f4f4f4; 
	 border: 1px #DDD solid;
}

#commentform textarea {
	width: 400px; 
	height: 150px; 
	margin: 0px 0px 2px 0px; 
	padding: 3px 3px; 
	color: #000; 
	font-size: 12px; 
	font-family:  arial, verdana, sans-serif;
	background-color: #f4f4f4; 
	border: 1px #DDD solid;
}

#commentform input.countdown {
	width: 35px; 
	margin: 0px 0px; 
	font-size: 12px; 
	font-family:  arial, verdana, sans-serif; 
	color: #777; 
	background-color: #fff; 
	border: 1px #fff solid;
}

#commentform #submit {
	width: 59px; 
	height: 23px;
	border: none;
	margin: 0px; 
	padding: 0; 
	font-weight: bold;
}


/* ------------------------------- FOOTER -------------------------------- */
#footer {
	float: left;
	position: relative; 
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 40px; 
	width: 920px;
	text-align: center;
}

#footer a, #footer a:visited {text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: none; background-color: #EAFF00; color: #000;}

.takeover #footer {
	width: 790px;
	padding: 0;
}

#footerbar {
	padding: 28px 28px 15px 28px; 
	background: #000;
}

.footer-content {background-color: #000;}

	.footerlinks {width: 790px; margin: 0px auto; padding: 10px 0px 0px 20px; overflow: hidden; font-size: 11px; }
	.footerlinks .col1,	.footerlinks .col2,	.footerlinks .col3 {float:left; width: 33%; position:relative; padding: 10px 0px; overflow:hidden;}
		#footer h4 {width: 230px; height: 30px; margin: 0px 0px 15px 0px; padding: 0px 0px; line-height: 30px; color: #FFF;text-align: left; text-transform: uppercase; border-width: 0px;}
		#footer h4 img {float: left; margin: 0px 10px 0px 0px; padding: 0px 0px;}
		.footerlinks .pagenum {float: left; width: 140px; color: #000; text-align: left;}
		.col3 .pagenum {float: left; width: 150px; color: #000; text-align: left; !important}
		#footer h4 .pagenum a, #footer h4 .pagenum a:visited {padding: 3px 3px; color: #000; background-color: #EAFF00; font-size: 11px}
		#footer h4 .pagenum a:hover {color: #EAFF00; background-color: #1a9dfe;}
		#footer ol {margin: 5px 0px 5px 10px; padding: 0px 0px; color: #A0A0A0;}
		#footer ol li {margin: 4px 5px 4px 15px; padding: 0px 0px; color: #A0A0A0; text-align: left; list-style-type: decimal}
		#footer ol a, #footer ol a:visited {color: #FFF;}
		#footer ol a:hover {color: #000; background-color: #EAFF00;}

#footermenu {	float: left; width: 440px; margin: 0px 0px; text-align: left;}
.searchfooter {float: right; width: 210px; height: 30px;  margin: 0px 0px 20px 0px; text-align: left;}
.copyright {clear: both; margin: 0px 0px; text-align: center; color: #ffffff;}

ul.footernav {
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0;
	display: inline;
	list-style-type: none;
}

ul.footernav li {
	display: inline;
	list-style-type: none;
	color: #707070;
	border-left: 1px solid #ffffff;
	padding: 0px 5px 1px 5px;
}

ul.footernav li.first {
	display: inline;
	list-style-type: none;
	color: #707070;
	border-left: none;

}

ul.footernav a, ul.footernav a:visited {
	font-weight: normal; 
	text-decoration: none; 
	text-transform: uppercase; 
	color: #EAFF00;
}

ul.footernav a:hover {
	color: #000;
	background-color: #EAFF00;
}

/* For takeovers */
  .takeover .head
  	{
	width: 100%;
	}
  .takeover #pagewrapper
  	{
	width: 840px;
	}
  .takeover #framewrapper
  	{
	margin-left: 0px;
	}
	.takeover #main
	{
	margin-left: 6px;
	}
  .takeover #frame
  	{
	width: 840px;
	background: none;
	}
  .takeover #side1
  	{
	right: 0px;
	}
  .takeover .footerlinks
  	{
	width: 820px;
	background-color: #000;
	}
  .takeover .photo-main h1, .takeover .photo-main .photodetails
	{
	margin-left: 10px;
	}

.tstakeover #page{width:920px;text-align:left;margin:0 auto;padding:0;}
.tstakeover .head{width:920px;height:100px;}
.tstakeover #topleft{float:left;padding:10px 0 0 13px;}
.tstakeover #topright{float:right;width:451px;background-color:#000;text-align:center;margin:0 6px 0 0;padding:13px 5px 0 0;}
.tstakeover .jjlogo{position:relative;text-indent:-9999px;}
.tstakeover #frame{float:left;width:920px;background:none;}
.tstakeover #framewrapper {
      margin-left: 0px;}
.tstakeover #content-frame{float:right;width:920px;background:#fff;padding:0;}
.tstakeover #footer{width:920px;padding:0;}


.module-topceleb a {
    font-size: 0.75em;
    line-height: 1em;
    vertical-align: text-top;
	}
.modulecontent a{text-decoration: none;}
.grabtherssfeed{position:relative;float:right;width:300px;height:42px;color:#000;text-indent:-9999px;cursor:hand;margin:10px 0;padding:0;}
.grabtherssfeed a{position:absolute;display:block;top:0;left:0;width:300px;height:42px;background:url('/wp-content/themes/justjaredjr/images/grabtherssfeed_button.gif') top left no-repeat;}
.grabtherssfeed a:hover{cursor:hand;color:#1A9DFE;background:url('/wp-content/themes/justjaredjr/images/grabtherssfeed_button.gif') 0 -42px no-repeat;}
.sidebarbutton{position:relative;float:right;width:300px;height:42px;color:#000;cursor:hand;margin:0 0 10px;padding:0;}
.sidebarbutton a{position:absolute;display:block;top:0;left:0;width:300px;height:42px;background:url('/wp-content/themes/justjaredjr/images/sidebar-button.gif') top left no-repeat;font-size:15px;color:#EAFF00;font-weight:700;text-decoration:none;overflow:hidden;}
.sidebarbutton a:hover{cursor:hand;color:#000;background:url('/wp-content/themes/justjaredjr/images/sidebar-button.gif') 0 -42px no-repeat;}
.sidebarbutton a img{float:left;margin:0;padding:9px 10px 0 17px;}
.sidebarbutton a p{float:left;margin:0;padding:13px 10px 0 0;}

.module-topceleb h4,.module h4{font-size:0.75em;color:#231F20;margin:0;}
.module-topceleb h4{font-weight:700;padding:9px 0 9px 11px; border-bottom: none;}
.module-topceleb .modulecontent ul{list-style-type:none;margin:0 0px 0 8px;padding:0px;}
.module-topceleb .modulecontent li{float:left;width:86px;height: 135px;display:block;text-align:center;margin:0 10px 0 0;padding:0 0 0px;}
.module-topceleb .modulecontent li a{display:block;font-weight:700;color:#199EFD;}
.module-topceleb .modulecontent li a:hover,.module-topceleb .modulecontent li a:visited:hover{display:block;font-weight:700;color:#199EFD;background:none; }
.module-topceleb .modulecontent img{width:85px; height: 85px; vertical-align:middle;border:2px solid #199EFD;margin:0 0px 3px;}
@-moz-document url-prefix() {.module-topceleb .modulecontent img {margin-bottom: 0px;}}
.module-topceleb{float:left;width:298px;background:url('/wp-content/themes/justjaredjr/images/mostpopular_heart.gif') no-repeat 87px 0 #d7efff;border:1px solid #A1DDFF;margin:0 0 10px;padding:0 0px 8px 0px; text-align:center;}