/*
Design created by Willie Jackson (http://williejackson.com)
for The Domino Project (http://www.thedominoproject.com)
*/

/* STRUCTURAL STUFF*/
.custom #header_area .page, .custom #header_area { background: #000; }
.custom #content_area, .custom #footer_area { background: #eee; }

/* NAV STYLES*/
.custom .menu { background: none repeat scroll 0 0 #333; border-top: 1px solid #666; margin: 1.1em -2.4em 0; }
	.custom .menu a { letter-spacing: 1px; text-transform: none;n-webkit-transition: none; -o-transition: none; }
	.custom .menu .rss a, .custom .menu .rss a:hover { color: #FA981D; }
	.custom #social-nav { float: right; }
		.custom #social-nav a.twitter { background: url(images/twitter.png) no-repeat scroll 0 50% transparent; color: #2FC2EF !important; padding-left: 1.75em; }
			.custom #social-nav a.twitter:hover { text-decoration: underline; }
		.custom #social-nav a.facebook { background: url(images/facebook.png) no-repeat scroll 0 50% transparent; color: #3B5998 !important; padding-left: 1.75em; }
			.custom #social-nav a.facebook:hover { text-decoration: underline; }
		.custom .menu .rss a { background: url(images/rss.png) no-repeat scroll 0 50% transparent; padding-left: 1.75em; }


/* TEASER STYLES */
.custom .teasers_box .page { width: 41.6em; padding-left: 0; padding-right: 0;}
.custom .teaser .format_teaser { margin-top: 0.5em; }
.custom .teaser h2 { font-size: 3em; }


/* SIDE META SECTION */
.custom .comments_intro span { font-size: 1em; }
	.custom .comments_intro span.bracket { display: none; }
	.custom .format_text acronym, .custom .format_text abbr { font-size: 1em; }

.custom #main_footer_area h3, .custom .headline_area h2, .custom .headline_area h1, .custom .postauthor h4, 
.custom .sidebar h3, .custom h2 a,  .custom #archive_intro {	font-family: "league-gothic-1","league-gothic-2",sans-serif; }

.headline_meta .headline_meta a, .headline_meta abbr, .headline_meta span,
.format_text p.alert, .format_text p.note, .format_text p, .prev_next a, .custom #footer_area, .custom #footer_area a, 
#domino-footer p, #domino-footer a, .teaser .format_teaser { font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", serif; }

.custom .headline_area h1, .custom .headline_area h2, .custom #archive_intro h1 { font-size: 5em; }

.custom .format_text {
	position:relative;
	z-index:1;
}

.custom .side {
	float:right;
	display:block;
	margin: 0 -130px 20px 30px;
	color: #666666;
	background: #eeeeee url(images/side_shadow.png) no-repeat top left;
	width: 220px;
	padding: .8em 1.1em;
	position:relative;
	z-index:100;
/*
	-moz-box-shadow: inset 2px 2px 2px #ccc;
  	-webkit-box-shadow: inset 2px 2px 2px #ccc;
  	box-shadow: inset 2px 2px 2px #ccc;
*/
}

.custom .side .meta-info {
	float:left;
	display:block;
	width:100%;
	margin-bottom:3px;
	background:#EEEEEE;
}

.custom .side p.side_meta {
	color: #888888;
    font-size: 0.8em;
    line-height: 1.5em;
	background: #eee;
	margin-bottom:0;
	font-style:italic;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.custom .side p.side_meta abbr.published {
	text-transform:uppercase;
	font-style:normal;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
}

.custom .side p.side_meta span.author {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
	font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
}

.social-container { width: 200px; height: 75px; margin-top: 3px; float: left; }
#resource-sharing { margin: 0 auto; width: 160px; height: 30px; }
	.custom .tweet_tweet { margin: 3px 3px 0 0; padding-top: .0em; height: 65px; width: 60px; float: left; }
	.custom .like_like { margin: 3px 3px 0 0; padding-top: 0em; height: 65px; width: 50px; float: left; }
		.resources .tweet_tweet, .sxsw .tweet_tweet { margin: 2px 5px 0 0px; padding-top: .0em; height: 20px; width: 100px; float: left; }
		.resources .like_like, .sxsw .like_like { margin: 2px 0px 0 0; padding-top: 0em; height: 20px; width: 50px; float: left; }
			.resources h3.center, .sxsw h3.center { text-align: center; font-family: "league-gothic-1","league-gothic-2",sans-serif; font-size: 2em; }


.custom .side .signup-box {
/*
	width: 185px;
	height: 50px;
*/
	background: #fff;
	color: #666;
	padding: 0.6em;
	float: left;
	text-align: left;
	margin-bottom:0.9em;
	-moz-box-shadow: 2px 2px 2px #ccc;
  	-webkit-box-shadow: 2px 2px 2px #ccc;
  	box-shadow: 2px 2px 2px #ccc;
}

.custom .side input.signup-form {
	color: #666666;
    float: left;
    font-size: 0.75em;
    margin: 0 0 3px;
    padding: 0.5em;
    text-align: left;
    width: 90%;
    border-color: #AAAAAA #DDDDDD #DDDDDD #AAAAAA;
    border-style: solid;
	border-width: 1px;
	}
	
.custom .side .signup-box input.subscribe {
	background: #ddd;
	padding: .5em;
	color: #111;
	cursor: pointer;
	text-transform: uppercase;
	overflow: visible;
	border: 1px solid #ccc;
	font-size:0.6em;
	width:85px;
	}

/* .custom .format_text input.signup-form { padding: .3em 0; color: #111; } */

.custom .side .side-disclaimer {
	float: left;
	width:100%;
	display:block;
	}
	
.custom .side .side-disclaimer p.disclaimer {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style: normal;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
	margin: 0;
	}

p.bottom_disclaimer { font-style: italic; font-size: .8em; line-height: 1.2em; text-align: center; margin: 5px 0 0 0; }


.custom .format_text .to_comments, .custom .format_text .to_comments span  { font-size: 1em; line-height: 1.714em; line-height: 1em; }
.custom .format_text .to_comments a { color: #111; text-decoration: none; }


/* FOOTER STYLES */
.custom #footer, .custom #footer_area .page  { background: #111; }
.custom #footer_area { background: #111 !important; color: #fff; }
	.custom #footer_area a { color: #fff; text-decoration: underline; }
	
#domino-footer { background: #000; padding: 1.1em 0; font-size: 1.3em; width: 100% !important; }
	#domino-footer p { color: #fff; margin: 0 17em; text-transform: lowercase; }
	#domino-footer a { text-decoration: underline; }
		#domino-footer a:hover { text-decoration: none; }

.custom #main_footer_area .widget li { list-style-image: none; margin-left: 0px; }
.custom #main_footer_area { float: left; padding-top: 1em; padding-bottom: 0em; width: 100%; }
.custom #main_footer_area a:hover { text-decoration: underline; }
.custom #main_footer_area .footer_space { width: 1.98%; float: left; height: 1px; }
.custom #main_footer_area div.col { float: left; width: 30%; margin-right: 1em;}
.custom #main_footer_area h3 {
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: .4em;
	letter-spacing: 1px;
	font-size: 2em;
	color: #fef5b0;
}



.author_headline_image { float:left; padding: .3em; margin-right:.5em; background: #eee; }

.four-oh-four .author_headline_image { display: none !important; }

.four-form { 
    -moz-box-shadow: 5px 5px 5px #ccc;
    background: #F7941D;
    border: 1px solid #C76A1A;
    color: #FFFFFF;
	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
  	box-shadow: 5px 5px 5px #ccc;
    padding: 1em;
    width: 500px;
}
.four-oh-four .format_text input.four {
    background: #FEF5B0;
    border-color: #FEF5B0;
    border-width: 3px;
    color: #111111;
    cursor: pointer;
    overflow: visible;
   width: 160px;
}

/*.four-oh-four .format_text input.four:hover { background: #C76A1A; color: #fff; border-color: #C76A1A; }*/
.four-oh-four .format_text input.field { padding: 0.4em; }

.custom .postauthor { background: #fff;  border:1px solid #D5D5D5; margin:0 0 15px; padding:15px 15px 15px 105px; clear: both;
	text-shadow: #fff 0 1px 0; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }
	.custom .postauthor img.avatar { float:left; margin:0 0 0 -90px; }
	.custom .postauthor h4 { font-size:1.8em; font-weight:bold; border-bottom:1px solid #CCCCCC; margin-bottom:0.3em; }
	.custom .postauthor p { font-size:1em; margin:0 0 .5em; }
	.postauthor p.hlight { font-size: 1em; }
	.custom .postauthor p.hlight { font-style: italic;}
.custom #post-end { text-align: center; }
.custom .post-end { text-align: center; }



#social-sharing { text-align: center; font-size: 2em; }
	#social-sharing.facebook { text-align: center; font-size: 2em; }
	#social-sharing.twitter { text-align: center; font-size: 2em; }
	
#domino-share { margin: 2em auto; width: 300px; height: 40px; }
	#domino-share p {float: left; margin-bottom: 0; font-size: 1em;}

ul.share-buttons { list-style:none;}
ul.share-buttons li { float:left; padding:0 10px; }

a.email-this {
	background: #eee url(/images/email-this.jpg) 3px 50% no-repeat; 
	padding:2px 3px 2px 20px;  
	font-size:10px; 
	border: #ddd solid; 
	border-width: 0 2px 2px 0;
	text-decoration:none; 
	text-transform: uppercase;
	color: #333;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.custom .format_text input { width: 315px; }
.custom .format_text input.subscribe { width: 115px; }
.custom .format_text input.dom-form { padding: .4em; }

.domino-form {
	width: 450px;
	background: #f7941d;
	border: 1px solid #C76A1A;
	color: #fff;
	padding: 1em;
	margin: 2.2em auto;
	-moz-box-shadow: 5px 5px 5px #ccc;
  	-webkit-box-shadow: 5px 5px 5px #ccc;
  	box-shadow: 5px 5px 5px #ccc;
}

.domino-form input.subscribe { background: #fef5b0; border-color: #fef5b0; border-width: 3px; color: #111; cursor: pointer; overflow: visible; }


.custom #share-section { margin: .5em auto; width: 600px; height:50px; }
	.twitter-share-button { margin-right: 5px; margin-bottom: 3px; }
.share-headline { color: #FA981D; border-bottom: none !important; font-size: 3em; line-height: 1.267em; }

.sub { margin-top: 0em !important; font-weight: normal; text-align: center; }

.custom .format_text h2 {
    border-bottom: medium double #EEE;
	border-top: medium double #EEE;
    border-color: #EEEEEE;
    font-weight: normal;
    padding: 0.5em 0;
}


.subscribe .headline_area { margin-bottom: -9em; }
.subscribe h2 { display: none; }
.subscribe .domino-form { display: none; }
.subscribe .format_text input { width: 20px; }
.subscribe .format_text input#EMAIL { width: 45%; }
.subscribe .format_text input#submitButton { 
	background: url("http://www.thedominoproject.com/wp-content/themes/domino/lib/images/submit-bg.gif") repeat scroll 0 0 transparent;
 	font-family: "league-gothic-1","league-gothic-2",sans-serif;
    border-color: #CCC #999 #999 #CCC;
    border-right: 3px double #999;
    border-style: double;
    border-width: 3px;
    color: #111111;
    cursor: pointer;
    overflow: visible;
    width: auto !important;
	padding: .2em .5em;
	letter-spacing: 1px;
	font-size: 2em !important;
	margin: 5px 0;
}


/* MISCELLANEOUS STYLES */
.custom ul.sidebar_list input#s { padding: 0.5em; width: 95%; }
.right { float: right; }
.right-side {text-align: right;}
.clear { clear: both; }
.custom img.border { border: 1px solid #ccc; }
.resources .resources-divider { margin: 4.4em auto; text-align: center; }
.like_frame { border:none; overflow: hidden !important; width:60px; height:65px; }
a.chicklet { border: none; }
a { -webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; }
body.custom {  font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif; }



/* MISCELLANEOUS STYLES - Press, Our Books */

body.press ul li,
body.poke-the-box ul li {
	list-style: none;
}

.ourbookslist {
	margin-right: 20px;
}



/* MISCELLANEOUS STYLES - from alex@unozip.com */

/*.left {
	float: left;
}
*/
.right {
	float: right;
}

.clear {
	clear: both;
}


/* GRAVITY FORMS */
.initiators .gform_wrapper .gfield_description {padding: 3px 0 8px !important; }
/*.initiators input, .initiators textarea {
    background: #EEEEEE;
    border-color: #AAA #DDD #DDD #AAA;
    border-style: solid;
    color: #111;
}
*/

.initiators .gform_wrapper input {
	background: #EEE;
    border-color: #AAA #DDD #DDD #AAA;
    border-style: solid;
    color: #111;
	border-width: 1px;
}

.gform_footer input.button {
	background: url("http://www.thedominoproject.com/wp-content/themes/domino/lib/images/submit-bg.gif") repeat scroll 0 0 transparent;
 	font-family: "league-gothic-1","league-gothic-2",sans-serif;
    border-color: #CCC #999 #999 #CCC;
    border-right: 3px double #999;
    border-style: double;
    border-width: 3px;
    color: #111111;
    cursor: pointer;
    overflow: visible;
    width: auto !important;
	padding: .2em .5em;
	letter-spacing: 1px;
	font-size: 2em !important;
}

.gform_footer input.button:hover, .gform_wrapper input.button:hover {
    color: #FA981D !important;
}

.format_text .headline_area h1 { font-size: 3em !important; }
.format_text .headline_area { margin-bottom: 1.1em !important; }
.resources textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin-left: -3.5em; vertical-align:middle; font-size: .8em; text-align: center; padding-top: 1em; }
.under-section { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: italic; color: #666; font-size: .9em; }
p.return { margin-top: -2.4em; text-align: right; }
#resource-sharing p { margin-bottom:0; }
.share-link-section { margin: 1.1em 0; padding: 0 1.1em 1.1em 0; font-size: .9em; text-align: center; }
	.share-link-section a { margin-right: 2.2em; background: url("/images/s/random.png") no-repeat scroll 0 50% transparent; padding-left: 1.5em; }
		.share-link-section a.email { background: url("/images/s/email.png") no-repeat scroll 0 50% transparent; }
		.share-link-section a.stumbleupon { background: url("/images/s/stumbleupon.png") no-repeat scroll 0 50% transparent; }
		.share-link-section a.delicious { background: url("/images/s/delicious.png") no-repeat scroll 0 50% transparent; }