@charset "UTF-8";

/* ******************************
 * Reset based on: http://meyerweb.com/eric/tools/css/reset/
 ****************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
    font-family: Arial, Arial;
}
body { line-height: 1; }
ol, ul { list-style: inside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"'  */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* resize images cleanly in ie */
/*img{ -ms-interpolation-mode:bicubic }*/

/* ******************************
 * Utilities  *********************
 ****************************** */
.clear { clear:both; }
.hidden { display:none; }
.floatLeft { float:left; }
.floatRight { float:right; }

/* ******************************
 * Global Defaults **************
 ****************************** */
body {
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
    font-size:12px;
    font-weight:normal;
    font-family: Arial;
	color:#000;
	padding: 0 0 20px 0;
	background:#808080 url(/wp-content/themes/nobu/_img/backgrounds/blog-background.png) top left repeat-x;
}
a:link, a:active {
    color:#e05e1e;
    text-decoration:underline;
	outline:none;
}
a:visited {
    color:#e05e1e;
    text-decoration:underline;
}
a:hover {
    color:#e05e1e;
    text-decoration:underline;
}

#container {
	width:960px;
	margin:auto;
	position:relative;
}

/* ******************************
 * Blog Content *****************
 ****************************** */
#content-container {
	width:586px; min-height:500px;
	float:left;
	background-color:#fff;
	text-align:left;
	padding: 16px 0 48px 40px; 
}

#content-container h2.archive-title {
	font-size:25px;
	width:482px;
	color:#000;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:#cccccc 1px solid;
	margin-bottom:20px;
	font-weight:200;
}

/* used on single posts to remove the bottom border
   that shows up on blog items in list view
*/
.post-single {
	border-bottom:none !important;
	padding-bottom:4px !important;
}

.post {
	width:482px;
	font-size:14px; color:#333333;
	line-height:20px;
	border-bottom:#cccccc 1px solid;
	padding-bottom:30px;
	padding-top:13px;
	margin-bottom:20px;
}

.post h2 a {
	font-size:30px;
	color:#e05e1e;
	text-decoration:none !important;
	font-weight:200;
	line-height:30px;
}

.post h2 a:hover {
	text-decoration:underline !important;
}


.post .date {
	padding-top:5px;
	color:#999999; font-size:14px;
	text-transform:uppercase;
}

.post .content {
	color:#333333; line-height:24px;
	padding-top:22px;
}
	.post .content p {
		padding-bottom:10px;
	}
	.post .content .author {
		color:#999999; font-size:14px;
		text-transform:uppercase;
	}

.post .footer {
	padding-top:7px;
	text-align:left;
	padding-bottom:20px;
}

.post .footer .navigation {
	float:left;
	font-size:14px; color:#999999;
	padding-top:10px;
}

.post .footer .navigation a { text-decoration:none; font-size:14px }
.post .footer .navigation a:hover { text-decoration:underline; }

.post .footer .categories {
	text-align:left;
	font-style:italic;
	color:#999999;
	padding-bottom:10px;
}

.post .footer .addthis {
	float:right;
	text-align:right;
	width:125px;
	padding-top:4px;
}

/* ******************************
 * Page Content *****************
 ****************************** */
.page {
	width:482px;
	font-size:14px; color:#333333;
	line-height:20px;
	padding-top:13px;
}

.page h2 { font-size:30px; color:#000; font-weight:100; padding-top:32px}

.page .content {
	color:#333333; line-height:24px;
	padding-top:22px;
}
	.page .content p {
		padding-bottom:23px;
	}

img.alignleft { float:left; margin-right:10px; margin-bottom:8px;}

img.alignright { float:right; margin-left:10px; margin-bottom:8px;}

/* ******************************
 * Main Navigation **************
 ****************************** */
ul#main-nav {
	width:407px;
	height:165px;
	position:absolute;
	left:555px; top:0px;
	*left:554px; /* ie 6 hack */
}

ul#main-nav li {
	list-style:none;
	width:406px;
	float:left;
}

ul#main-nav li a {display:block; width:406px; }
ul#main-nav li span { display:none }

ul#main-nav li a.read-stories { width:100%; height:43px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px 0px no-repeat; }
ul#main-nav li a.how { width:100%; height:40px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -44px no-repeat; }
ul#main-nav li a.submit { width:100%; height:41px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -84px no-repeat; }
ul#main-nav li a.tell { width:100%; height:40px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -125px no-repeat; }

ul#main-nav li a.read-stories:hover, ul#main-nav li a.read-stories-active { width:100%; height:43px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -175px no-repeat; }
ul#main-nav li a.how:hover, ul#main-nav li a.how-active { width:100%; height:40px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -219px no-repeat; }
ul#main-nav li a.submit:hover { width:100%; height:41px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -259px no-repeat; }
ul#main-nav li a.tell:hover { width:100%; height:40px; background: url(/wp-content/themes/nobu/_img/blog/nav.png) 0px -300px no-repeat; }

/* ******************************
 * Sidebar **********************
 ****************************** */
#content-sidebar {
	width:295px;
	float:right;
	padding-top:201px;
	text-align:left;
}

#content-sidebar ul {
	width:270px;
}

#content-sidebar ul li {
	width:100%;
	list-style:none;
	float:left;
	padding-bottom:29px;
}

#content-sidebar ul li.rss-feed a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000; font-size:15px; font-weight:bold;
	padding-left:22px;
	background: url(/wp-content/themes/nobu/_img/blog/rss-icon.png) 0 2px no-repeat;
}
 
#content-sidebar ul li.rss-feed a:hover {
	color:#fff;
}

#content-sidebar ul li h2.widgettitle {
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
}

li.widget_archive ul li,
li.widget_categories ul li {
	padding-bottom:6px !important;
}

li.widget_archive ul li a,
li.widget_categories ul li a {
	font-size:15px;
	color:#fff;
	text-decoration:none;
}

li.widget_archive ul li a:hover,
li.widget_categories ul li a:hover {
	text-decoration:underline;
}

/* ******************************
 * Header ***********************
 ****************************** */

#header {
	width:100%;	height:340px;
	min-width:960px;
	background: url(/wp-content/themes/nobu/_img/backgrounds/header.png) 50% 0 no-repeat;
	position:relative;
	z-index:99;
}

#header-sidebar-container {
	width:960px; height:100%;
	margin: 0 auto;
}

#header-sidebar-container #header-sidebar {
	width:376px; height:330px;
	background-color:#000;
	margin-left:561px;
	position:relative; text-align:left;
	font-family:Arial; font-size:15px;
	padding-left:24px; padding-top:10px;
}
	#header-sidebar-container #header-sidebar .content {
		position:relative;
		width:349px;
		padding-bottom:28px; 
		text-align:left; line-height:20px;
		color:#fff;
	}
	#header-sidebar-container #header-sidebar .content a.back-home { font-size:13px; font-weight:normal; text-decoration:none; display:block; }
	#header-sidebar-container #header-sidebar .content a.back-home:hover { text-decoration:underline; }
	
	#header-sidebar-container #header-sidebar .content-links {
		width:349px;
	}
	
	#header-sidebar-container #header-sidebar .content-links a span { display:none; }
	
	#header-sidebar-container #header-sidebar .content-links a.learn-more {
		width:242px; height:31px; display:block; margin-bottom:4px;
		background: url(/wp-content/themes/nobu/_img/sidebar/try-buy-buttons.png) 0 0 no-repeat;
	}
	#header-sidebar-container #header-sidebar .content-links a.learn-more:hover {
		background: url(/wp-content/themes/nobu/_img/sidebar/try-buy-buttons.png) -250px 0 no-repeat;
	}
	
	#header-sidebar-container #header-sidebar .content-links a.buy-norton {
		width:198px; height:29px; display:block;
		background: url(/wp-content/themes/nobu/_img/sidebar/try-buy-buttons.png) 0 -42px no-repeat;
	}
	#header-sidebar-container #header-sidebar .content-links a.buy-norton:hover {
		background: url(/wp-content/themes/nobu/_img/sidebar/try-buy-buttons.png) -208px -42px no-repeat;
	}
	
	#header-sidebar-container #header-sidebar .content-links a:hover {
		background: url(/wp-content/themes/nobu/_img/sidebar/arrows.png) 100% -58px no-repeat;
		color:#fff;
	}


/* ******************************
 * Footer ***********************
 ****************************** */
#content-footer {
	width:960px;
	margin:29px auto 0 auto;
	text-align:left;
}
#content-footer .content {
	width:626px;
	text-align:left;
	font-size:13px; color:#fff;
}

#content-footer .content .logo {
	float:left; 
	width:90px; height:29px;
	background: url(/wp-content/themes/nobu/_img/blog/footer-logo.gif) top left no-repeat;
}

#content-footer .content .logo span { display:none; }

#content-footer .content .links {
	float:right;
	width:531px;
	line-height:18px;
}

#content-footer .content .links a {
	color:#fff;
	text-decoration:none;
}

#content-footer .content .links a:hover {
	text-decoration:underline;
}


/* ******************************
 * Pagination *******************
 ****************************** */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; font-size:14px;}
.wp-paginate a {background:#fff; border:1px solid #e05e1e; color:#e05e1e; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#e05e1e; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#e05e1e; margin-right:4px;}
.wp-paginate .current {color:#000; background:#fff; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next { border:none; text-transform:uppercase; }
.wp-paginate a.prev:hover, .wp-paginate a.next:hover { background:none; text-decoration:underline; color:#e05e1e; }


/* ******************************
 * Submit Story Form ************
 ****************************** */
.error { color:#e05e1e; }

.errorMsg {
	font-size:15px;
	color:#e05e1e;
	line-height:20px;
	padding-bottom:15px;
	display:none;
}

/* Story Form */
#submit-story-form h2 {
	color:#fff;
	font-size:20px; font-weight:200;
	text-transform:uppercase;
	padding-bottom:20px;
}

#submit-story-form .half input {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:164px;
	height:18px;
	padding-left:4px;
	padding-top:2px;
}

#submit-story-form .full input {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:344px;
	height:18px;
	padding-left:4px;
	padding-top:2px;
}

#submit-story-form .threequarter input {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:299px;
	height:18px;
	padding-left:4px;
	padding-top:2px;
}

#submit-story-form .story textarea {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:343px;
	height:118px;
	padding-left:4px;
	padding-top:2px;
}

#submit-story-form .story {
	position:relative;
	width:347px; height:132px;
}


#submit-story-form .half {
	position:relative;
	width:168px; height:37px;
}

#submit-story-form .full {
	position:relative;
	width:348px; height:37px;
}

#submit-story-form .threequarter {
	position:relative;
	width:303px; height:37px;
}

#submit-story-form .http {
	font-size:15px;
	color:#999999;
	float:left;
	padding-top:3px;
	height:37px;
}

#submit-story-form label {
	position:absolute;
	top:4px; left:5px;
	font-size:13px; color:#666666;
}

#submit-story-form label:hover {
	cursor:text;
}

form#story-form .req { font-size:15px; }

#story-thanks {
	width:352px;
	background-color:#000;
	color:#fff;
	font-size:18px;
	line-height:24px;
	font-weight:100;
}

#story-thanks h2 {
	color:#fff;
	font-size:20px; font-weight:200;
	text-transform:uppercase;
	padding-bottom:20px;
}

/* Friend Form */
#submit-friend-form h2 {
	color:#fff;
	font-size:20px; font-weight:200;
	text-transform:uppercase;
	padding-bottom:20px;
}

#submit-friend-form .half input {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:164px;
	height:18px;
	padding-left:4px;
	padding-top:2px;
}

#submit-friend-form .yourMessage textarea {
	border:none;
	background-color:#fff;
	font-size:13px; color:#666666;
	width:343px;
	height:118px;
	padding-left:4px;
	padding-top:2px;
}

#submit-friend-form .yourMessage {
	position:relative;
	width:347px; height:147px;
}


#submit-friend-form .half {
	position:relative;
	width:168px; height:37px;
}

#submit-friend-form .http {
	font-size:15px;
	color:#999999;
	float:left;
	padding-top:3px;
	height:37px;
}

#submit-friend-form label {
	position:absolute;
	top:4px; left:5px;
	font-size:13px; color:#666666;
}

#submit-friend-form label:hover {
	cursor:text;
}

#submit-friend-form .req { font-size:15px; }

#friend-thanks {
	width:352px;
	background-color:#000;
	color:#fff;
	font-size:16px;
	line-height:24px;
	font-weight:100;
}

#friend-thanks h2 {
	color:#fff;
	font-size:20px; font-weight:200;
	text-transform:uppercase;
}

#friend-thanks h3 {
	display:block;
	color:#fff;
	font-size:18px; font-weight:200;
	margin-bottom:20px;
}


/* ******************************
 * I LIKE IT CSS Override *******
 ****************************** */
.iLikeThis { display:inline; font-size:13px !important; color:#e05e1e; width:200px !important}
.iLikeThis .counter { background:url(/wp-content/themes/nobu/_img/blog/like-thumb.gif) center right no-repeat !important; padding:0 20px 0 0 !important; font-weight:normal !important; margin-left:5px; }
.iLikeThis .counter a { cursor:pointer; color:#999999}
.iLikeThis .counter a.image { background:url(add.png) center right no-repeat; padding:0 20px 0 0; }
.iLikeThis-container { float:right; width:100px; text-align:right; padding-right:22px; }