/*  
Theme Name: uSnacks
Theme URI: http://www.usnacks.com/
Description: uSnacks Blog Theme
Version: 1.0
*/

/* Body and basic style */
* { padding: 0; margin: 0; border: 0; }
body { color: #333; padding-bottom: 50px; background: #fff url(gfx/background.gif) top center repeat-y; }
ul { list-style: none; }
a { color: #0f3fcf; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }

textarea { font-family: inherit; }

/* -- -- -- -- -- -- -- -- -- -- */
/* ## TYPOGRAPHY ## */
/* -- -- -- -- -- -- -- -- -- -- */
body { font-size: 0.9em; font-family: arial, verdana; }
div#notice-box p { font-weight: bold; font-size: 80%; }
	div#notice-box strong { font-size: 230%; }

/* extra nav */
ul#extra-nav { font-size: 90%; }
ul.clist a { font-size: 110%; }

/* # content header */
h2 { font-size: 28px; }
div#extra-column-wrap h3 { font-size: 17px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }

/* # search-box */
form.search-box label { font-size: 25px; font-weight: bold; }
form.search-box input.search { font-weight: bold; }

/* # popular-cloud */
p.popular-cloud strong { font-size: 120%; }
p.popular-cloud a { font-weight: bold; }

/* # Reasons */
div.reasons strong { font-size: 110%; }

/* # Products */
div.prod-list span { font-weight: bold; font-size: 110%; }

/* # cart */
div.sh-wrap ul a.cart-item { font-size: 80%; }
div.sh-wrap p.total { font-family: serif; font-size: 170% }
div.sh-wrap p.total strong { font-family: arial,verdana; }

/* -- -- -- -- -- -- -- -- -- -- */
/* ## LINK COLORS ## */
/* -- -- -- -- -- -- -- -- -- -- */

ul.clist a { color: #000; }
ul.clist a:hover { color: #0099ff; }

/* # Main wrap */
div#main-wrap { width: 874px; margin: 0 auto; }

/* # shopping cart */
div.sh-wrap ul a { color: #333333; }
div.sh-wrap ul a:hover { text-decoration: underline; }

/* -- -- -- -- -- -- -- -- -- -- */
/* ## HEADER ## */
/* -- -- -- -- -- -- -- -- -- -- */

/* Header wrap */
div#header { height: 114px; }

/* Logo */
h1 { position: absolute; top: 10px; text-indent: -999em; width: 262px; height: 104px; background: url(gfx/logo.gif) 0 0 no-repeat; }
	h1 a { display: block; height: 104px; }

/* Order notice */
div#notice-box { background: #ff0000 url(gfx/notice-right.gif) 100% 100% no-repeat; position: absolute; top: 0; left: 50%; margin-left: -164px; width: 328px; }
	div#notice-box p { padding: 9px 12px 9px 43px; color: #fff; background: url(gfx/notice-left.gif) 0 100% no-repeat; }
	div#notice-box span { position: absolute; top: 10px; margin-left: 30px; }

/* Extra Navigation (Account - FAQ - Blog) */

ul#extra-nav { position: relative; padding: 26px 6px 0 0; text-align: right; }
	ul#extra-nav li { display: inline; padding-right: 15px; background: #fff url(gfx/seperator.gif) 100% 50% no-repeat; }
	ul#extra-nav li.extra-last { background: none; padding: 0; }

ul#extra-nav a { color: #0099ff; font-weight: bold; }
	ul#extra-nav a:hover { text-decoration: underline; }

/* Main navigation */

ul#nav { margin-top: 21px; width: 436px; height: 23px; float: right; }
	ul#nav li { float: left; height: 23px; margin-right: 10px; }
		ul#nav li a { text-indent: -999em; display: block; height: 23px; background: url(gfx/menu.gif) 0 0 no-repeat; }

	ul#nav li.nav-home	{ width: 53px; }
		ul#nav li.nav-home a	{ background-position: 0 0; }
			ul#nav li.nav-home a:hover	{ background-position: 0 -23px; }

	ul#nav li.nav-mylist	{ width: 74px; }
		ul#nav li.nav-mylist a	{ background-position: -63px 0; }
			ul#nav li.nav-mylist a:hover	{ background-position: -63px -23px; }

	ul#nav li.nav-uspy	{ width: 46px; }
		ul#nav li.nav-uspy a	{ background-position: -150px 0; }
			ul#nav li.nav-uspy a:hover	{ background-position: -150px -23px; }

	ul#nav li.nav-works	{ width: 116px; }
		ul#nav li.nav-works a	{ background-position: -208px 0; }
			ul#nav li.nav-works a:hover	{ background-position: -208px -23px; }

	ul#nav li.nav-who	{ width: 100px; margin-right: 0; }
		ul#nav li.nav-who a	{ background-position: -336px 0; }
			ul#nav li.nav-who a:hover	{ background-position: -336px -23px; }


/* -- -- -- -- -- -- -- -- -- -- */
/* ## Main Content ## */
/* -- -- -- -- -- -- -- -- -- -- */

div.content-wrap { background: url(gfx/blog/content.gif) 0 0 repeat-y; width: 500px; position: absolute; margin: 30px 0 0 170px; }
	h2 { width: 500px; height: 70px; text-indent: -9999em; background: url(gfx/blog/header.gif) 0 0 no-repeat; }

div.wrapper { background: url(gfx/blog/content-bottom.gif) 100% 100% no-repeat; }

p.subscribe { font-size: 100%; text-align: right; padding: 2px 10px 10px 10px; }
p.subscribe a { color: #ff6600; padding-right: 20px; background: url(gfx/blog/rss.gif) 100% 50% no-repeat; }

h3 { font-size: 28px; color: #0099ff; padding: 0 33px 5px 33px; }
	h3 a { color: #0099ff; }
		h3 a:hover { text-decoration: underline; }
	h3 span { font-size: 90%; color: #666666; }
	h3 em { font-size: 90%; color: #999; font-weight: normal; font-style: normal; }

p { padding: 0 33px 12px 33px; font-size: 95%; line-height: 15pt; }

p.archive { padding-top: 15px; color: #999; }
p.archive a { color: #999; text-decoration: underline; }

ul.archive-list { padding: 0 33px 15px 33px; }

ul.archive-list a { color: #666666; text-decoration: underline; }


/* -- -- -- -- -- -- -- -- -- -- */
/* ## Clear Floats ## */
/* -- -- -- -- -- -- -- -- -- -- */

.clear { border: 0; color: #fff; height: 0; clear: both; }

/* -- -- -- -- -- -- -- -- -- -- */
/* ## Hide this ## */
/* -- -- -- -- -- -- -- -- -- -- */

.hide { display: none; }


/* For Blog: */
h2#blog-header a { display: block; height: 100%; width: 100%; }
.post { margin-bottom: 30px; }
.post .entry p { margin: 0px 0 14px 0; }
.navigation { margin: 0 35px; }
.navigation a { color: #0099ff; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
.archive { clear: both; padding: 10px 35px; }
ul.month-archives { list-style: none; margin: 0 0 15px 35px; padding: 0; }
ul.month-archives li { margin: 2px 0; padding: 0; }
ul.month-archives li a { text-decoration: underline; color: #666666; }

.post { padding: 0 35px; }
.post h2 { height: auto; width: auto; color: #0099ff; text-indent: 0; background: none; margin: 10px 0 0px; padding: 0; }
.post h2 a { color: #0099ff; }
.post .authorDate { margin: 0 0 2px 0; font-size: 20px; }
	.post .authorDate span { color: #777; font-weight: bold; }
	.post .authorDate em { color: #aaa; font-style: normal;}
.post p { margin: 0; padding: 0; }