/*   
Theme Name: Nicki's Hub
Theme URI: http://3bwebcreations.com
Description: Theme for Nudge's Hut
Author: Chris Coyier / Brad Bertram
Author URI: http://chriscoyier.net
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

html	{
	min-height: 100%;
	border-bottom: 1px solid transparent;
	}	

/*
	TYPOGRAPHY
*/

body { font-family: 'Tenor Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	background: url(images/bg.png); 
}
h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-weight: normal; line-height: 1.5; }
h1, h2 { font-family: "Macondo", Arial, "Lucida Grande", sans-serif; font-weight: normal;}
h1 { font-size: 42px; text-shadow: 1px 1px 3px #666; font-weight: normal; text-transform: uppercase; }
.giant { font-size: 40px; }
h2 { font-size: 26px; color: #333; text-shadow: 1px 1px 3px #ccc; text-transform: uppercase; letter-spacing: 5px; }
h2 em { font: italic 24px Baskerville, Georgia, Serif; letter-spacing: 0; color: black; text-transform: none; }
h3 { font-size: 22px; background: #647484; color: white; padding: 0 0 0 20px; }
h4 { font-size: 17px; text-transform: uppercase; }
h5 { font-size: 14px; line-height: 1.5; }
a { text-decoration: none; color: #647484; }
a img { border: 0; }
.zoomer:active { top: 0; }
.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

h1 a, h2, h4 a, h5 a { color: #333; display: block; }
h3 a { color: white; }
a:hover, a:focus { text-decoration: underline; }
a:active { position: relative; top: 1px; }
p { margin: 0 0 10px 0; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 0; font-style: italic; color: #666; }
ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
.button { background-image: -moz-linear-gradient(top, #6b7886, #3b4f63); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b7886),color-stop(1, #3b4f63)); padding: 5px 15px; -moz-border-radius: 20px; color: white; font-weight: normal !important; text-transform: uppercase; border: 2px solid white !important; -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; }
.button:hover { background-image: none; background-color: #6b7886; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; }

#page-wrap { position: relative; width: 840px; padding: 30px; margin: 30px auto 5px; background: white; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; min-height: 500px; }

#header { width: 900px; position: absolute; z-index: 10; top: -25px; left: -0px; height: 120px;/* background: url(images/social-network.png) 50% 0 no-repeat; */ border-bottom: 2px solid #ccc }
#header h1 { position: absolute; bottom: 0px; left: 270px; line-height: 1; letter-spacing: 5px; text-shadow: 1px 1px 3px #666; }
#header h1 a { color: #333; text-decoration: none; }
#header p { position: absolute; bottom: 0px; right: 30px; line-height: 1; font-size: 24px; text-transform: uppercase; letter-spacing: 3px; text-align: right; color: #666; }
#home-link { position: absolute; top: -25px; left: -48px; width: 295px; height: 190px; z-index: 40; text-indent: -9999px; }

#main-content { float: right; width: 600px; margin: 100px 0 0 0; position: relative; z-index: 20; }
#main-quote { width: 520px; height: 194px; background: url(images/quote.png) no-repeat; text-indent: -9999px; position: relative; left: 2px; margin: 0 0 20px 0; }

.post { margin: 0 0 40px 0; }
.post a { font-weight: bold; border-bottom: 1px dotted #647484; }
.post a:hover { border-bottom: 1px solid white; }
.post h4, .post h4 a, .post h4 a:hover { border: 0; margin: 0; }
.post h4 a:hover { text-decoration: underline; }
.post * ~ h3, .post * ~ h4 { margin-top: 25px; }

.meta { background: url(images/bg.png); padding: 1px 5px; color: #eee; margin: 5px 0; }

.coupon { border: 5px dashed #ccc; padding: 20px; text-align: center; -moz-transform: rotate(-2deg); font-size: 20px; }
.breadcrumb { background: #eee; padding: 1px 5px; }

.single #post-title { color: #eee; text-shadow: 1px 1px 0 #666, 2px 2px 0 #666; font-size: 36px; background: url(images/bg.png); padding: 30px 50px; margin: 100px 0 0 0; width: 800px; text-align: center; position: relative; margin-left: -30px  }
.single aside, .single #main-content { margin-top: 20px; }
.single .meta { background: #666; padding: 3px 0 3px 275px; color: #eee; position: relative; left: -30px; width: 625px; }
.single .entry p:first-child:first-line { font-size: 135%; letter-spacing: 1px; text-transform: uppercase; }
.single .entry p:first-child:first-letter { font-size: 500%; float: left; line-height: 79px !important; margin: 0 5px 0 0; text-shadow: 1px 1px 3px #000; font-weight: 100; }

#featured-widgets { list-style: none; }
#featured-widgets li { position: relative; margin: 20px 0 40px 0; }
#featured-widgets h3, #featured-widgets p { padding: 0 0 0 200px; }
.image-and-button { position: absolute; top: -20px; left: 0; width: 200px; text-align: center; }
.image-and-button img { margin: 0 0 15px 0; }

aside { float: left; width: 200px; margin: 100px 0 0 0; }
aside h4 { text-align: right; }

nav ul { list-style: none; margin: 0 0 15px 0; }
nav li { margin: 0 0 5px 0; }
nav li a { background-color: #909673; overflow: visible !important; font-size: 15px; padding: 10px 4px; width: 215px; display: block; color: white; position: relative; left: -30px; text-indent: 26px; }
nav li a em { font-size: 13px; }
nav li a span, .date span { background-color: #909673; background-image: url(images/shadowLeft.png); background-position: top right; background-repeat; repeat-y; position: absolute; right: 100%; height: 100%; width: 20px; top: 5px; }
nav li:nth-child(1) a, nav li:nth-child(1) a span { background-color: #5c5d91; }
nav li:nth-child(2) a, nav li:nth-child(2) a span { background-color: #647484; }
nav li:nth-child(3) a, nav li:nth-child(3) a span { background-color: #728c8c; }
nav li:nth-child(4) a, nav li:nth-child(4) a span { background-color: #768c72; }
nav li:nth-child(5) a, nav li:nth-child(5) a span { background-color: #909673; }
nav li a:hover { text-decoration: none; background-color: #666; }
nav li a:hover span { background-color: #666; }

ol.commentlist { list-style: none; margin: 0 0 20px 0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

.widget { background: url(images/shadowTopRight.png) top right no-repeat; padding: 17px 22px 0 0; margin: 0 0 30px 0; margin: 0 0 0 -10px }
.widget h5 { color: #555; }
.widget p { color: #999; line-height: 1.5; }
.sidebar-post { margin: 0 0 20px 0; }
.date { position: relative; left: -20px; text-align: right; padding: 2px 8px 2px; width: 193px; }
.latest-post h4 { color: #909673; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.latest-post .date { background: #909673; color: #e7e9dd; }
.latest-post .date span { background-color: #909673; }
.industry-news h4 { color: #ad7601; text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; }
.industry-news .date { background: #ad7601; color: #e7e9dd; width: 193px; }
.industry-news .date span { background-color: #ad7601; }

#searchform #s { width: 188px; margin: 0 0 10px 0; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 999; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
* html .ui-tooltip { background-image: none; } /* Fades and background-images don't work well together in IE6, drop the image */
body .ui-tooltip { border-width: 2px; }
.mini { float: left; margin: 0 10px 0 0; }

footer { width: 900px; margin: 0 auto 20px; color: #999; text-transform: uppercase; letter-spacing: 3px; }
#footer-quote { float: left; width: 49%; }
#footer-copyright { float: right; width: 49%; text-align: right; }

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: headerFont, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


li.current-menu-item a, li.current-menu-item a span	{background-color: #b00!important; text-shadow: 1px 1px 1px #333; }
body.single-format-standard li#menu-item-26 a, body.single-format-standard li#menu-item-26 a span	{background-color: #b00!important; text-shadow: 1px 1px 1px #333; }



/* File:       uki_facebook_wall_feed.css
   Author:     Fedil Grogan
   Date:       01/03/2011
   Copyright:  Fedil Grogan 2011
   Purpose:
   This is the styling sheet for the facebook feed. I tried to make it as
   close to facebook as possible. Feel free to change as you wish.
*/
#facebook_status_box {
  background: #ffffff;
  color: #383838;
  margin: 0px;
  padding: 0px;
  width: 296px;
  height: 450px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#facebook_status_box h2, #facebook_status_box h5 {
  margin: 0px;
  padding: 0px;
}
#facebook_status_box p {
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #383838;
  line-height: 150%;
}
#facebook_status_box h2 {
  padding: 10px 0px 10px 30px;
  background: #F6F6F6;
  letter-spacing: -.5px;
  font-size: 1.4em;
  color: #383838;
}
#facebook_status_box #facebook_canvas {
  overflow: auto;
  height: 409px;  
}
#facebook_status_box .fb_post {
  margin: 10px 4px;
  border: 1px solid #C4CDE0;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#facebook_status_box .fb_post h5 {
  padding: 0px;
  font-size: 11px;
  margin-bottom: 2px;
  line-height: 1;
}
#facebook_status_box .fb_post h5 a {
  color: #0A7A98;
  text-decoration: none;
}
#facebook_status_box .fb_post .fb_photoblock {
  border-bottom: 1px solid #e6e6fa;
  overflow: hidden;
  padding: 7px;
  margin: 0;
}
#facebook_status_box .fb_post .fb_photo {
  float: left;
  width: 32px;
  margin-right: 2px;
}
#facebook_status_box .fb_post .fb_time {
  color: #999999;
}
#facebook_status_box .fb_post .fb_time img {
  padding-right: 5px;
}
#facebook_status_box .fb_post .fb_photo img {
  border: none;
  width: 32px;
  height: 32px;
}
#facebook_status_box .fb_post .fb_photo_content {
  font-size: 11px;
  float: left;
  width: 85%;
}
#facebook_status_box .fb_post .fb_msg {
  clear: both;
  padding: 7px;
  overflow: hidden;
}
#facebook_status_box .fb_post .fb_msg p {
  font-size: 12px;
}
#facebook_status_box .fb_link_post img {
  margin: 0px 3px 0px 0px;
  float: left;
}
#facebook_status_box .fb_link_post h6 {
  font-size: .9em;
  margin: 3px 0px 0px 0px;
}
#facebook_status_box .fb_link_post a {
  color: #0A7A98;
  text-decoration: none;
}
#facebook_status_box .fb_link_post a:hover {
  text-decoration: underline;
}
#facebook_status_box .fb_link_post p {
  font-size: .9em;
  color: #999999;
}
#facebook_status_box .fb_link_post p.fb_link_caption {
  margin: 0px;
  margin-top: -5px;
  color: #383838;
}
#facebook_status_box .fb_link_post p.fb_vid_length {
  font-size: 10px;
}
#facebook_status_box .fb_link_post p.fb_desc {
  font-size: 11px;
}
#facebook_status_box .fb_link_post p.fb_cap {
  font-size: 11px;
  color: #000000;
}
#facebook_status_box .fb_post img.fb_post_icon {
  float: left;
  margin: 2px;
}
#facebook_status_box .fb_post .fb_commLink {
  font-size: 11px;
  background: #EDEFF4;
  padding: 3px 7px;
  clear: both;
}
#facebook_status_box .fb_post .fb_commLink a {
  color: #0A7A98;
  text-decoration: none;
}
#facebook_status_box .fb_post .fb_msg .fb_commLink a:hover {
  text-decoration: underline;
}
#facebook_status_box .fb_post .fb_likes {
  float: right;
  margin-left: 5px;
}
#facebook_status_box .fb_post .fb_likes a {
  background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/yx/r/zGa_R4SG5mm.png);
  background-repeat: no-repeat;
  background-position: -11px -172px;
  height: 14px;
  padding-left: 18px;
}
#facebook_status_box .fb_msg p.fb_story {
  font-size: 10px;
  color: #999999;
}
#facebook_status_box .fb_post .fb_comments {
  background-color: #EDEFF4;
  font-size: 11px;
  border-bottom: 1px solid #e6e6fa;
  overflow: hidden;
  padding: 7px;
  margin: 0;
}
#facebook_status_box .fb_post .fb_comments p {
  font-size: 11px;
  margin: 0;
  padding: 0;
  float: left;
}
#facebook_status_box .fb_post .fb_comments a {
  color: #0A7A98;
  text-decoration: none;
}

.shadowed	{
	-moz-box-shadow: 0px 1px 4px #333;
	-webkit-box-shadow: 0px 1px 4px #333;
	box-shadow: 0px 1px 4px #333;
}
input#submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
input#submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
input#submit:active {
	position:relative;
	top:1px;
}
input#author, input#email, input#url, textarea#comment	{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	box-shadow: 0px 1px 4px #ccc;
	border: 1px solid #ccc;
	margin: 3px 0;
	padding: 3px;
}


.alignright	{
	float: right;
	margin: 0 0 15px 15px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

aside h2, aside h2 a	{
	color: #AD7601;
	text-shadow: 1px 1px 0 #E7E9DD, 2px 2px 0 #E7E9DD;
	font-family: Tenor Sans; 
	font-size: 17px;
	text-align: right;
	letter-spacing: 0;
}
.twtr-hd h4 a	{
	color: #AD7601!important;
	text-shadow: none;
	font-family: Tenor Sans; 
	font-size: 14px;
	text-align: right;
	letter-spacing: 0;
}
.twtr-hd h3	{
	color: #fff!important;
	text-shadow: none;
	font-family: Tenor Sans; 
	font-size: 12px;
	text-align: right;
	letter-spacing: 0;
}
.twtr-tweet-text	{
	font-family: Tenor Sans; 
	font-size: 12px;
}
img.nicki	{
	position: absolute;
	top: -3px;
	left: 50px;
	z-index: 1000;
}
.twtr-doc	{
-moz-box-shadow: 0px 1px 4px #333;
-webkit-box-shadow: 0px 1px 4px #333;
box-shadow: 0px 1px 4px #333;
}