body {font-family: Century Gothic, Arial, Helvetica, serif; font-size: 80%; background-image:url('/images/flower2_copy.jpg');}
#mainwrapper {width:980px;  padding: 10px; margin:0px auto;background:#fff; height: 2500px;}
#olah-logo {float: left; width: 300px; height: 492px; background-image:url('/images/logo.png');background-repeat:no-repeat;}

#olah-nav {position: relative; left: 310px; top: 20px;
width: 638px;
height: 82px;
background:
url(/images/nav2.png)
no-repeat; /*z-index: 100;*/
}
#olah-nav li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#olah-nav a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:pointer;
}
#home-olah {width: 80px; header: 0px; left: -4px;}
#home-olah a, #musings-etc a, #joyfulbites-nav a, #crafting-nav a, #shopping-nav a, #contact-nav a {height: 52px;}
#home-olah a:hover, #musings-etc a:hover, #joyfulbites-nav a:hover, #crafting-nav a:hover, #shopping-nav a:hover, #contact-nav a:hover {border: 1px dashed #6AA109; -webkit-border-radius: 30px; -moz-border-radius: 30px;}

iframe {width: 700px; height: 500px; border: none; overflow:hidden; color: #F8FBFC}
.olah-post-title, .olah-post-title src {width: 650px; height: auto; border: none; overflow:hidden; color: #F8FBFC; text-decoration: none; }

#musings-etc {width: 100px; header: 0px; left: 86px;}

#joyfulbites-nav {width: 110px; header: 0px; left: 204px;}

#crafting-nav {width: 80px; header: 0px; left: 332px;}

#shopping-nav {width: 88px; header: 0px; left: 438px;}

#contact-nav {width: 80px; header: 0px; left: 553px;}

.current-home {/*position: relative; left: -20px;*/ top: -10px;width: 51px;height: 8px;background:
url(http://olahmomma.com/images/nav-hover.png)no-repeat; z-index: 100; border:none;}


.sidebar-left {float: left; margin-top: -240px; width: 250px; height: auto; border: 1px dashed #E9D292; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 8px;}
p .sidebar-left {width: 250px; height: auto; }

.content2-olah {float: right; width: 670px; height: auto; }

/* CSS for the box starts here */
	.box {
		padding:0 12px 0 0;
		background:#fff url(/images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(/images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(/images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(/images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}
	
	/******* */
 #liquid-round {
width:70%;
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}

/*gallery*/
/*CONTENT-RIGHT II*/

/******* */
 .liquid-round {
width:70%; 
margin:0px auto;
background:#fff url(/images/leftside.gif) repeat-y left top;
}
.top {
width:255px;
height:20px;
background:url(/images/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/images/top-right.gif) no-repeat right top;
}
.center-content {width: 210px; height: 500px;
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.center-content2 {width: 210px; height: 770px;
position:relative;
background:url(/images/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}

.bottom {
width:255px;
height:60px;
background:url(/images/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/images/bottom-right.gif) no-repeat right top;
}
p {margin:0 0 1em 0}
/*gallery*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

span .fav-pic, {text-align: center; padding: 8px; font-family: Century Gothic, Arial, serif; color:#082F54}
.fav-pic2 {text-align: center; padding: 8px; font-family: Century Gothic, Arial, serif; font-weight: bold; color:#082F54}
.standard-text {text-align: center; text-decoration: none; font-family: Century Gothic, Arial, serif; font-size: 12px; padding: 8px;}
.standard-text a{text-align: center; text-decoration: none; font-family: Century Gothic, Arial, serif; font-size: 11px; }

/*CONTENT2*/
.content2-1st {float:left; margin-top: 0px; margin-left: -20px;}
.content2-right {float: left; margin-top: 30px; margin-left: -80px;}
.content2-left {float: right; margin-left: 310px; margin-top: -530px; }
.content2-title {text-align: center; margin-left: 100px;}

/*CONTENT2b (second layer of content 2)*/

.content2-2nd {float:left; margin-left: 0px;}
.content2b-right {float: left; margin-top: 30px; margin-left: -310px;}
.content2b-left {float: right; margin-left: 310px; margin-top: -800px; }

/*MINISIDEBAR RIGHT*/

.minisidebar-right {float: right; margin-left: 420px; margin-top: -1540px;width: 150px; height: auto; border: 1px solid #DCEDC8; -webkit-border-radius: 10px; -moz-border-radius: 10px; /*background-color: #DCEDC8;*/ padding: 4px; text-align: center;}
.olah-center {text-align: center; padding: 10px;}

/*SLIDESHOW*/
.galleryview {
	font-size: 90%; 
	font-family: Century Gothic, Helvetica, sans-serif;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	/*border: 1px solid #888;*/
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
a:link, a:visited {
	color: #3671A8;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #CC5914;
}

.panel-overlay h2,
.panel-overlay p{font-family: Century Gothic, Arial, Helvetica, serif; font-size: 120%; font-weight: bold;
	margin: .3em 0; /*color:#F8FBFC*/;
}
.panel-overlay p {font-size: 12px;
	line-height: 0.5em; color: #F8FBFC;
}

#olah-slideshow {margin-top: 0px; margin-left: 280px; background-color: transparent;}
#slideshow-bg {width: 704px; height: 605px; background-image:url('/images/featured_bg2.png');background-repeat:no-repeat;}
#featured-gallery {padding-top: 70px; margin-left: 20px;}

.smalltext {font-family: Arial, serif; font-size: 12px; color: #52771D;}
.bordered {background-color: #E6EDF7; border: 1px solid #E6EDF7; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 6px; margin-top: 0.8em;}
.resources {font-weight: bold; font-style: italic; text-align: center; color: #106A9D; border-bottom: dashed #106A9D 1px;}
.olah-ads {font-weight: bold; font-style: italic; text-align: center; color: #106A9D; font-size: 90%; }
.awards {font-weight: bold; font-style: italic; text-align: center; color: #CF7513; border-bottom: dashed #CF7513 1px;}
.award-bordered {background-color: #EDEBB7; border: 1px solid #EDEBB7; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 6px; margin-top: 0.8em;}
.ads-border{background-color: #FFFFFF; border: 1px solid #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 6px; margin-top: 0.8em;}

#footer-olah {float: left; margin-top: 20px; width: 970px; text-align: center; padding: 10px; background-color: #EDEBB7; border: 1px solid #EDEBB7; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 6px; margin-top: 0.8em; font-size: 90%; }