/*
CONTENTS

LAYOUT
global layout tweaks
general resets and defaults 
template variations 
content components global padding 
images in stackAuto components global style 

CONTENT
global font control 
default font styles 
- headings 
- paragraphs, lists, etc 
- anchors 
- decal special component - structured data list 
decal custom styles 
- anchors 
- simple data list 
- headings, paragraphs & lists 
- custom colors 

TEMPLATE CUSTOMISATION 
crop images on smaller screens  
image captions
header 
navigation 
banner  
content  
section
aside
footer 
custom styling for decal structured data list 
blog styles 
*/

/* general resets and defaults */
*
{
	border: 0;
	margin-left: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
}
html,
body
{
    height:100%;
}
.fbody
{
	font-size: 18px; /* default font size 14px */
	text-align: center;
	font-style: normal;
	text-decoration: none;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  min-width: auto\9; /* IE7-8 need help adjusting responsive images */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
img[width] {
  min-width: 0; /* Overwrite min-width: auto when img width set */
}
#page
{
    min-height:100%;
}
.wrapper
{
	margin: 0 auto;
	max-width: 1100px;
	font-style:normal;
}
#header ul,
#nav ul,
#footer ul
{
    list-style-type:none;
	font-style:normal;
    padding-left:0;
    margin-bottom:0;
}

#template2column #nav
{
    position:relative;
    left:75%;
}
#template2column #section
{
    position:relative;
    left:-25%;
}
/* increase central gutter(s) */
#template2column #aside .stackContent,
#template3column #aside .stackContent,
#template3column #aside2 .stackContent,
#template3columnFlip #aside2 .stackContent
{
    margin-left:20px;
}
#template2columnFlip #aside .stackContent,
#template3columnFlip #aside .stackContent
{
    margin-right:20px;
    margin-left:20px;
}
#template3columnFlop #aside .stackContent,
#template3columnFlop #aside2 .stackContent
{
    margin-left:10px;
    margin-right:20px;
}


/* CONTENT */

/* CSS3 */
/*    border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    -khtml-border-radius:5px;*/
/*    -webkit-border-radius:5px;*/
/*    box-shadow:0 1px 4px #ddd;*/
/*    -moz-box-shadow:0 1px 4px #ddd;*/
/*    -khtml-box-shadow:0 1px 4px #ddd;*/
/*    -webkit-box-shadow:0 1px 4px #ddd;*/
}

/* anchors */
a,
a:visited
{
	text-decoration: none;
	cursor: pointer;
	color: #999999;
	vertical-align: baseline;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
	font-style: normal;
}
a:visited
{
/*    color:blue;*/
}
#global a:hover,
#global a:focus,
#section a:hover,
#section a:focus
{
    border-bottom-color:transparent !important; 
    color:red;
    color:#ba321c;
}
a.anchorRss,
a.anchorRss:visited
{
    padding-right:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-rss-16.png) scroll no-repeat right center;
}
a.anchorRecent,
a.anchorRecent:visited
{
    padding-left:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-recent.png) scroll no-repeat left center;
}
a.anchorPermalink,
a.anchorPermalink:visited
{
    padding-right:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-link.png) scroll no-repeat right center;
}
a.anchorSearch,
a.anchorSearch:visited
{
    padding-right:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-search.png) scroll no-repeat right center;
}

/* decal special component - structured data list */
ul.dataList
{
    padding:0 !important;
    border-top:1px dashed #000;
    margin-bottom:0;
}
ul.dataList li.dataListRow
{
    border:1px dashed #000;
    border-top:0;
    list-style-type:none;
    margin-bottom:0;
    overflow:hidden;
    padding:0;
/* IE fix */
    *position:relative;
    *zoom:1;
}
ul.dataList li.dataListRow:after
{
    content:" ";
    display:block;
    font-size:0;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.dataList li.dataListRow .dataListCell1,
ul.dataList li.dataListRow .dataListCell2,
ul.dataList li.dataListRow .dataListCell3,
ul.dataList li.dataListRow .dataListCell4,
ul.dataList li.dataListRow .dataListCell5,
ul.dataList li.dataListRow .dataListCell6
{
/* resets */
    margin:0;
    text-transform:none;
    text-shadow:none;
    font-size:1em;
    font-weight:normal;
    letter-spacing:normal;
/**/
    border-right:1px dashed #000;
    float:left;
    padding:0.5em 1%;
    padding-bottom:999em;
    margin-bottom:-998.5em;
}
ul.dataList2col li.dataListRow .dataListCell2,
ul.dataList2colLarge li.dataListRow .dataListCell2,
ul.dataList3col li.dataListRow .dataListCell3,
ul.dataList3colLarge li.dataListRow .dataListCell3,
ul.dataList4col li.dataListRow .dataListCell4,
ul.dataList4colLarge li.dataListRow .dataListCell4,
ul.dataList5col li.dataListRow .dataListCell5,
ul.dataList5colLarge li.dataListRow .dataListCell5,
ul.dataList6col li.dataListRow .dataListCell6,
ul.dataList6colLarge li.dataListRow .dataListCell6
{
    border-right:0;
    margin-right:-99px;
}
ul.dataList2col li.dataListRow .dataListCell1,
ul.dataList2colLarge li.dataListRow .dataListCell1,
ul.dataList2col li.dataListRow .dataListCell2,
ul.dataList2colLarge li.dataListRow .dataListCell2
{
    width:48%;
}
ul.dataList3col li.dataListRow .dataListCell1,
ul.dataList3colLarge li.dataListRow .dataListCell1,
ul.dataList3col li.dataListRow .dataListCell2,
ul.dataList3colLarge li.dataListRow .dataListCell2,
ul.dataList3col li.dataListRow .dataListCell3,
ul.dataList3colLarge li.dataListRow .dataListCell3
{
    width:31.333%;
}
ul.dataList4col li.dataListRow .dataListCell1,
ul.dataList4colLarge li.dataListRow .dataListCell1,
ul.dataList4col li.dataListRow .dataListCell2,
ul.dataList4colLarge li.dataListRow .dataListCell2,
ul.dataList4col li.dataListRow .dataListCell3,
ul.dataList4colLarge li.dataListRow .dataListCell3,
ul.dataList4col li.dataListRow .dataListCell4,
ul.dataList4colLarge li.dataListRow .dataListCell4
{
    width:23%;
}
ul.dataList5col li.dataListRow .dataListCell1,
ul.dataList5colLarge li.dataListRow .dataListCell1,
ul.dataList5col li.dataListRow .dataListCell2,
ul.dataList5colLarge li.dataListRow .dataListCell2,
ul.dataList5col li.dataListRow .dataListCell3,
ul.dataList5colLarge li.dataListRow .dataListCell3,
ul.dataList5col li.dataListRow .dataListCell4,
ul.dataList5colLarge li.dataListRow .dataListCell4,
ul.dataList5col li.dataListRow .dataListCell5,
ul.dataList5colLarge li.dataListRow .dataListCell5
{
    width:18%;
}
ul.dataList6col li.dataListRow .dataListCell1,
ul.dataList6colLarge li.dataListRow .dataListCell1,
ul.dataList6col li.dataListRow .dataListCell2,
ul.dataList6colLarge li.dataListRow .dataListCell2,
ul.dataList6col li.dataListRow .dataListCell3,
ul.dataList6colLarge li.dataListRow .dataListCell3,
ul.dataList6col li.dataListRow .dataListCell4,
ul.dataList6colLarge li.dataListRow .dataListCell4,
ul.dataList6col li.dataListRow .dataListCell5,
ul.dataList6colLarge li.dataListRow .dataListCell5,
ul.dataList6col li.dataListRow .dataListCell6,
ul.dataList6colLarge li.dataListRow .dataListCell6
{
    width:14.666%;
}
ul.dataList6col li.dataListRow .dataListCell6,
ul.dataList6colLarge li.dataListRow .dataListCell6
ul.dataList2colLarge,
ul.dataList2colLarge,
ul.dataList3colLarge,
ul.dataList4colLarge,
ul.dataList5colLarge,
ul.dataList6colLarge
{
    font-size:1.3em;
}
/* feature request for future implementations */
ul.dataList2col li.oddChild
{
    background-color:#ddd;
}
ul.dataList2col li.evenChild
{
    background-color:#eee;
}

/* decal custom styles */
/* anchors */
a.anchorBlock, /* decal: Block */
a.anchorBlock:visited
{
    display:block;
    padding:10px;
}
a.anchorBlock:hover,
a.anchorBlock:focus
{
    background-color:#f2ede6;
}
a.anchorExternal, /* decal: External */
a.anchorExternal:visited
{
    padding-right:12px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-external.gif) scroll no-repeat right center;
}
a.anchorComment, /* decal: Comment */
a.anchorComment:visited
{
    padding-right:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-comment.png) scroll no-repeat right center;
}
a.anchorPrevious, /* decal: Previous */
a.anchorPrevious:visited
{
    padding-left:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-previous.png) scroll no-repeat left center;
}
a.anchorNext, /* decal: Next */
a.anchorNext:visited
{
    padding-right:20px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-next.png) scroll no-repeat right center;
}

/* simple data list */
ul.dataListSimple /* decal: List with margin */
{
    list-style-type:none;
    width:100%;
    padding-left:0;
}
ul.dataListSimple li,
ul.dataListSimpleDouble li
{
    background:none;
    margin-bottom:0.3em;
}
ul.dataListSimple li strong
{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:20%;
    padding-right:10px;
}
ul.dataListSimpleDouble /* decal: List with double margin */
{
    list-style-type:none;
    padding-left:0;
}
ul.dataListSimpleDouble li
{
    margin-bottom:0.3em;
}
ul.dataListSimpleDouble li strong
{
    display:-moz-inline-stack;
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:40%;
    padding-right:10px;
}

/* headings, paragraphs & lists */
.fontMajor
{
    clear:both;
}
.fontMajor img
{
    margin-bottom:0;
}
h1.fontMajor, /* decal: Major */
h2.fontMajor,
h3.fontMajor,
h4.fontMajor,
h5.fontMajor,
h6.fontMajor
{
    background:#9fd6d0 url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/bg-header.png) scroll repeat 0 0;
    padding:10px 12px;
    margin-bottom:0.75em;
/*    border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    -webkit-border-radius:5px;*/
/*    -khtml-border-radius:5px;*/
}
h1.badge, /* decal: Badge */
h2.badge,
h3.badge,
h4.badge,
h5.badge,
h6.badge
{
    color: #D5CABB;
    float: left;
    letter-spacing: normal;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: -0.35em;
}
p.fontSmall, /* decal: Small Font */
ul.fontSmall,
ol.fontSmall
{
    font-size:0.85em;
}
p.fontLarge, /* decal: Large Font */
ul.fontLarge,
ol.fontLarge
{
    font-size:1.3em;
    line-height:1.3em;
}
p.fontMinor, /* decal: Minor */
ul.fontMinor,
ol.fontMinor
{
    font-size:0.885em;
    color:#666;
    text-align:center;
}
p.fontMajor /* decal: Major */
{
    padding:10px 12px;
    background-color:#9fd6d0;
    color: #333333;
    font-size: 1.1em;
    padding: 10px 12px;
/*    border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    -webkit-border-radius:5px;*/
/*    -khtml-border-radius:5px;*/
}
*.sectionBreakAbove /* decal: Section Break - Above */
{
    margin-top:40px;
    padding-top:40px;
    border-top:2px solid #d5cabb;
}
*.sectionBreakBelow /* decal: Section Break - Below */
{
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:2px solid #d5cabb;
}
*.postDate /* decel: Blog post date */
{
    text-transform:uppercase;
    padding-left:22px;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/icon-calendar.gif) scroll no-repeat 2px center;
}
p.quote /* decal: Quote */
{
    padding-left:45px;
    font-size:1.3em;
    line-height:1.3em;
    color:#666;
    font-style:italic;
    background:transparent url(../spell-bee-03/StackLayout%20-%20A%20flexible%20width,%20component%20based%20CSS%20layout%20system_files/images/bg-quote.gif) scroll no-repeat 0 0.2em;
    margin-bottom:0.5em;
}
p.quoteCredit /* decal: Quote Credit */
{
    padding-left:45px;
    font-weight:bold;
}


/* custom colors */
*.colorAAAAAA /* decal: #AAAAAA */
{
    color:#AAAAAA;
}
*.color3f3229 /* decal: #3f3229 */
{
    color:#3f3229;
}

/* TEMPLATE CUSTOMISATION */
/* crop images on smaller screens  */
.rr-image-holder
{
    overflow:hidden;
}
p.rr-image-caption-wrapper
{
    overflow:visible;
}
/* image captions */
#footer .rr-image-caption-wrapper a .rrImageCaption,
#aside .rr-image-caption-wrapper a .rrImageCaption,
#aside2 .rr-image-caption-wrapper a .rrImageCaption
{
    width:auto !important;
}


/* custom styling for decal structured list */
ul.dataList
{
/*    -moz-border-radius:5px;*/
/*    -webkit-border-radius:5px;*/
/*    -khtml-border-radius:5px;*/
/*    box-shadow:0 1px 3px #444;*/
/*    -moz-box-shadow:0 1px 3px #aaa;*/
/*    -khtml-box-shadow:0 1px 3px #444;*/
/*    -webkit-box-shadow:0 1px 3px #444;*/
}
ul.dataList,
ul.dataList li.dataListRow,
ul.dataList li.dataListRow .dataListCell1,
ul.dataList li.dataListRow .dataListCell2,
ul.dataList li.dataListRow .dataListCell3,
ul.dataList li.dataListRow .dataListCell4,
ul.dataList li.dataListRow .dataListCell5,
ul.dataList li.dataListRow .dataListCell6
{
	border-color: #006;
}

/* blog styles */
.blog #content .blogItem,
.blog #content .stackWidget,
.blog #content .blogNav
{
    text-align:left;
}
.blog #content .blogItem
{
    position:relative;
    margin-bottom:2em;
    padding-left:90px;
}
.blog #content .blogItemTitle
{
    margin-top:0;
}
.blog #content .blogItemDate
{
    text-align:center;
    width:60px;
    position:absolute;
    top:0px;
    left:0px;
    font-size:1.5em;
    background-color:#ddd;
	font-style:normal;
}
.blog #content .blogItemDate strong
{
    font-weight:normal;
    display:block;
    padding:10px;
	font-style:normal;
}
.blog #content .blogItemDate span
{
    display:block;
    line-height:1.1em;
}
.blog #content .blogItemDateDay
{
    font-size:1.6em;
	font-style:normal;
}
.blog #content .blogItemDateMonth
{
}
.blog #content .blogItemDateYear
{
    font-size:0.8em;
	font-style:normal;
}
.blog #content .blogItemDetails
{
    background-color:#ddd;
    padding:4px 0;
    margin-bottom:2em;
}
.blog #content .blogItemDetails p
{
    margin-bottom:0;
    padding:6px 12px;
}

.blog #content #disqus_thread
{
    
}
.blog #content #disqus_thread select
{
    padding:2px;
    border:2px solid #ddd;
}
.blog #content #disqus_thread *,
.blog #content #disqus_thread textarea
{
    font-size:16px;
}
.blog #content #disqus_thread button
{
    font-size:14px;
}
.blog #content .blogNav
{
    padding:0;
    margin-bottom:2em;
}
.blog #content .blogNav a
{
    max-width:40%;
}
.blog #content #aside .stackContent li
{
    margin-bottom:0;
}
.blog #content .blogNav a,
.blog #content #aside .stackContent a
{
    border-bottom:0;
    text-decoration:underline;
    padding-top:0.5em;
    padding-bottom:0.5em;
    display:inline-block;
}
.blog #content .blogNav a:hover,
.blog #content .blogNav a:focus,
.blog #content #aside .stackContent a:hover,
.blog #content #aside .stackContent a:focus
{
    text-decoration:none;
}
.blog #content .blogNav p
{
    height:1em;
}
.blog #content .blogNav .anchorPrevious
{
    float:left;
}
.blog #content .blogNav .anchorNext
{
    float:right;
    text-align:right;
}
.blog #content #aside .stackContent
{
    padding:20px;
    padding-bottom:0;
    margin-bottom:20px;
    background-color:#ddd;
}
.blog #content #aside .stackContent h4
{
    margin-top:0;
}
.blog #content #aside .stackContent ul
{
    padding:0;
    list-style-type:none;
}
.blog #content #aside .stackContent p
{
    color:#666;
}
.blog #content #aside .stackContent #twitter,
.blog #content #aside .stackContent #facebook
{
    float:left;
    position:relative;
    width:40%;
}
.blog #content #aside .stackContent #twitter,
{
    left:5px;
}
.blog #content #aside .stackContent #facebook
{
    left:30px;
}