/*
Theme Name: Good For The Jews
Theme URI: http://goodforthejews.net/
Description: Theme modeled after the original GFTJ site design.
Version: 1.0
Author: Greg Kuwaye
Author URI: http://gregkuwaye.com/
Tags: good, for, the, jews

*/

HR { display: none; }

BODY { background: #0066cb url(img/bg.jpg) repeat-x; font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#page { background: url(img/circlebg.png) top center no-repeat; }

#hh { height: 200px; background: url(img/banners.png) 0 15px no-repeat; margin-bottom: 10px; }

#hh H1, #hh P.h1 { position: absolute; float: left; margin-left: 50%; top: 22px; left: -170px; z-index: 100; }
#hh H1 A, #hh P.h1 A { display: block; width: 303px; height: 163px; background: url(img/logo.png); } 

#hh H1 B, #hh P.h1 B, #mm LI B { display: none; }

#mm { width: 960px; top: 0; height: 200px; float: left; position: absolute; }
#mm LI { height: 200px; position: relative; float: left; }
#mm LI A { display: block; background-image: url(img/menu.png); background-repeat: no-repeat; }

#ff { margin-top: 50px; padding: 15px 0; }

#rdfoto { position: relative; z-index: 100; top: -45px; left: -5px }

/*
 *	MENU ITEMS and PAGE TITLES
 */

.pt { margin-bottom: 15px; }
.pt A { display: block; background-image: url(img/titles.png); background-repeat: no-repeat; }
.pt B { display: none; }
 
/* News */
#mm LI#n { left: 66px; }
#mm LI#n A { width: 61px; height: 28px; margin-top: 86px; background-position: 0 0; }
#mm LI#n A:hover, #mm LI#n A.sel { background-position: -100px 0; }
.pt-news A { width: 118px; height: 32px; background-position: 0 0; }

/* Events */
#mm LI#e { left: 98px; }
#mm LI#e A { width: 83px; height: 44px; margin-top: 65px; background-position: 0 -60px; }
#mm LI#e A:hover, #mm LI#e A.sel { background-position: -100px -60px; }
.pt-events A { width: 217px; height: 32px; background-position: 0 -50px; }

/* Bio */
#mm LI#b { left: 126px; }
#mm LI#b A { width: 33px; height: 31px; margin-top: 67px; background-position: 0 -120px; }
#mm LI#b A:hover, #mm LI#b A.sel { background-position: -100px -120px; }
.pt-bio A { width: 197px; height: 32px; background-position: 0 -100px; }

/* Media */
#mm LI#m { left: 440px; }
#mm LI#m A { width: 52px; height: 52px; margin-top: 80px; background-position: 0 -180px; }
#mm LI#m A:hover, #mm LI#m A.sel { background-position: -100px -180px; }
.pt-media A { width: 305px; height: 32px; background-position: 0 -150px; }

/* Photos */
#mm LI#p { left: 465px; }
#mm LI#p A { width: 73px; height: 41px; margin-top: 98px; background-position: 0 -240px; }
#mm LI#p A:hover, #mm LI#p A.sel { background-position: -100px -240px; }
.pt-photos A { width: 146px; height: 32px; background-position: 0 -200px; }

/* Contact */
#mm LI#c { left: 494px;  }
#mm LI#c A { width: 97px; height: 25px; margin-top: 84px; background-position: 0 -300px; }
#mm LI#c A:hover, #mm LI#c A.sel { background-position: -100px -300px; }
.pt-contact A { width: 164px; height: 32px; background-position: 0 -250px; }

/* Shop */
.pt-shop A { width: 119px; height: 32px; background-position: 0 -300px; }

/* Press Images */
.pt-press-images A { width: 258px; height: 32px; background-position: 0 -350px; }


/* Typography */

H1 { font-size: 24px; }
	H1.archive { color: #ffd771; margin-bottom: 22px; }

STRONG { font-weight: bold; }
EM { font-style: italic; }

A { outline: none; }
.sidebar A { background-color: #204e7d; }

.post H1, .post H3, .post H1 A:link, .post H1 A:visited, .post H3 A:link, .post H3 A:visited {
	color: #fc0; text-transform: uppercase; font-size: 20px; text-decoration: none;
}

.indays { font-size: 70%; position: relative; top: -2px; color: #ffd771; }

.navigation { font-size: 11px; }
.navigation STRONG { font-size: 16px; display: block; color: #fff; }
.navigation .left A, .navigation .right A, .buytix A { background: #204e7d; }
.navigation-top { margin-bottom: 22px; padding-bottom: 12px; background: url(img/dotted.png) bottom left repeat-x; }

.fancy { color: #fc0; text-transform: uppercase; font-size: 125%; }
H2.presstitle { font-size: 20px; font-weight: bold; color: #ffd771; }

#sidebar H2 { font-size: 18px; color: #fc0; text-transform: uppercase; line-height: 22px; margin-bottom: 12px; }
#sidebar-list LI { padding-bottom: 1px; margin-bottom: 20px; }
	#sidebar-list LI UL LI { margin-bottom: 4px !important; }

.post.hentry { padding-bottom: 8px; background: url(img/dotted.png) bottom left repeat-x; margin: 0 0 24px; }
.post SMALL { color: #ffd; }
.postdate { color: #bad0e8 !important; display: block; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.05em; line-height: 18px;}

.post P, .sidebar P, .sidebar LI, .post UL { color: #ffd; font-size: 12px; line-height: 18px; margin-bottom: 1.5em; }
.post A:link, .post A:visited, .sidebar A:link, .sidebar A:visited, .navigation A:link, .navigation A:visited, .comment A:link, .comment A:visited, #respond A:link, #respond A:visited, #ff A:link, #ff A:visited { color: #fc0; text-decoration: none; } 
.post A:hover, .sidebar A:hover, .navigation A:hover, .comment A:hover, #respond A:hover, #ff A:hover { color: #db0; }
.post UL LI { list-style-type: disc; margin-left: 20px; }

HR.dotted { clear: both; display: block; margin-bottom: 20px; width: 100%; height: 2px; border: none; background: url(img/dotted.png) repeat-x; }
BLOCKQUOTE.dotted { padding-bottom: 1px; margin-bottom: 20px; background: url(img/dotted.png) bottom left repeat-x; }

.vevent { margin: 10px 0 20px; padding: 0 0 1px; background: url(img/dotted.png) bottom left repeat-x; }
.buytix { float: right; text-transform: uppercase; display: block; margin: 14px 0 0; }

.entry BLOCKQUOTE {  }
	.entry BLOCKQUOTE P:before { content: open-quote; }
	.entry BLOCKQUOTE P:after { content: close-quote; }

A.more-link { /*display: block; text-align: right; clear: both; margin-top: 12px;*/ }

P.postmetadata { display: block; font-size: 11px; color: #bad0e8; margin-bottom: 0; }
TEXTAREA#comment { width: 415px; }

#ccoptin { margin-bottom: 20px; background: #204e7d; padding: 12px; }
	#ccoptin H3 { margin-bottom: 6px; }
	#ccoptin SPAN { color: #ffd; font-size: 11px; }
	#ccoptin LABEL INPUT { border: 1px solid #999; padding: 4px; width: 180px; }


/* Comments */
#comments, #respond H3 { font-size: 16px; color: #fc0; margin-bottom: 8px; }
.comment { color: #fff; font-size: 11px; margin-bottom: 28px;  }
	.comment .comment-author .avatar { margin-right: 12px; float: left; border: 1px solid #648db8; padding: 1px; }
	.comment .comment-author CITE { font-weight: bold; }
	.comment .comment-meta { margin: 2px 0 0; }
.comment P { clear: both; margin: 12px 0 0 48px; padding: 6px 8px; font-size: 11px; background: #316397; }
#respond P { font-size: 11px; color: #ffd; margin-bottom: 8px; }
.nocomments { color: #ffd; font-size: 11px; }

/* Button Element */
A.button { line-height: 10px; font-size: 10px; display: block; height: 38px; float: left; padding-right: 16px; background: url(img/button.png) right -50px no-repeat; }
A.button SPAN { font-weight: bold; display: block; padding: 12px 0 12px 12px; background: url(img/button.png) 0 0 no-repeat; }

	A.button:link, A.button:visited { color: #000 !important; text-transform: uppercase; text-decoration: none; }
	A.button:hover { background-position: right -150px; }
	A.button:hover SPAN { background-position: 0 -100px; }
	
/* Social Media, sidebar section */
#socialmedia LI { float: left; position: relative; margin: 0 15px; }
	#socialmedia LI B { display: none; }
	#socialmedia LI A { display: block; }
#socialmedia LI#ms A { width: 30px; height: 30px; background: url(img/socialicons.png) 0 0 no-repeat; }
#socialmedia LI#fb A { width: 31px; height: 31px; background: url(img/socialicons.png) -50px 0 no-repeat; }
#socialmedia LI#tw A { width: 30px; height: 30px; background: url(img/socialicons.png) -100px 0 no-repeat; }

.twitter { display: block; padding-bottom: 15px; }
.twitter LI { font: 11px Arial, Helvetica, sans-serif; line-height: 1.3em; }
.twitter-timestamp { display: block; color: #bad0e8; font-size: 10px; margin-top: 2px; }

/* ========================= */

.maincontent { background: url(img/cmid.png) repeat-y; }
	.maincontent .top { background: url(img/ctopbot.png) 0 0 no-repeat; height: 21px; position: relative; margin-top: -21px; }
	.maincontent .inr { width: 420px; padding: 15px 20px 10px; }
	.maincontent .bot { clear: both; background: url(img/ctopbot.png) 0 -50px no-repeat; height: 19px; position: relative; margin-bottom: -19px; }