@font-face {
  font-family: "Candara";
  font-weight: normal;
  src: local("Candara"), url("../fonts/Candara.ttf");
}

/* element overides */
body {
background-color: #eeeeee;
background-image:url(../images/backgrounds/body-background.jpg);
background-position:center top;
background-repeat: repeat-y;
font-family: Candara, Helvetica, Arial, sans-serif;
color: #333;
margin:0 auto;
}
p {
font-size: 1.2em;
margin-bottom: 0.75em;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
#nav a:hover, a:active {text-decoration:none;}
.content a:link, .content a:visited {text-decoration:none;}
.content a:hover, .content a:active, .content a:focus {text-decoration:underline;}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}
/* blog stuff, shareThis buttons */
.stLarge {margin:0 6px 6px 0;}

/* layout overides */
#container {width: 800px;}
#header h1 {
float:right;
height:52px;
margin:0;
text-align:right;
width: 260px;
}
.main, .secondary, .tertiary, .roundedBox {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.875);
color: rgba(51, 51, 51, 1);
padding: 1.25em 1.5em 1em;
font-size:1em;
}
.quaternary {
width: 230px;
}
#footerInset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: rgba(204, 204, 204, 0.25);
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
-webkit-box-shadow:1px 2px 4px #f3f3f3;
-moz-box-shadow:1px 2px 4px #f3f3f3;
box-shadow:1px 2px 4px #f3f3f3;
width:96%;
display:inline;
float:left;
margin: 10px 0 0 0;
padding: 1.25em 1.5em 1em;
}
#pageTopButton {
	background:url(../images/up.png) no-repeat; 
	background-position:  left top;
}
#pageTopButton:hover {
	background:url(../images/upHover.png) no-repeat; 
	background-position:  left top;
}

#nav {
margin-top: 20px;
float:left;
}
#nav ul {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.90);
}
#nav ul li ul {margin:0;}
#nav li .primary {
padding:8px 10px;
font-weight:bold;
}

#nav li:hover .primary, #nav li:active .primary {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.90);
}

#nav #current {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.50);
/*border:1px solid #fff;*/
}
#navCol {height:1000px; margin-bottom:24px;}
#navCol ul {
margin:0 8px 12px 4px;
padding:0;
list-style:none;
}
#navCol li {
margin:0 8px 0 8px;
padding:8px 0;
list-style:none;
}
#navCol .current {
font-weight:bold;
color: green;
}
#nav li a:link, #nav li a:visited, #navCol li a:link, #navCol li a:visited {text-decoration:none !important;}
#nav li a:hover, #nav li a:active, #navCol li a:hover, #navCol li a:active {color:green;font-weight:bold;text-decoration:underline;}

#footer p.textCopyright, #footer p.textEasyFramework {text-align: center; color:#999; font-size: 0.8em; margin-bottom:0;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover, #footer a:active {color:#0B76E0; text-decoration:underline;}
#footerMisc {text-align: center;}
#adSenseWide {margin: 10px auto;}

/* misc. styles */
#subheaderWelcomeSection {
background: #666 url(../images/backgrounds/backgroundSubheadWelcomeV5.jpg) repeat scroll left top;
margin-bottom: 0.5em;
width: 770px;
}
.subheaderWelcome {height:140px;}
.subheaderWelcomeBox {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:2px 2px 4px #fff;
-moz-box-shadow:2px 2px 4px #fff;
box-shadow:2px 2px 4px #fff;
padding: 2em 1.5em 1em;
}
.subheaderSection {height:43px;}
.subheaderBox {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:2px 2px 4px #fff;
-moz-box-shadow:2px 2px 4px #fff;
box-shadow:2px 2px 4px #fff;
padding: 2em 1.5em 1em;
}
#ribbonVersion {position:absolute; top: 152px; left: 640px; z-index:1000;}

/* misc text styles */
.textHugeWelcome {
font-size: 2.25em;
font-weight: bold;
line-height: 1em;
text-shadow: 1px 1px 3px #000 /* #263607 */;
color:#fff;
}
.textMediumWelcome {
font-size: 1.5em;
line-height: 1.5em;
text-shadow: 1px 1px 3px #000 /* #182105 */;
color: #fff /* #efefef #F1FFDA #E4FFAE */;
}
.textLarge {font-size: 1.3em;}
.textMedium {font-size: 0.95em;}
.textSmall {font-size: 0.8em;}
.textTiny {font-size: 0.75em; color:#999;}
sup, sub {
font-size:0.5em;
}
.main h1, .main h2, .main h3, .main h4, 
.main h1 a, .main h2 a, .main h3 a, .main h4 a, 
.secondary h1, .secondary h2, .secondary h3, .secondary h4, 
.secondary h1 a, .secondary h2 a, .secondary h3 a, .secondary h4 a,
.tertiary h1, .tertiary h2, .tertiary h3, .tertiary h4 
.tertiary h1 a, .tertiary h2 a, .tertiary h3 a, .tertiary h4 a {
color: #804000;
font-weight: normal;
}

.recipeIngredients {list-style:none; font-size: medium;}
.recipeDirections {}

/* misc styles */
.featurePhoto {width:40%;}
.featureDetails {width:54%;}
.padding {padding:10px;}
.paddingIcons {padding:4px 10px 50px;}

#easy_popupcontent, #easy_popuppreloader {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-align:center;
}
#easy_popupcontent span.caption {text-align:center; color:#ccc; display:none !important;}
#easy_popupcontent img {
margin:0 auto;
padding:0 auto;
}
#easy_popupcontent small {
/* The link to close popups */
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin: 0 20px;
/* -----------------------
	ToDo: Change js to add id's/classes to 
	control these popup elements
	---------------------- */
/* float:right;
right:0; */
}
#easy_popupcontent .caption {
top:-34px;
display:block;
padding:0;
position:absolute;
font-style:oblique;
}
#easy_popupgallery span {
margin: 0 20px;
}
#easy_popupgallery small {
/*margin-left: 20px;*/
}
#easy_popuppreloader {padding: 10px 20px;}

ul.galleryImages {
margin:0;
padding:0;
list-style-type:none;
}
ul.galleryImages li {
float:left;
padding:12px 0;
list-style-type:none;
margin: 0 17px 0 1em
}
.galleryImage {
margin:2em;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:1px solid #fff;
-webkit-box-shadow:1px 3px 6px #999;
-moz-box-shadow:1px 3px 6px #999;
box-shadow:1px 3px 6px #999;
}
.galleryImageMed {
width:220px /*256px*/;
height:160px /*190px*/;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:3px solid #fff;
-webkit-box-shadow:1px 3px 6px #999;
-moz-box-shadow:1px 3px 6px #999;
box-shadow:1px 3px 6px #999;
}
.galleryMarginLeft {margin-left: 8px;}
#fadeshow1 {width: 300px; height: 218px;}
.galleryImageFeatured {
height:218px;
width:300px;
margin:1.25em 0.5em 0;
padding:4px;
}

/* --- --------------------------------------------------- --- */

/* === Simple Content Slider === */
#carousel {text-align:center; width:100%; margin-bottom:1em;}
#contentCarousel { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0; border-left: 1px solid #ddd; height: 320px; width: 696px; overflow: hidden; margin:0 auto 1em; }
#contentCarousel ul { position: relative; width: 6960px; padding: 0px; }
#contentCarousel ul li { height: 320px; width: 696px; list-style: none;  float: left; margin:0; }
/* ----------------------------- */

.margin {margin:1em !important;}
.tooltip {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*border:3px solid #fff;*/
}
.radiusLg {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.radiusMed {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/*border:3px solid #fff;*/
}
.boxout {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 30%;
}
.shadow {
-webkit-box-shadow:1px 3px 6px #999;
-moz-box-shadow:1px 3px 6px #999;
box-shadow:1px 3px 6px #999;
}
.dropShadowBg {
background-image:url(../images/backgrounds/dropShadowBg.png);
background-position:center -14px;
background-repeat:no-repeat;
color: #804000 !important;
text-shadow: -1px -1px 0 #fff;
height:32px;
margin-top:16px;
padding-top:16px;
text-align:center;
font-size:26px;
}

.portfolioMain {margin:0 16px;}
.portfolioMisc {margin-left:66px;}
ul.portfolioLinkList {list-style-type:none; float:left; width:44%; margin-left:20px;}
.linkListWrapper {
background-color: rgba(210,228,140,.9);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border:1px solid #9fbc2c;
width:100%;
padding-top:20px;
}
.portfolioLinkItem, .portfolioLinkItem a:visited {font-family: Candara, Helvetica, Arial, sans-serif; font-size:23px; font-weight:bold;}
.portfolioLinkIcon {vertical-align:middle;}

#nav .icon16 {width:16px; height:16px; border:0; margin:0 4px; display:inline; vertical-align: middle;}
.icon32 {border:0;width:32px;height:32px;padding:4px;}
.icon16 {border:0;width:16px;height:16px;padding:4px;}
/* stuff on the home page */

#feedMyFlickr {
width:170px;
}
#feedMyFlickr img {
float:left;
margin: 0 10px 10px 0;
}


/* feed from Twitter */
#my-twitter .twtr-join-conv {display:none;}
#my-twitter .twtr-hd {border-bottom:2px dotted #ddd;}
div#twtr-widget-1.twtr-widget {font-family: Geneva, Arial, Helvetica, sans-serif !important; font-size:11px !important;}
#twtr-widget-1 {margin-left: -10px;}

#mySimplePie {line-height:1.4em; width:460px;}
#mySimplePie p {line-height:1.4em;}
#mySimplePie a {
	text-decoration:none;
}
#mySimplePie a:visited {
	text-decoration:none;
}
#mySimplePie a:hover, #mySimplePie a:active {
	text-decoration:underline;
}
/*div.headerSimplePie {
background: transparent url(../images/backgrounds/headerSimplePieBg.png) no-repeat left top;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.6);
	margin-bottom:6px;
	height:50px;
}*/


/* button by Nick La - http://www.webdesignerwall.com
----------------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .35em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* white */
.white {
	color: #777;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.white:hover {
	color: #666;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
label {font-weight:bold; font-size:large;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:medium;}
/* done w/buttons and form stuff
----------------------------------------------------- */

/* Success, error & notice boxes for messages and errors. */
.dialog { width: 80%; padding: 1em 3em .5em; margin: 2em auto 0 auto; text-align: center; }
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; 
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				}
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }