/*  
Theme Name: Themeit!
Theme URI: http://heylookit.org/
Description: Theme for the Lookit photo game
Version: 1.1
Author: Jeff Clark
Author URI: http://www.vacantcanvas.com/
*/

.clearfix { clear: both; }
.left { float: left; }
.right { float: right; }
.full { width: 100% !important; height: auto !important; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.hidden {display:none;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body { background-image:url('images/body-bg.png');background-repeat:repeat-x; color: #333; font-family: arial, verdana, sans-serif; font-size: 16px; }
body.single { background-image:url(images/bg-static-with-nav.gif); }
/* = main structure */
#main-wrapper { margin: 0 auto; padding: 0 7px; width: 1001px; }
/* = basic reused style rules */
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.0em;}
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
a, span.openmobile { border-bottom: 1px solid #ddd; color: #3c6c92; text-decoration: none; }
	a:hover, span.openmobile:hover { border-color: #3c6c92; color: #3c6c92; }
ul li { list-style: circle; }
/* = css3 border radius link */

#topnav a {
border:none;
}
#topnav #mainlogo, #mainlogo a {
margin-top:10px;
}

#topnav #howtoplay {
margin-top:5px;

text-indent:-9999px;
height:35px;
width:99px;
overflow:hidden;
background-image:url('images/how-to-play.png');
background-repeat:no-repeat;
}

#topnav #howtoplay:hover {
background-position: 0 -32px;
}

#topnav #blogit {
margin-top:5px;

text-indent:-9999px;
height:35px;
width:99px;
overflow:hidden;
background-image:url('images/blogit.png');
background-repeat:no-repeat;
}

#topnav #blogit:hover {
background-position: 0 -32px;
}

#topnav #addpictab {
margin-top:-7px;
margin-bottom:5px;
text-indent:-9999px;
height:65px;
width:162px;
overflow:hidden;
background-image:url('images/add-a-pic-tab.png');
background-repeat:no-repeat;
}

#topnav #addpictab:hover {
background-position: 0 -92px;
}

div#singlenav div#headline {
	margin-top:10px;
	}
span.openmobile {
	cursor:pointer;
	}
div#singlenav div#headline h1 {
	width:650px;
	height:40px;
	background:url('images/headline-camphone-scav-hunt.png') no-repeat transparent;
	background-position: 14px 10px;
	text-indent:-99999px;
	}
	div#singlenav div#headline p {
		font-size:15px;
		color: #333;
		text-shadow: 0 1px 0 #ffffff;
		margin-top:20px;
		padding-left:2px;
		}
		ul#hnav, div#contentwrapper {
			margin-left:35px;
			}		
		div#singlenav ul#hnav {
			list-style:none;
			font-size:13px;
			text-shadow: 0 1px 0 #ffffff;
			margin-top:27px;
			}
			div#singlenav ul#hnav li {
				display:inline;
				margin-left:75px;
				}
				div#singlenav ul#hnav li:first-child {
					margin-left:0;
					}
				div#singlenav ul#hnav li span {
					color:#6c6c6c;
					text-decoration:none;
					border-bottom:0;
					cursor:pointer;
					}
					div#singlenav ul#hnav li span:hover, div#singlenav ul#hnav li span.active {
						color:#333;
						}
					div#singlenav ul#hnav li span.active {
						font-weight:bold;
						}
	div#topcta, div#botcta {
		background:url(images/bg-static-cta.png) no-repeat transparent;
		width: 629px;
		height: 56px;
		text-align:center;
		margin-top:20px;
		padding-top:20px;
		}		
		div#topcta p, div#botcta p {
			font-family: Georgia, serif;
			font-size:14px;
			text-shadow: 0 1px 0 #ffffff;
			font-style:italic;
			}
	div#botcta, div#botcta span.openmobile {
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		margin-bottom:20px;
		height:91px;
		font-weight:bold;
		}
		div#botcta span {
			font-weight:normal;
			}
		div#botcta p#also {
			font-size:12px;
			margin-top:35px;
			color: #999;
			font-weight:normal;
			}
			
div#contentwrapper {
	margin-top:60px;
	position:relative;
	height:120px;
	}
	div#contentwrapper ul {
		position:absolute;
		top:1px;
		left:1px;
		}
div#singlenav div ul li {
	display:block;
	width:286px;
	float:left;
	margin-left:50px;
	font-size:12px;
	line-height:24px;
	color:#333;
	text-shadow: 0 1px 0 #ffffff;	
	}
	div#singlenav div ul li:first-child {
		margin-left:0;
		}
div#singlenav div#mobileapps ul li {
	margin-left:0;
	width: 675px;
	}
	div#singlenav div#mobileapps ul li:first-child {
		width: 286px;
		}
	div#mobileapps input[type=text] {
		height:25px;
		width:485px;
		padding:10px 0 10px 5px;
		margin-top:22px;
		font-family:Georgia, serif;
		color: #999999;
		font-size:24px;
		font-weight:bold;
		font-style:italic;
		}
		div#mobileapps div#choices {
			margin-left:10px;
			}
			div#mobileapps div#choices p {
				width:100px;
				display:inline;
				font-weight:bold;
				font-size:11px;
				font-style:italic;
				}
			div#mobileapps div#choices label {
				padding-right:20px;
				font-style:italic;
				font-size:11px;
				}
		div#mobileapps img.submit {
			cursor:pointer;
			float:right;
			margin-right:15px;
			padding-top:29px;
			display:inline;
			}
	div#singlenav div#mobileapps, div#singlenav #aboutus, div#singlenav #support {
		display:none;
		}
	span.emailus, span.twitterus {
		padding-left:20px;
		}
		span.emailus {
			background:url("images/icon-email.png") no-repeat scroll 0px -1px transparent;
			}
		span.twitterus {
			background:url("images/icon-twitter.png") no-repeat scroll 0px -1px transparent;
			}
		

div#homepage_headline {
	margin-top:20px;
	height:55px;
	width:100%;
	text-align:center;
	font-family:Georgia, serif;
	margin-bottom:20px;
	text-shadow: 0 1px 0 #FFFFFF;
	}
	div#homepage_headline h2 {
		background-image:url(images/homepage-headline.png);
		background-repeat: no-repeat;
		background-position: 30px 0;
		text-indent: -9999px;
		}
	div#homepage_headline p {
		font-size:16px;
		color:#666;
		font-style:italic;
		margin-top:10px;
		}
		div#homepage_headline span {
			font-weight:bold;
			text-decoration:underline;
			color:#444;
			}
		div#homepage_headline p a {
			/*font-size:10px;*/
			color:#f72d00;
			/*margin-left:10px;*/
			text-decoration:none;
			}
			div#homepage_headline p a:hover {
				text-decoration:underline;
				border:0;
				}


#main-nav li { list-style: none; }
	#main-nav li a, 
	.radius-link a { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; border-radius: 3px; border: 1px solid #ddd; color: #888; display: block; font-size: 14px; padding: 7px 15px; text-decoration: none; text-transform: uppercase; }
	#main-nav li a:hover, 
	.radius-link a:hover { background: #222; border-color: #000; color: #fff; }
/* = text input */
.text-input { background: #fff url(images/bg-input-gradient.png) repeat-x 0 0; border-left-color: #aaa; border-top-color: #999; border: 1px solid #ccc; font-family: arial, verdana, sans-serif; font-size: 0.8em; padding: 4px; }
/* = masthead */
#leaderboard { padding: 20px 0 50px; position: relative; }
#site-name { float: left; width: 595px; }
	#site-name h4 { font-size: 1.6em; margin-top: 15px; }
	#site-name a img { margin-top: 1px; }
	/* = plain text logo option */
#site-name a { border: 0; color: #333; }
		#site-name a:hover { color: #3c6c92; }
h4 span { font-weight: normal;color:#999; }
/* = main navigation top of page */
.nav-container { float: right; margin: 10px 0 0 0; width: 340px; }
#main-nav { font-weight: bold; text-align: center; text-transform: uppercase; }
	#main-nav li { float: left; margin-left: 7px; }
/* = home posts */

/* SUPER HACK for larger homepage */
div.home div.left .recent-leads{ width:1005px; }
div.author div.left .recent-leads{ width: 605px; }
p#charWrap { color:#333;font-size:10px;margin-left:4px;float:left;}
p#charWrap span { font-size:1em !important; color:#333; }
a#postTweet { margin-left:20px; }
h3 span {font-size:.6em;display:inline;color:#999;}
.left, 
.recent-leads { width: 607px; }
.post-comments { position: absolute; right: 7px; top: -1px; z-index: 1; }
	.post-comments a { -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; background: #fff; border: 1px solid #ddd; color: #555; display: block; font-size: 0.8em; padding: 7px; text-align: center; }
		.post-comments a:hover { background: #222; border-color: #000; color: #fff; }
/* = title overlay */
.title-insert { -moz-opacity: .8; background: #000; bottom: 0; filter: alpha(opacity=80); left: 0; opacity: .8; position: absolute; right: 0; width: 100%; z-index: 1; }
	.title-insert a { border: 0; color: #eee; display: block; font-size: 0.7em; line-height: 1.4em; padding: 9px 10px; }
		.title-insert a:hover { color: #fff; }
.main-post-bg, 
.secondary-post-bg { background: #222; display: block; overflow: hidden; overflow: hidden; position: relative; }
.main-post-bg { height: 225px; margin: 0 0 10px 0; width: 944px; }
.main-post-bg.showhero { margin-left: 7px; }
.imageshadow { width:327px;height:166px;background-image:url('images/shadow-bg.png');background-repeat:no-repeat;position:relative;margin:0;padding:8px 0 0 8px; }
.secondary-post-bg { height: 150px; margin: 0 7px 10px 0; width: 310px; }
div.author .secondary-post-bg { height: 150px; margin: 0 2px 2px 0; width: 300px; }
/* = single entry style */
/*.home.is-single { border-top: 1px solid #ccc; }*/
.post.single { line-height: 1.4em; padding-top: 15px; }
	.post.single h2, 
	.post.single h2 a { border: 0; color: #333; font-size: 1.1em; line-height: 1.8em; }
	.post.single h2 a:hover { color: #3c6c92; }
	.post.single .showhero h2 a { color: #ddd; }
	.post.single .showhero h2 a:hover { color: #fff; }
	.ratingblock {
		margin-left:5px !important;
		}
	.ratingstars {
		float:left;
		padding-right:10px;
		}
	div#trophybox {
		width:342px;
		margin-left:0;
		position:relative;
		top:2px;
		}
		div#trophybox img.status, div#trophybox img.award {
			padding-right:5px;
			}
		div#trophybox img, .post.single div#trophybox p {
			display:inline;
			padding:0;
			margin:0;
			background-color:none;
			border:0;			
			}
		div#trophybox li {
			list-style:none !important;
			margin-left:7px !important;
			}
		div#trophybox li span, .ratingtext, .voted {
			font-family:Georgia, serif;
			font-size:12px;
			color:#666 !important;
			font-style:italic;
			text-shadow: 0 1px 0 #FFFFFF;
			}
		div#trophybox li span {
			padding-left:5px;
			position:relative;
			top:-4px;			
			}
		div#trophybox img {
			margin-top:4px;
			background:none !important;
			}
	
	.post.single .entry { /*border-top: 1px solid #ccc;*/ padding: 10px 10px 0 0; clear: both; }
	.post.single .meta { font-size: 0.8em; overflow: hidden; margin: 10px 0 20px 7px; padding: 0; }
		.post.single .meta li { list-style: none; float: left; margin: 0 5px 0 0; padding: 2px 7px; }
		.post.single .meta li.first { background: #eee; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 7px; }
	.post.single p { line-height: 1.4em; margin: 1.5em 0; width:600px;padding-left:10px;padding-right:10px; }
		.post.single p a, 
.post.single li a { font-weight: bold; }
	.post.single h3 { margin-top: 20px; }
	.post.single blockquote, 
	.post.single ul, 
	.post.single ol { color: #555; margin: 0 15px; }
	.post.single ul li { margin: 0 20px; }
	.post.single ol li { list-style: decimal; margin: 0 20px; }
	.post.single blockquote { border-left: 1px solid #ccc; font-style: italic; margin-left: 20px; padding-left: 10px; }
	.post.single img { padding:10px;border:1px solid #cccccc;background-color:#fff;margin-top:11px; }
	.post.single img.floatleft,
	.post.single img.alignleft { float: left; margin: 4px 10px 0 0; }
	.post.single img.floatright,
	.post.single img.alignright { float: right; margin: 4px 0 0 10px; }
	.post.single .wp-caption-text { color: #888; font-size: 0.8em; text-align: center; text-transform: uppercase; }
div.postthumb {
width:650px;
text-align:center;
}
.gallery-item a img { border-color: #eee !important; }
.navigation { clear: both; font-weight: bold; padding: 10px 0; }
	.navigation a { float: left; }
	.navigation .left, 
	.navigation .right { width: 120px; }
	.navigation .left { text-align: left; }
	.navigation .right { margin-right: 15px; text-align: right; }
* html .navigation .right { margin-right: 7px; }
.navigation .right a { float: right; }
.for-tags { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #eee; border: 1px solid #ddd; border-radius: 3px; font-size: 0.8em; padding: 7px 10px; }
/* = sidebar and widgets style */
ul#related-posts {
	list-style: none;
}
ul#related-posts li {
	display:inline;
	margin: 0;
	padding:0;
}
ul#related-posts li a {
	border: 0;
	text-decoration: none;
}
.ratingtext {padding-top:10px;}
.home .right { overflow: hidden; width: 340px; }
	.home .right h3 { font-size: 1em; padding: 9px 3px 7px; }
	.home .right h3 span { font-style: italic; font-weight: normal; text-align: right; }
h3.module-title, 
h3.widgetTitle { border-bottom: 1px solid #eee; border-top: 1px solid #ccc; font-size: 1em; margin: 0 0 10px; padding: 9px 3px 7px; }
h3.module-title a, 
h3.widgetTitle a { border: 0; }
.widgetContainer { margin: 0 0 20px 0; }
	.widgetContainer .textwidget { font-size: 0.8em; line-height: 1.4em; margin: 0 7px; }
ul.module-list, 
.widgetContainer ul { margin: 0 0 20px 0; }
.module-list li, 
.widgetContainer li { font-size: 0.9em; line-height: 1.4em; margin: 0 3px 7px 21px; }
.sidebar-nextprev { overflow: hidden; width: 320px; }
	.sidebar-nextprev li { border-left: 1px solid #ccc; float: left; height: 40px; list-style: none; width: 159px; }
		.sidebar-nextprev li.previous { border-right: 1px solid #ccc; }
		.sidebar-nextprev li.next { border-left: 1px solid #ccc; float: right; margin-left: -1px; }
		.sidebar-nextprev li a { border-left: 1px solid #ccc; border: 0; color: #666; display: block; font-size: 0.9em; font-weight: bold; height: 40px; margin-left: -1px; }
			.sidebar-nextprev li a:hover { border-color: #3c6c92; color: #3c6c92; }
			.sidebar-nextprev li a span { cursor: pointer; display: block; padding: 15px 0 0 10px; }
.widgetContainer #wp-calendar { border-collapse: collapse; width: 100%; }
#wp-calendar caption { font-weight: bold; margin-bottom: 7px; }
#wp-calendar thead th { border-width: 1px 0; border: 1px solid #ccc; padding: 4px 0 4px 3px; }
#wp-calendar td { color: #777; padding: 3px 0 7px 3px; }
	#wp-calendar td a { font-weight: bold; }
#middle-widgets { width: 970px; }
	#middle-widgets .widgetContainer { clear: top; float: left; margin: 0 11px 15px 0; width: 312px; }
.sidebar-desc, table#results { font-size: 0.9em; line-height: 1.4em; margin: 0 4px; }
h3.module-title.admin { background-color:black;color:white;cursor:pointer;text-align:center;font-size:9px; }
div#adminside ul, div#adminside ul li { list-style:disc;margin-bottom:20px;margin-left:20px;font-size:12px; }


/* = legacy comments style support */
.legacy .commentlist li { border-top: 1px solid #ccc; margin: 0; padding: 7px 0 15px 80px; }
.legacy img.avatar { float: right; margin: 0 7px 0 0; }
.legacy cite { font-style: normal; }
.legacy .commentlist li p { margin: 1em 0; }
.legacy .commentlist li ul, 
.legacy .commentlist li ol, 
.legacy .commentlist li blockquote { margin: 1em 15px; }
.legacy .commentlist li ul li, 
.legacy .commentlist li ol li { border: 0 !important; margin: 0 15px !important; padding: 0 !important; }
.legacy .commentlist ol li { list-style: decimal; }
.legacy #respondform { margin-left: 80px; padding: 10px 0 0 0; }
.nocomments { background: #ffffcc; border: 1px solid #BEBE3C; font-size: 0.8em; font-weight: bold; padding: 10px 0; text-align: center; }
div.right table#results {
	width: 100%;
}

table#results td.player {
}

table#results thead td{
	font-size: .7em;
	font-style: italic;
}
/* = style support for threaded comments */
#comments-wrapper, 
#comments-wrapper-form { width: 600px; padding-left:10px; }
#comments-wrapper p { margin: 15px 0; }
#comments-wrapper .navigation { margin: 0 0 25px 80px; }
h3#comments { clear: both; margin: 20px 0 10px 0px; }
.commentlist { font-size: 0.9em; line-height: 1.4em; }
	.commentlist li.comment, 
	.commentlist li.pingback { border-top: 1px solid #ccc; margin: 0; padding: 7px 0px 15px 0px; }
	.commentlist li.comment-author-admin { border-color: #3c6c92; }
	.commentlist li.comment ul, 
	.commentlist li.comment ol, 
	.commentlist li.comment blockquote { margin: 0 15px; }
	.commentlist li.comment blockquote { border-left: 1px solid #ccc; color: #777; font-style: italic; padding-left: 10px; }
	.commentlist ul.children { margin: 0 !important; padding: 0; }
	.commentlist .children li.comment { list-style: none; margin: 15px 0 0 0; padding: 7px 0 0 45px; }
.comment-author img.avatar { float: right; margin: 0 7px 0 0; }
.comment-author cite { font-style: normal; }
.comment-meta { font-size: 0.8em; }
#respond { clear: both; padding: 10px 0 0 0; }
li.comment #respond { margin-left: 0; }
#respond h3 { margin: 0 0 15px 0; }
#respond .text-input { font-size: 12px; margin-right: 4px; width: 160px; }
#respond textarea.text-input, 
#respondform textarea.text-input { margin-right: 0; overflow: auto; width: 600px; }
/* = categories */
#categories { margin: 35px 0 45px; padding: 10px 0; }
	#categories h3 { margin-bottom: 10px; }
	#categories ul { color: #ccc; font-size: 0.9em; line-height: 1.2em; }
	#categories li { display: block; float: left; margin: 0 8px 0 7px; text-align: right; width: 145px; }
		#categories li li { width: 138px; }
		#categories li li li { width: 131px; }
		#categories li li li li { width: 124px; }
		#categories li li li li li { width: 117px; }
		#categories li a { float: left; text-decoration: none; margin: 3px 0;}
/* = search */
#searchForm { margin: 0; }
#searchWrap span { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; border-radius: 3px; border: 1px solid #ccc; display: block; padding: 2px; }
#searchWrap input { color: #777; width: 324px; }
div#middle-widgets #searchWrap input { width: 296px; }
/* = footer */
#footer { border-top: 1px solid #ccc; margin-top: 15px; padding: 20px 0 72px; width: 960px; }
	#footer a { font-weight: bold; }
	#footer p {font-size: 11px; }
	
/* = Modals - jqModal */
	
#playnowpopup, #kbye, #adminpopup {
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -350px;
    width: 700px;
    
    background-color: #fff;
    color: #333;
    background-image:url('images/red-bar-bg.png');
    background-repeat:repeat-x;
    padding:30px 30px 0 0;
}

#adminpopup div#promoteit {
	width:350px;
	float:right;
	}
#adminpopup div#userinfo {
	width:300px;
	float:left;
	padding-left:10px;
	}
	#adminpopup h3, #picadmin h3 {
		margin-bottom:10px;
		padding-left:0 !important;
		}
		#picadmin h3 {
			margin-top:20px;
			}
		#adminpopup h3 a {
			color: #424242;
			}
	#adminpopup div#userinfo p, div#picadmin p {
		font-size:12px;
		margin-bottom:10px;
		font-weight: normal !important;
		}
		#picadmin p.deletethis a {
			color:red !important;
			}
		#picadmin p a {
			color: #3C6C92 !important;
			font-weight:normal;
			}

#playnowpopup span, #kbye span {
	color:red;
}

#playnowpopup p, #kbye p, #kbye li {
    line-height:22px;
    font-size:12px;
    margin-left:80px;
    margin-bottom:20px;
    }

	#playnowpopup img {
		margin-left:60px;
		}
		#playnowpopup img#register {
			width:268px;
			margin-left:250px;
			margin-bottom:20px;
			}
		#playnowpopup img.phones {
			position:relative;
			left:-75px;
			top:-95px;
			margin-bottom:-125px;
			}
		#playnowpopup a {
			border-bottom:0;
			}
		#playnowpopup img.title, #kbye img.title {
			margin-left:30px;
			margin-bottom:25px;
		}
		#playnowpopup img.shadow {
			margin-left:140px;
			}
	#playnowpopup p.toplay {
		font-style:italic;
		margin-left:175px;
		margin-bottom:10px;
		margin-top:7px;
		}
	#playnowpopup p.howtoreg {
		margin-left:100px;
		}
	#playnowpopup div#info {
		background-image: url('images/playnow-rate-dock.png');
		background-repeat: no-repeat;
		padding-top:20px;
		}
	#playnowpopup div#info p {
		margin-left:185px;
		padding-bottom:18px;
		font-size:12px;
		line-height:15px;
	}
	#playnowpopup div#info p strong {
		font-weight:bold;
	}
	
	#playnowpopup div#info p em {
		font-style:italic;
	}


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #playnowpopup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}