/*
Theme Name: Hoppala
Theme URI: http://www.hoppala.eu/
Description: Hoppala theme
Author: Marc René Gardeya
Author URI: http://www.hoppala.eu/
*/

/* html, body			{ width: 100%; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; color: #555; background-color: #c0e94d } */
html, body			{ width: 100%; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; color: #555 }
a				{ color: #555; text-decoration: underline }
a:hover				{ background-color: #673695; color: #EFB553 }

ol				{ list-style-type: disc; margin: 1.5em 0 0 1em }
li				{ line-height: 120%; margin-top: 0.5em }

/* sticky footer */
#sfwrapper			{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em }
#sffooter, #sfpush		{ height: 4em; }
#sffooter			{ }

/* liquid layout */
#llheader, #llmenu, #llcontent, #llfooter	{ overflow: hidden; display: inline-block }
#llheader, #llfooter		{ width: 100% }
#llmenu, #llcontent		{ float: left }
#llcontent			{ width: 76%; margin-left: 24%; display: inline }
#llmenu				{ width: 24%; margin-left: -100%; display: inline }
#llheader			{ }
#llfooter			{ height: 4em }
#llheader			{ }
#llcontent			{ }
#llmenu				{ }

/* header */
/* #headerframe			{ background-image: url('/wp-content/themes/hoppala/easter/head.jpg'); background-repeat: no-repeat; height: 163px; text-align: right; cursor: pointer } */
#headerframe			{ height: 163px; text-align: left; cursor: pointer }
.followme			{ display: block; width: 160px; height: 30px; padding: 3px }
.slideshare			{ display: block; width: 166px; height: 33px }
.linkedin			{ display: block; width: 160px; height: 26px; padding: 3px }
.youtube			{ display: block; width: 160px; height: 26px; padding: 3px }

/* content */
#contentframe			{ margin: 0 1em 0 1em }
.content			{ }
.content h1			{ font-size: 160%; padding-bottom: 0.4em; color: #673695 }
.content h2			{ font-size: 140%; padding: 2em 0 0; margin: 0 0 0.6em 0; clear: both; color: #673695 }
.content p			{ line-height: 130%; margin: 0 0 0.6em 0; padding: 0 }
.content .footnote		{ font-size: 80%; border-top: 1px solid #787878 }
.content .navigation		{ padding-top: 1em }
.content object			{ float: left; margin: 0.5em 1em 0.5em 0 }
.content .size-medium		{ float: left; margin: 0.5em 1em 0.5em 0 }
.content .size-full		{ float: left; margin: 0em 1em 0.5em 0 }
.posts				{ margin-top: 1em }

/* menu */
#menuframe			{ padding: 0.3em 1em }
.menu				{ margin-bottom: 1.2em; padding-bottom: 0.6em; border-bottom: 1px; border-style: solid; border-color: #673695 }
.menu h1			{ color: #673695; font-weight: normal; margin-bottom: 1em; padding: 0 0.4em; font-size: 110% }
.menu h2			{ color: #673695; font-weight: bold; margin-bottom: 1em; padding: 0 0.4em; font-size: 110% }
.menu ol			{ margin: 0 }
.menu ol li			{ list-style-type: none; margin: 0 }
.menu ol a			{ display: block; text-decoration: none; margin: 0.2em 0; padding: 0.4em }
.menu li.current_page_item a	{ background-color: #EFB553; color: #673695; font-style: italic }

/* footer */
#footerframe			{ padding: 3em 1em 0 1em; font-size: 80%; text-align: center }

        td                      { margin: 0; padding: 2px; vertical-align: top }
        table.layout            { margin: 0 auto; width: 100% }

        #map                            { width: 75%; height: 400px; float: left; overflow: hidden }
        #sidebar                        { width: 25%; height: 400px; background-color: #DDD; overflow: scroll; }

	.rbtl			{ background-image: url('/wp-content/themes/hoppala/images/easter/rbtl.png'); background-repeat: no-repeat; margin-right: 5px; height: 5px }
	.rbtr			{ background-image: url('/wp-content/themes/hoppala/images/easter/rbtr.png'); background-repeat: no-repeat; background-position: right; height: 5px }
	.rbbl			{ background-image: url('/wp-content/themes/hoppala/images/easter/rbbl.png'); background-repeat: no-repeat; margin-right: 5px; height: 5px }
	.rbbr			{ background-image: url('/wp-content/themes/hoppala/images/easter/rbbr.png'); background-repeat: no-repeat; background-position: right; height: 5px }
	.rbbody			{ background-color: #673695; padding: 0 5px }
	.title1			{ background-image: url('/wp-content/themes/hoppala/images/easter/title1.png'); background-repeat: no-repeat; height: 14px; padding: 0 0 4px 0 }
	.title2			{ background-image: url('/wp-content/themes/hoppala/images/easter/title2.png'); background-repeat: no-repeat; height: 14px; padding: 0 0 4px 0 }
	.title3			{ background-image: url('/wp-content/themes/hoppala/images/easter/title3.png'); background-repeat: no-repeat; height: 14px; padding: 0 0 4px 0 }
	.title4			{ background-image: url('/wp-content/themes/hoppala/images/easter/title4.png'); background-repeat: no-repeat; height: 14px; padding: 0 0 4px 0 }
	.title5			{ background-image: url('/wp-content/themes/hoppala/images/easter/title5.png'); background-repeat: no-repeat; height: 14px; padding: 0 0 4px 0 }
	.titlespacer		{ height: 1em }

        .slider                 { background-color: #AAA; position: relative; height: 2em; width: 100%; cursor: pointer; z-index: 0; margin: 0px }
        .sliderhandle           { background-color: #333; position: absolute; height: 2em; width: 2em; cursor: move; z-index: 2 }

        #sidebar ul             { margin: 0; padding: 0; list-style-type: none }
        #sidebar li             { margin: 0; padding: 0; border-width: 0 0 1px 0; border-color: #CCC; border-style: solid }
        #sidebar li.odd         { background-color: #EEE }
        #sidebar li.even        { background-color: #DDD }
        #sidebar a              { text-decoration: none; color: #222; display: block; padding: 4px }
        #sidebar a:hover        { background-color: #AAA }

        #layerbar               { width: 200px; height: 450px; background-color: #DDD; border: 1px solid #CCC; overflow: hidden }
        #layerselection         { width: 90%; display: block; margin: 8px auto }
        #layeruri, #optionid    { width: 95%; display: block; margin: 0 auto; font-size: 70% }

        #radiustext             { text-align: center; line-height: 170% }

        .marker                 { white-space: nowrap }
        .marker h1              { font-size: 100%; margin: 0 0 8px 0; padding: 0 }
        .marker img             { border: 1px solid #CCC }
        .marker .description    { font-size: 80%; padding: 0; margin: 0 }
        .marker .attribution    { font-size: 70%; margin-top: 5px }
        .marker .actions        { text-align: center }
        .marker .coordinates    { font-size: 70%; background-color: #EEE; border-top: 1px solid #CCC; padding: 3px; margin-top: 4px; text-align: center }

        #cluster                { width: 800px; line-height: 150% }
        #ul.cluster             { margin: 0; padding: 0; list-style-type: none }
        #ul.cluster li          { margin: 0; padding: 0; margin-right: 2em; float: left }

        .small                  { font-size: 70% }
        .center                 { margin: 1em 0 0 0; padding: 0; text-align: center }