/*@import "style/css/reset.css";*/
/* @import "style/css/typography.css";
@import "style/css/layout.css";*/

/* COLOR PALLETS

Orange:									#eba105
Light Orange							#efad20
Dark Gray								#2e2e2e
Light Gray								#373737

/* GLOBAL RESET */

*										{ margin: 0; padding: 0; }
html									{ overflow=y; scroll; }
html, body								{ height: 100%; }
body									{ font-size: 12px; font-family: Tahoma; color: #555555; background: white;} /*  url(/images/background.jpg) repeat-y */
ul										{ list-style: square inside; }
ol										{ list-style: decimal inside; }
a img									{ border: none; }
img 									{ vertical-align: middle; }
table									{ border-collapse: collapse; }
a										{ color: #2e2e2e; }
a:visited								{ color: #eba105; }

/* UTILITY */
.floatLeft								{ float: left; }
.floatRight								{ float: right; }
.clear									{ clear: both; }
.button									{ border: 1px solid #272727; background: none; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover							{ background: #2e2e2e; color: white; }


/* STRUCTURE */
#page-wrap								{ width: 959px; margin: 0px auto -250px; min-height: 100%; height: auto; height: 100%; }
#social-media-box						{ width: 330px; height: 68px; background: url(/images/social-media-top.png); margin: 15px 0 0 -2px; }
#blogroll-box							{ width: 330px; height: 68px; background: url(/images/blogroll-top.png); margin: 15px 0 0 -2px; }
#categories-box							{ width: 330px; height: 68px; background: url(/images/categories-top.png) transparent; margin: 70px 0 0 -2px; }
#archives-box							{ width: 330px; height: 68px; background: url(/images/archives-top.png) transparent; margin: 15px 0 0 -2px; }
.bottom-box-frame						{ width: 330px; height: 66px; background: url(/images/bottom-frame.png) transparent; margin: 15px 0 30px -2px; }

#push 									{ height: 250px; }
#push-header							{ height: 93px; }

/* HEADER */

#header									{ width: 959px; height: 180px; background: url(/images/header.png) transparent top left no-repeat; }
#blog-info								{ float: left; margin: 90px 0 0 300px; color: white; position: absolute; color: #eba105; }

/* MENU */
#menu-bar								{ float: left; margin: 124px 0 0 0; width: 959px; position: absolute; }
#main-menu								{ width: 959px; height: 80px; list-style-image: none; list-style-position: outside; list-style-type: none; z-index: 100; position: absolute; margin-top: 8px; }
#main-menu li							{ display: inline; }
#main-menu li a 						{ width: 210px; height: 46px; text-decoration: none; text-indent: -9999px; background: url(/images/menu.png) transparent; display: block; float: left; opacity: 1; } 
#current-page							{ opacity: 0.8; }
#main-menu li a:hover					{ opacity: 0.8; }
#main-menu li.articles-nav a			{ background-position: 0px 0; }
#main-menu li.videos-nav a				{ background-position: -220px 0; }
#main-menu li.snippets-nav a			{ background-position: -440px 0; }
#main-menu li.mywork-nav a				{ background-position: -660px 0; }

/* RSS BUTTON */
#rss-icon								{ background: url(/images/rss-icon.png) transparent no-repeat; text-indent: -9999px; width: 48px; height: 48px; display: block; float: right; margin-right: 40px; margin-top: 2px; }

/* SIDE BAR */
#side-bar								{ width: 326px; background: #2e2e2e; float: right; position: relative; }
#social-media-content					{ color: white; margin: 20px 0 0 5px; font-size: 12px; text-align: center; height: 200px;}
#blogroll-content						{ color: white; margin: -25px 0 0 20px; font-size: 12px; }
#blogroll-content a						{ text-decoration: none; color: white; font-weight: bold; }
#categories-content						{ color: white; margin: -25px 0 0 20px; font-size: 12px; }
#categories-content a					{ text-decoration: none; color: white; font-weight: bold; }
#archives-content						{ color: white; margin: -25px 0 0 20px; font-size: 12px; }
#archives-content a						{ text-decoration: none; color: white; font-weight: bold; }
#categories-content ul					{ margin: 5px 0 0 -7px; width: 98%; }
#categories-content ul li				{ list-style: none; text-decoration: none; border-bottom: 1px solid #666666; padding-bottom: 4px; }
#categories-content ul li:hover			{ background: #373737; }
#categories-content li					{ list-style: none; text-decoration: none; }
#blogroll-content ul					{ margin: 5px 0 0 -7px; width: 98%; }
#blogroll-content h2					{ visibility: hidden; }
#blogroll-content ul li					{ list-style: none; text-decoration: none; border-bottom: 1px solid #666666; padding-bottom: 4px; }
#blogroll-content ul li:hover			{ background: #373737; font-weight: bold; }
#blogroll-content li					{ list-style: none; text-decoration: none; }
#archives-content ul					{ margin: 5px 0 0 -3px; width: 99%; }
#archives-content ul li					{ list-style: none; text-decoration: none; border-bottom: 1px solid #666666; padding-bottom: 4px; }
#archives-content ul li:hover			{ background: #373737; font-weight: bold; }
#archives-content li					{ list-style: none; text-decoration: none; }

/* SEARCH */
#search-box								{ width: 328px; height: 49px; color: white; float: right; margin: 37px 0 0 0;}
form#searchform							{ float: right; margin: 38px 0 0 660px; position: absolute; }
#s										{ height: 20px; border: none; padding: 2px 2px 2px 25px; background: transparent; font-weight: bold; font-size: 16px; color: #2e2e2e; font-style: italic; width: 185px; }
#searchsubmit							{ background: url(/images/search-icon.png) transparent no-repeat; border: none; width: 32px; height: 32px; text-indent: -9999px;}

/* CONTENT */
#content								{ background: white; width: 629px; float: left; padding: 10px 0px 20px 0px; }

/* BLOG ENTRIES */
.post									{ margin: 5px 15px 5px 0px; padding: 0 0 30px 10px; background: url(/images/post-gradient.png) repeat-x top left; }
.post h2								{ color: #eba105; font-size: 26px; text-align: center; }
.post a									{ color: #eba105; text-decoration: none; }
#older-posts							{ font-weight: bold; text-align: right; }		
#post-entry-meta						{ margin-top: 10px; }

/* POST DATE BOX */
div.post-date-box						{ -moz-box-shadow:1px 0 3px #776754; -moz-border-radius-bottomright:2px; -moz-border-radius-topright:2px; position:absolute; background:#E5E5E5 none repeat scroll 0 0; margin: 1px 0 0 -74px; 
											width:66px; }
span.day								{ border-bottom:1px solid #CCCACA; color:#2e2e2e; float:left; font-size:48px; font-weight:bold; padding:3px 0 0 4px; text-align:center; text-shadow:0 1px 0 #888888; }
span.month								{ background:#BFBFBF none repeat scroll 0 0; border-top:1px solid white; clear:both; color:white; display:block; font-size:21px; font-variant:small-caps; padding:5px; text-align:center; }
span.year								{ -moz-transform:rotate(-90deg); color:#BFBFBF; font-size:22px; position:absolute; right:52px; top:31px; }

/* COMMENT COUNT BOX */
#comment-count-box						{ -moz-box-shadow:1px 0 3px #776754; -moz-border-radius-bottomright:2px; -moz-border-radius-topright:2px; position:absolute; background: url(/images/comment-count-box.png) no-repeat 													transparent; margin: 110px 0 0 -74px; width:66px; height: 40px; display: block; }
#comment-counter						{ margin: 8px 0 10px 37px; color: white; font-size: 16px; font-weight: bold; }

/* SINGLE POSTS */
#single-author-summmary					{ font-size: 14px; font-weight: bold; font-style: italic; padding: 0 5px 0 0; text-align: center;}
#single-content							{ padding: 10px 0 0 0; }

/* COMMENTS */
#respond								{ margin-left: 10px; }
#comments								{ margin-left: 10px; }
.commentlist							{ margin-left: 10px; list-style: none; }
.commentlist li							{ border: #D5D5D5 solid 1px; margin: 10px 10px 15px 0; padding: 15px 15px 15px 15px; list-style: none; } 
.commentlist li a						{ font-size: 12px; font-weight: bold; color: #eba105; }
.email-input							{ background: url(/images/email-input-bg.png) transparent no-repeat top left; margin-top: 15px; padding: 10px 5px 5px 45px; height: 20px; width: 150px; outline-style: none; outline-width: medium; border: solid 1px #2e2e2e; }
.name-input								{ background: url(/images/name-input-bg.png) transparent no-repeat top left; margin-top: 15px; padding: 10px 5px 5px 45px; height: 20px; width: 150px; outline-style: none; outline-width: medium; border: solid 1px #2e2e2e; }
.web-input								{ background: url(/images/web-input-bg.png) transparent no-repeat top left; margin-top: 15px; padding: 10px 5px 5px 45px; height: 20px; width: 150px; outline-style: none; outline-width: medium; border: solid 1px #2e2e2e; }
.comment-input							{ margin: 15px 0 15px 0; }
.comment-author vcard					{ float: left; width: 150px; }
ol.commentlist li div.comment-meta		{ color: #373737; font-size: 10px; font-size-adjust: none; text-align: right; margin-top: -40px; padding-bottom: 35px; position: static;}
ol.commentlist li div.comment-meta a	{ color: #373737; font-size: 8px; text-align: right; }
ol.commentlist li div.comment-meta a:hover { color: #eba105; }
ol.commentlist li div.vcard cite.fn		{ margin: 0 0; }
ol.commentlist li p 					{ margin: 0 0 0 35px; }
ol.commentlist li div.reply				{ text-align: right; }
ol.commentlist li div.reply a			{ font-size: 10px; }

/* JUITTER */
#juitterContainer						{ font-size: 10px; margin: 20px 0 0 -7px; width: 98%;}
#juitterContainer .twittLI 				{ border: 1px dashed; clear:both; height:55px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px; padding:3px; }
#juitterContainer .twittList a			{ color: #eba105;}
#juitterContainer .twittList span.time	{ font-size: 8px; }
#juitterContainer .juitterAvatar 		{ background:#FFFFFF none repeat scroll 0 0; border:1px solid #D3EECA; float:left; width:48px; height:48px; margin-right:5px; padding:2px; }

/* FOOTER */
#bottom-footer							{ width: 959px; background: url(/images/footer.png); float: left; }
#copyright-text							{ color: white; text-align: center; }