/* Reset the world */
* { margin: 0px; padding: 0px; }


/* Color/Design Styles */

/* Page Header Background */
#header { background: url(/images/design/bkg_header.jpg) top repeat-x; }
/*#header .container { background: url() top center no-repeat; }*/

/* Dark Primary Color (headings) */
/* #0f5311 */
#content .entry h3, #content .entry h4, #content .entry h5 {
	color: #0f4368;
}
/* Lighter Secondary Color (links) */
/* #167c19 */
#content h2, a, a:visited, a:active {
	color: #1c6286;
}
/* Dark Secondary Color (link hovers) */
/* #555555 */
a:hover {
	color: #555555;
}
#sidebar ul.rss li a:hover {
	border: 1px solid #555555;
}

/* End Color Styles */


/* ====================
   General Site Styles
   ===================*/

body {
	background: #efefef;
	font-family: Geneva, Arial, Tahoma, Serif;
	color: #777;
}

#top {
	background: #5a5959 url(/images/design/bkg_top.jpg) bottom repeat-x;
	border-bottom: 1px solid #000;
	text-align: right;
}

#top p {
	font-size: .7em;
	color: #fff;
	padding: 5px 0;
}

#top a {
	text-transform: uppercase;
	font-family: Arial;
	color:  #fff;
	padding: 7px 5px;
	letter-spacing: -.1em;
}

#header {
	height: 112px;
}

#header h1 a {
	display: block;
	height: 112px;
	width: 222px;
	background: url(/images/design/bkg_logo.jpg) no-repeat;
}

#header h1 span, #header h4 span {
	 display: none;
}

#header #searchBox {
	position: absolute;
	top: 5px;
	right: 12px;
}
#header #searchBox input[type="text"] {
	width: 200px;
	padding: 6px 6px 6px 40px;
	background: #ebebeb url(/images/design/icons/bkg_search.jpg) 5px center no-repeat;
}
#header #searchBox input[type="submit"] { background: #ebebeb; padding: 5px; }

ul#mainMenu {
	display: block;
	background: #404040 url(/images/design/bkg_top.jpg) top repeat-x;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000;
	list-style: none;
	margin: 20px 0;
	width: 980px;
	height: 46px;
	overflow: hidden;
}
ul#mainMenu li {
	float: left;
	border-left: 1px solid #555;
	border-right: 1px solid #000;
}
ul#mainMenu li a {
	display: block;
	padding: 14px 24px;
	color: #fff;
	font-size: .8em;
	text-decoration: none;
}
ul#mainMenu li a:hover {
	background: #0f4368 url(/images/design/bkg_mainMenu_a_hover.jpg) right top repeat-x;
}


#breadcrumb {
	background: url(/images/design/bkg_breadcrumb.jpg) top repeat-x;
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 7px 15px;
	font-size: .7em;
	color: #232323;
}


#content {
	border: 1px solid #ddd;
	background: #fff;
	padding: 15px;
	width: 635px;
	float: left;
}

#content h2 {
	margin-bottom: 12px;
	letter-spacing: -.1em;
}

#content h3 {
   margin-bottom: 10px;
}

#content p, #content blockquote, #content li, #content span {
	font-size: .9em;
	line-height: 170%;
	text-align: justify;
}


#content #meta {
	font-size: .8em;
	color: #888;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 4px 0;
	margin-bottom: 20px;
}
#content #meta p { display: inline; }

#content #meta a.comments {
	padding-left: 20px;
	background: url(/images/design/icons/bkg_comments.jpg) center left no-repeat;
}
#content #meta a.downloads {
	padding-left: 20px;
	background: url(/images/design/icons/bkg_downloads.jpg) center left no-repeat;
}

#content .entry p {
	margin-bottom: 20px;
}
#content .entry ul, #content .entry ol {
	 margin-left: 65px;
	 font-size: .8em;
	 margin-bottom: 20px;
}
#content .entry ul.related {
	list-style: none;
	margin: 10px 0 10px 0;
	font-size: 1em;
}
#content .entry ul.small li, #content .entry ol.small li { line-height: 4px; }

#content .entry blockquote {
	position: relative;
	padding: 10px 30px;
	border: 1px solid #aaa;
	background: #ddd;
	margin: 10px 20px;
	font: italic 1.2em/160% Georgia;
}
#content .entry blockquote p {
	margin-bottom: 0;
}
#content .entry blockquote span {
	position: absolute;
	top: -13px;
	left: 4px;
	font-size: 3em;
	color: #aaa;
}

#content .entry pre {
	margin: 10px 0;
	background: #efefef;
	padding: 5px;
	width: 98.5%;
	overflow: auto;
}

#content .entry pre.inline { display: inline; }

#content .entry table {
	border: 1px solid #ddd;
	width: 100%;
}
#content .entry table th {
	text-align: left;
}
#content .entry table tr {
	padding: 3px;
}
#content .entry table tr.odd {
	background: #e0e0e0;
}
#content .entry table td, #content .entry table th {
	padding: 4px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #dadada;
}
#content .entry table td {
	font-size: .8em;
}

#content .entry #comment_form_box {
    display: block;
    width: auto;
    overflow: auto;
    border-top: 2px solid #ddd;
    padding-top: 10px;
    margin-top: 15px;
}
#content form p.col { float: left; width: 40%; margin-right: 10%; text-align: left;}
#content form p.col input[type='text'] { width: 270px; }

#content .entry .comment { margin-bottom: 25px; }
#content .entry .comment img { float: left; margin: 0 10px 10px 0; }
#content .entry .comment.me img { float: right; margin: 0 0 10px 10px; }
#content .entry .comment a:hover img { border: 1px solid #aaa; }
#content .entry .comment .the_comment p { background: #e3e3e3; padding: 10px; margin-bottom: 0px; }
#content .entry .comment .the_comment blockquote { font-size: .9em; margin: 0px; padding: 5px 5px 5px 25px; border: none; background: #e3e3e3; }
#content .entry .comment .the_comment blockquote p { padding: 0 0 0 25px; border-left: 3px solid #336699; }
#content .entry .comment.me .the_comment img, #content .entry .comment .the_comment img { float: none; margin: 0; padding: 0; }
#content .entry .comment .the_comment {
	background: #fff url(/images/design/bkg_comment_p.jpg) top left no-repeat;
	margin: 0 0 0 95px;
	padding: 0 0 0 30px;
}
#content .entry .comment.me .the_comment {
	background: #fff url(/images/design/bkg_comment_p_me.jpg) top right no-repeat;
	margin: 0 95px 0 0;
	padding: 0 30px 0 0;
}
#content .entry .comment .the_comment p { text-align: left; }
#content .entry .comment p.author {
	background: none;
	font-size: .8em;
	margin: 10px 0 0 130px;
}
#content .entry .comment.me p.author { text-align: right; margin: 10px 130px 0 0; }
#content .entry .comment p.author span { font-size: .8em; }



#content .codeblock {
    margin: 10px 0 20px 0;
    padding: 5px 10px;
    background: #ededed;
    overflow-x: auto;
}
#content p.title { font-size: 1.1em; }

#content .video_box {
   margin: 15px auto 25px;
   padding: 10px;
   border: 1px solid #ccc;
   display: block;
   text-align: center;
}


#separator {
	clear: both;
	display: block;
	height: 35px;
	background: #5a5959 url(/images/design/bkg_top.jpg) bottom repeat-x;
	border-bottom: 1px solid #000;
	margin-top: 20px;
}


#footer {
	background: #ddd;
	padding: 20px;
	border-top: 1px solid #fff;
}

#footer a {
	text-transform: uppercase;
	font-family: Arial;
	font-size: 11pt;
	letter-spacing: -.1em;
	padding: 0 6px;
}
#footer p {
	color: #aaa;
}

.container {
	width: 980px;
	position: relative;
	padding: 0 10px;
	margin: 0 auto;
}


a, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p > a.readOn, .featured_link {
	clear: left;
	background: url(/images/design/bkg_breadcrumb.jpg) top repeat-x;
	border: 1px solid #afafaf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 9px;
	margin-top: 13px;
	display: inline-block;
	text-transform: uppercase;
	font: normal 13px Arial;
	letter-spacing: -.1em;
}
.featured_link { margin: 13px auto; font-size: 14px; font-weight: bold; }
.featured_link a { background: url(/images/icons/arrow_right.png) right -1px no-repeat; padding-right: 32px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.centered { margin: 0 auto; text-align: center; display: block; }
.error {
	font-size: .75em !important;
	color: #000;
	padding: 3px 3px 3px 30px;
	margin-top: 15px;
	background: #f4dede url(/images/design/icons/bkg_error.jpg) 5px center no-repeat;
	border: 1px solid #d07777;
}
.alert { background: #ffebe8; border: 1px solid #b24444; padding: 10px; color: #000; font-size: .75em !important; }
.notice { background: #fcfdbe; border: 1px solid #8d8d74; padding: 10px; color: #000; font-size: .75em !important; }
.success { background: #c3e1bf; border: 1px solid #315733; padding: 10px; color: #000; font-size: .75em !important; }
.small { font-size: .9em; }
.smaller { font-size: .75em; }
br.clear { display: block; }
img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }
img.centered { margin: 10px auto; }
blockquote.left { width: 250px; margin: 0 10px 10px 0; }
blockquote.right { width: 250px; margin: 0 0 10px 10px; }
#content img { padding: 5px; border: 1px solid #ddd; }


form { margin: 20px 0; }
form label { font-size: 11pt; }
form input, form textarea {
	font: normal 11pt/1.3em Arial, Tahoma, Serif;
	color: #333;
	padding: 3px;
	border: 1px solid #ccc;
	background: #e3e3e3;
}
form input[type="text"] { width: 300px; }
form input[type="submit"] {
	margin-top: 15px;
	padding: 5px 40px 5px 5px;
	border: 1px solid #ccc;
	background: #e3e3e3 url(/images/design/icons/bkg_continue.jpg) right center no-repeat;
}
form textarea { width: 587px; }
form input.error {
	margin: 0;
	padding: 3px;
	background: #f4dede url(/images/design/icons/bkg_form_invalid.jpg) right center no-repeat;
	font-size: 11pt !important;
}
form input.pass {
	margin: 0;
	padding: 3px;
	border: 1px solid #52ac72;
	background: #e3e3e3 url(/images/design/icons/bkg_form_valid.jpg) right center no-repeat;
	font-size: 11pt !important;
}


/* End General Site Styles =========




/* ====================================
   Narrow Body Styles (Blog, Portfolio)
    - These are overwritten for certain
      pages with the body class "wide"
   ==================================*/

#sidebar {
	background: #e0e0e0;
	border: 1px solid #bfbfbf;
	border-bottom: none;
	width: 295px;
	overflow: auto;
	margin-top: -31px;
	float: right;
}
#sidebar .box {
	clear: both;
	display: block;
	overflow: auto;
	width: auto;
	padding: 15px;
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #fff;
}
#sidebar .box.twitter_box p { text-align: left !important; }
#sidebar #ads {
	display: block;
	border-top: none;
}
#sidebar #ads > .rightad {
	margin-left: 9px;
}
#sidebar #ads > a {
	margin: 0;
	padding: 0;
}
#sidebar #ads > a img {
	border: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
#sidebar h3 {
	margin-bottom: 10px;
}
#sidebar ul { list-style: none; }
#sidebar ul > li { font-size: .8em; }
#sidebar ul > li > a { display: block; padding: 3px 0 3px 20px; background: url(/images/design/icons/bkg_arrow_small.png) center left no-repeat; }

#sidebar h3#recent {
	background: url(/images/design/icons/bkg_paper_pencil.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar h3#utilities {
	background: url(/images/design/icons/bkg_wrench.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar h3#subscribe {
	background: url(/images/design/icons/bkg_subscribe.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar h3#twitter_home {
	background: url(/images/design/icons/bkg_twitter.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar h3#contact_info {
	background: url(/images/design/icons/bkg_mail.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar h3#hours {
	background: url(/images/design/icons/bkg_clock.jpg) center left no-repeat;
	padding: 4px 0 4px 40px;
}
#sidebar ul.rss li {
	width: 50%;
	float: left;
}
#sidebar ul.rss li a {
	background: url(/images/design/bkg_breadcrumb.jpg) top repeat-x;
	border: 1px solid #afafaf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px 9px;
	margin: 4px 0px;
	display: inline-block;
	text-transform: uppercase;
	font: normal 11px Arial;
}
#sidebar ul.rss li a:hover {
	text-decoration: none;
}
#sidebar ul#socialLinks li { float: left; }
#sidebar ul#socialLinks li a {
	height: 48px;
	width: 48px;
	display: block;
	background-image: url(/images/design/icons/bkg_socialIcons.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 7px 18px 7px 0;
}
#sidebar ul#socialLinks li a span { display: none; }
#sidebar ul#socialLinks li #delicious { background-position: 0px 0px; }
#sidebar ul#socialLinks li #delicious:hover { background-position: -48px 0px; }
#sidebar ul#socialLinks li #designfloat { background-position: 0px -48px; }
#sidebar ul#socialLinks li #designfloat:hover { background-position: -48px -48px; }
#sidebar ul#socialLinks li #mixx { background-position: 0px -96px; }
#sidebar ul#socialLinks li #mixx:hover { background-position: -48px -96px; }
#sidebar ul#socialLinks li #stumble { background-position: 0px -144px; }
#sidebar ul#socialLinks li #stumble:hover { background-position: -48px -144px; }
#sidebar ul#socialLinks li #digg { background-position: 0px -192px; }
#sidebar ul#socialLinks li #digg:hover { background-position: -48px -192px; }
#sidebar ul#socialLinks li #twitter { background-position: 0px -240px; }
#sidebar ul#socialLinks li #twitter:hover { background-position: -48px -240px; }
#sidebar ul#socialLinks li #reddit { background-position: 0px -288px; }
#sidebar ul#socialLinks li #reddit:hover { background-position: -48px -288px; }
#sidebar ul#socialLinks li #technorati { background-position: 0px -336px; }
#sidebar ul#socialLinks li #technorati:hover { background-position: -48px -336px; }

#sidebar .box p span.tweetl {
	position: relative;
	top: .3em;
	margin: .1em .1em 0 -.05em;
	padding: 0;
	font: normal 3em/1em Georgia;
	color: #a4a4a4;
}
#sidebar .box p span.tweetr {
	position: relative;
	top: .6em;
	margin-left: .1em;
	font: normal 3em/1% Georgia;
	color: #a4a4a4;
}

.multiple #sidebar .twitter_box p, .single #sidebar .twitter_box p { font-size: 10pt; }

#breadcrumb {
	width: 635px;
	float: left;
}

#content {
	width: 635px;
	float: left;
}

#content .entry h3.commentHead {
	background: #efefef url(/images/design/icons/bkg_comments_big.jpg) center left no-repeat;
	width: 582px;
	position: relative;
	left: -16px;
	margin: 15px 0;
	padding: 15px 15px 15px 70px;
	display: block;
	border: 1px solid #ddd;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}


	/* ===============================
	   Multiple Body Entries Styles
	    - For archive-type pages
	   ==============================*/

	.multiple #content { padding-top: 0; }
	.multiple #content .entry { padding: 15px 0 0 0; border-bottom: 1px solid #ddd; }

	/* End multple body entries styles


/* End narrow body styles ============





/* ===========================
   Wide content page changes
    - For homepage and static
      pages etc
   =========================*/

.wide #breadcrumb {
	width: 948px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.wide #content {
	width: auto;
	float: none;
}
.wide #sidebar {
	width: auto;
	float: none;
	margin: 15px 0;
	border: 1px solid #bfbfbf;
	background: #e0e0e0 url(/images/design/bkg_home_sidebar.jpg) center repeat-y;
}
.wide #sidebar .box {
	clear: none;
	float: left;
	width: 296px;
	border: none;
	border-top: 1px solid #fff;
}
.wide #sidebar .box p { font-size: 10pt; margin-bottom: 10px; text-align: justify; }

.wide #sidebar .box ul.rss li { text-align: center; }


/* End wide body styles ========




/* ================================
   Page-specific styles
    - This is driven by the body ID
   ===============================*/

#home #content { background: none; border: none; padding: 0; }
#home #homeTabs { width: auto; overflow: auto; display: block; }
#home #homeSlides {
	float: left;
	width: 575px;
	height: 330px;
	background: #e3e3e3;
	border: 1px solid #ccc;
	overflow: hidden;
}
#home #homeSlides img { padding: 0; border: none; }
#home #homeHeadlines {
	float: right;
	width: 385px;
	height: 330px;
	background: #e3e3e3;
	border: 1px solid #ccc;
	overflow: hidden;
}
#home #homeHeadlines ul { list-style: none; }
#home #homeHeadlines li { margin: 15px 0; line-height: 1.35em; background: url(/images/design/bkg_hor_line.jpg) bottom repeat-x; }
#home #homeHeadlines li.last { background: none; }
#home #homeHeadlines li a {
	font-size: .9em;
	display: block;
	padding: 0 10px 10px 25px;
}
#home #homeHeadlines a:hover, #home .ui-state-active a {
	color: #555555; background: url(/images/design/icons/bkg_active_tab.jpg) left 13px no-repeat;
}
#home #homeHeadlines li a strong { font-size: 1.3em; }


#contact #sidebar p { font-size: 10pt; line-height: 1.7em; margin-bottom: 15px; }



/*******************************
    Sale
 ******************************/

#content p.price {
   position: absolute;
   top: 120px;
   right: 345px;
   font: italic bold 14pt Georgia;
   color: green;
}



/* End Page-specific styles ======================




/* ===================================
    jQuery UI Styles for Homepage Tabs
   =================================*/


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* End jQuery UI styles ====================