/* BASIC */

body{ margin: 50px 0 25px 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }

a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

h1,h2,h3,h4,h5{ margin: 0; padding: 0; }
h1{ font-size: 2em; }
h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1em; }

.image-left, .image-right{ padding: 20px; }
.image-left{ float: left; }
.image-right{ float: right; }

blockquote, code{ margin: 20px 0; padding: 20px; font-style: italic; }

ul.disc { list-style-type: disc; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square; }
ol.arabic-numbers{ list-style-type: decimal; }
ol.upper-alpha{ list-style-type: upper-alpha; }
ol.lower-alpha{ list-style-type: lower-alpha; }
ol.upper-roman{ list-style-type: upper-roman; }
ol.lower-roman{ list-style-type: lower-roman; }

/* LAYOUT */

#wrapper, #footer{ margin: 0 auto; }
#wrapper{ position: relative; }
#header, #featureImage, #contentRounder{ margin: 0 20px; position: relative; z-index: 2; }
#gradientLeft, #gradientRight{ position: absolute; top: 62px; height: 179px; z-index: 1; }
#gradientLeft{ left: 0; background: transparent url('gradient.png') top left no-repeat; } /* Width = total layout width - 60px */
#gradientRight{ right: 637px; width: 60px; background: transparent url('gradienu.png') top right no-repeat; }
#spacer{ display: block; position: relative; width: 100%; height: 20px; }

/* HEADER */

#header{ position: relative; margin-top: -20px; }
#header img{ margin: 20px 0 0 0; }
#header h2{ position: relative; font-size: 16px; line-height: 1.5em; margin-top: 20px;  }

#headerToolbar{ position: relative; z-index: 2; }
#headerToolbar ul{
	padding: 0;
	list-style: none;
	line-height: 3.1em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
html > body #headerToolbar ul{ line-height: 2.7em; }
#headerToolbar ul ul{ display: none; }
#headerToolbar li{ display: inline; zoom: 1; }
html > body #headerToolbar li{ display: inline-block; }
#headerToolbar li a{ margin: 0; padding: 0.8em 0 0 0.75em; text-decoration: none; background: transparent url('tab-end0.png') top left no-repeat; }
html > body #headerToolbar li a{ padding-bottom: 0.8em; }
#headerToolbar li a span{ margin: 0; padding: 0.8em 1.5em 0.8em 0.75em; background: transparent url('tab00000.png') top right no-repeat; }
#shadow{
	position: relative;
	z-index: 3;
	display: block;
	margin-top: -5px;
	width: 100%;
	height: 5px;
	background-color: transparent;
	background-image: url(tab-shad.);
	background-repeat: repeat-x;
}

/* BANNER AND BREADCRUMBS */

#featureImage{ display: block; position: relative; background-color: transparent; background-position: top center; background-repeat: no-repeat; }
#breadcrumbsBackground, #breadcrumbs{ position: absolute; bottom: -26px; width: 100%; font-size: 12px; line-height: 1em; background: transparent url('breadcru.png') top repeat-x; height: 35px; }
#breadcrumbsBackground{ background-image: none; height: 31px; opacity: 0; filter:alpha(opacity=0); }
html > body #breadcrumbsBackground{ height: 30px; }
#breadcrumbs ul{  margin: 5px 0 0 0; padding: 8px 10px 8px 10px; list-style: none; }
#breadcrumbs li{ display: inline; }


/* STORE LINKS */

#storeLinks{ position: relative; z-index: 10; margin: 0 20px; padding: 0; list-style: none; background: #ffffe1; padding: 10px; }
#storeLinks li{ display: inline; }
#storeLinks a{ margin: 0 0 0 20px; padding: 10px 0 10px 25px; color: #fa862f; font-weight: bold; font-family: arial, helvetica, verdana, sans-serif; }
#storeLinks a.cart{ background: transparent url('menuCart.gif') left no-repeat; }
#storeLinks a.quote{ background: transparent url('menuQuot.gif') left no-repeat; }
#storeLinks a.mail{ background: transparent url('menuMail.gif') left no-repeat; }
#storeLinks a.video{ background: transparent url('menuVide.gif') left no-repeat; }
#storeLinks a.help{ background: transparent url('menuHelp.gif') left no-repeat; }
#storeLinks a.first{ margin-left: 10px; }


/* SIDEBAR & CONTENT */

#sidebar, #content{ line-height: 1.5em; }

/* SIDEBAR */

#sidebar{ width: 220px; margin: 20px 0; }
#sidebar-menu ul{ margin: 0; padding: 0; list-style: none; }
#sidebar-menu li a{ text-decoration: none; font-weight: bold; font-size: 1.1em; display: none; }
#sidebar-menu ul ul{ margin: 0 0 20px 0; }
#sidebar-menu ul ul li a{ display: block; }
#sidebar-menu ul ul ul{ margin: 3px 0; padding-left: 25px; list-style: disc; }
#sidebar-menu ul ul ul a{ font-weight: normal; font-size: 1em; }

#sidebar-title{ margin-bottom: 10px; }
#sidebar-content{ margin: 0 0 20px 0; padding: 0; }

/* CONTENT */

#content{ position: relative; padding: 20px; }

/* FOOTER */

#footer{ padding: 20px 0; text-align: center; }


/* BLOG PAGE */

.blog-entry { margin-bottom: 20px; }
.blog-entry-title { font-size: 1.5em; }
.blog-entry-date{ padding: 7px 0 10px 0; font-weight: bold; }
p.blog-entry-tags{ font-weight: bold; } 

ul.blog-tag-cloud { margin: 0 20px 20px 20px; padding: 0; text-align: justify; }
ul.blog-tag-cloud li { display: inline; padding-right: 5px; }
.blog-tag-size-1 { font-size: 0.8em; }
.blog-tag-size-2 { font-size: 0.85em; }
.blog-tag-size-3 { font-size: 0.9em; }
.blog-tag-size-4 { font-size: 0.95em; }
.blog-tag-size-5 { font-size: 1em; }
.blog-tag-size-6 { font-size: 1.05em; }
.blog-tag-size-7 { font-size: 1.1em; }
.blog-tag-size-8 { font-size: 1.15em; }
.blog-tag-size-9 { font-size: 1.2em; }
.blog-tag-size-10 {	font-size: 1.25em; }
.blog-tag-size-11 {	font-size: 1.3em; }
.blog-tag-size-12 { font-size: 1.35em;}
.blog-tag-size-13 { font-size: 1.4em; }
.blog-tag-size-14 {	font-size: 1.45em; }
.blog-tag-size-15 { font-size: 1.5em; }
.blog-tag-size-16 {	font-size: 1.55em; }
.blog-tag-size-17 {	font-size: 1.6em; }
.blog-tag-size-18 {	font-size: 1.65em; }
.blog-tag-size-19 { font-size: 1.7em; }
.blog-tag-size-20 {	font-size: 1.75em; }									

#blog-categories br, #blog-archives br, #blog-rss-feeds br{ display: none; }
#blog-categories, #blog-archives{ padding: 0 20px 20px 20px; }
#blog-categories a, #blog-archives a, #blog-rss-feeds { position: relative; }
#blog-categories a, .blog-category-link-disabled{ display: block; padding: 3px 0 3px 25px; background: transparent url(tag_blue.gif) left no-repeat; }
#blog-archives a, .blog-archive-link-disabled{ display: block; padding: 3px 0 3px 25px; background: transparent url(calendar.gif) left no-repeat; }
#blog-rss-feeds{ padding: 0 20px; }
#blog-rss-feeds a{ display: block; padding: 3px 0 3px 25px; background: transparent url(icon-sid.gif) left no-repeat; }

.blog-archive-month{ font-size: 2em; font-weight: bold; }
.blog-archive-link{ padding: 20px 0; }


/* FILESHARING PAGE */

.filesharing-description{ margin-bottom: 20px; }
.filesharing-item{ padding: 0 0 10px 0; }
.filesharing-item-title{ font-size:1.5em; margin-bottom: 5px; }


/* PHOTO ALBUM PAGE */

.album-title{ font-size: 2em; line-height: 1.6em; font-weight: bold; }
.album-description{ display: block; padding: 20px 0; }
.album-wrapper{ position: relative; width: 100%; padding-top: 40px; overflow: visible; }
.thumbnail-wrap{ text-align: center; position: relative; float: left; margin-bottom: 60px; margin-right: 10px; }
.thumbnail-frame { position: absolute; bottom: 0; left: 0; }