body {margin: 0px; padding: 0px; background: url(/uploads/style_luovapaja/body_bg.png) repeat-x #ffffff; font-family: "Trebuchet MS", arial, sans-serif; font-size: 80%;}
.hide {display: none;}
div.clear {height: 1px; overflow: hidden; clear: both; margin: 0px; padding: 0px;}


ul.dyn {display: none;}


/* header and main menu */

div#header {width: 100%; height: 88px; position: relative; z-index: 0;}

div#header h1 {width: 272px; height: 88px; margin: 0px; padding: 0px; background: url(/uploads/style_luovapaja/logo.png) no-repeat transparent; position: relative;}
div#header h1 a {width: 170px; height: 40px; display: block; position: absolute; left: 20px; top: 28px;}
p#mainMenu {height: 36px; margin: 0px; position: absolute; left: 270px; top: 61px; font-size: 14px; white-space: nowrap;}
p#mainMenu a.normal, p#mainMenu a.active {height: 19px; padding: 9px 12px 9px 12px; clear: none; border-right: 1px solid #ffffff; text-decoration: none; color: #737373}
p#mainMenu a.active {background: url(/uploads/style_luovapaja/menubg_active.gif) repeat-x transparent; color: #f25700;}
p#mainMenu a.normal:hover, p#mainMenu a.active:hover  {text-decoration: underline;}

p#login {position: absolute; right: 16px; top: 14px; margin: 0px; color: #ffffff; font-size: 11px; font-family: arial, verdana, sans-serif; height: 15px; padding: 2px 9px; background: #f97f00;}
p#login a {color: #ffffff; font-weight: bold; text-decoration: none;}
p#login a:hover {text-decoration: underline;}
p#login span.spacer {padding: 0px 3px;}
p#login span.title, p#login span.spacer {color: #ffd6a8;}
span#logLeft {display: block; background: url(/uploads/style_luovapaja/login_left.gif) no-repeat transparent; width: 4px; height: 19px; position: absolute; left: -4px; top: 0px;}
span#logRight {display: block; background: url(/uploads/style_luovapaja/login_right.gif) no-repeat transparent; width: 4px; height: 19px; position: absolute; right: -4px; top: 0px;}

a#language {display: block; position: absolute; left: -8em; top: 0px; height: 15px; padding: 2px 9px; background: #f97f00;}
span#langLeft {display: block; background: url(/uploads/style_luovapaja/login_left.gif) no-repeat transparent; width: 4px; height: 19px; position: absolute; left: -4px; top: 0px;}
span#langRight {display: block; background: url(/uploads/style_luovapaja/login_right.gif) no-repeat transparent; width: 4px; height: 19px; position: absolute; right: -4px; top: 0px;}

/* crumb trail + search bar */

div#trailSearch {border-bottom: 1px solid #e0e0e0; position: relative; width: 100%;}

p#trail {font-size: 11px; padding: 12px 26px; margin: 3px 0px 0px 0px;}
p#trail span.spacer {color: #aaaaaa;}
p#trail a {text-decoration: none;}
p#trail a:hover {text-decoration: underline;}

form#search {position: absolute; right: 16px; top: 11px; margin: 0px;}
form#search input {border: 1px solid #888888; font-size: 11px; margin-left: 1px;}
form#search input.submit {background: #dddddd;}



/* generic body area elements */

div#body {position: relative; padding: 16px 0px; float: left;}

div.pagination {font-size: 85%; margin-top: 1em;}
div.pagination a, div.pagination span.selected, div.pagination span.inactive {padding: 1px 5px;}
div.pagination a {background: #eeeeee; text-decoration: none; border: 1px solid #eeeeee;}
div.pagination a:hover {border: 1px solid #aaaaaa;}
div.pagination span.selected {border: 1px solid #666666;}
div.pagination .inactive {background: #eeeeee; color: #aaaaaa; border: 1px solid #eeeeee;}
div.pagination span.spacer {color: #cccccc; padding: 0px 4px;}
div.pagination a.prev {}
div.pagination a.next {}



/* text frames */

div#text {margin-left: 230px; padding: 2px 48px 17px 36px; z-index: 100; position: relative; color: #444444;}
div.textbox {padding: 27px 28px; z-index: 100;}
div.textbox h1, div.textbox h2, div.textbox p {margin-top: 0px;}



/* submenu elements */

div#subMenu {width: 210px; padding: 6px 10px 20px 4px; margin-bottom: 4px; border-right: 1px solid #e0e0e0; position: absolute; left: 0px; top: 16px; background: #ffffff;}
div#subMenu h2 {font-weight: normal; font-size: 120%; color: #8d8d8d; margin: 0px 22px 10px 22px;}
div#subMenu ul {list-style-image: url(/uploads/style_luovapaja/menu_normal.gif); margin-top: 4px; margin-bottom: 7px; margin-right: 8px;}
div#subMenu ul li.active {list-style-image: url(/uploads/style_luovapaja/menu_active.gif);}
div#subMenu ul a {text-decoration: none;}
div#subMenu ul a:hover {text-decoration: underline;}

div#subMenu ul a.active {text-decoration: none; color: #000000;}
div#subMenu ul a.active:hover {text-decoration: underline; color: #cc0000;}

div#subMenu ul ul, div#subMenu ul ul li {margin: 0px; padding: 0px;}
div#subMenu ul ul {margin-left: 16px; font-size: 95%; margin-top: 3px; margin-bottom: 5px;}
/*div#subMenu ul ul ul li {list-style-image: url(/uploads/style_luovapaja/arrow.gif);}
div#subMenu ul ul ul a {color: #777777;}*/
div#subMenu hr {background: #f7f7f7; border: none; border-top: 1px solid #dddddd; height: 1px; overflow: hidden; margin: 21px 0px;}

div.submenuAds {padding: 7px 12px 12px 20px; border-top: 1px solid #ffffff;}
div.submenuAds div.ad {margin: 14px 0px; font-size: 110%;}
div.submenuAds div.ad img {float: left; margin: -9px 12px 0px 0px}
div.submenuAds a, div.submenuAds a:visited {color: #888888; text-decoration: none;}
div.submenuAds a:hover {color: #f05f00;}

/* front page elements */

div#fp_description {margin-right: 230px; padding: 26px 28px 25px 28px;}
div#fp_quicklinks {width: 200px; float: right; padding: 16px 16px 10px 16px; background: #fafafa; border: 3px solid #eeeeee; margin: 26px 16px 16px 16px;}
div#fp_quicklinks h2 {margin-top: 0px; margin-bottom: 8px; color: #888888;}
div#fp_quicklinks ul, div#fp_quicklinks ul li {margin-left: 0px; padding-left: 0px;} 
div#fp_quicklinks ul {list-style-image: url(/uploads/style_luovapaja/menu_normal.gif); margin-top: 4px; margin-bottom: 14px; padding-left: 16px;}
div#fp_quicklinks a {text-decoration: none;}
div#fp_quicklinks a:hover {text-decoration: underline;}

div#fp_news, div#fp_ads {border-top: 3px solid #eeeeee; float: left;}
div#fp_news {width: 70%;}
div#fp_ads {width: 30%; border-left: 1px solid #eeeeee; margin-right: -1px; position: relative; left: -1px;}

div#fp_news div.article {padding: 5px 0px 5px 30px;}
div#fp_news h2 {margin-top: 0px; font-weight: normal; background: url(/uploads/style_luovapaja/arrow_sub.gif) no-repeat transparent; padding-left: 30px; padding-top: 2px; margin-left: -30px; clear: both;}
div#fp_news h2 a {text-decoration: none;}
div#fp_news h2 a:hover {text-decoration: underline;}

span.datetime {font-size: 70%; color: #888888;}



/* footer elements */

div#footer {clear: both; padding: 9px 16px; text-align: right; border-top: 1px solid #e0e0e0; font-size: 90%;}
div#footer a {text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
div#footer span.spacer {color: #aaaaaa; padding: 0px 10px;}



/* content styles */

h1 {font-size: 180%; font-weight: normal; }
h2 {font-size: 130%; font-weight: normal;}

a:link,a:visited,a#active,a#hover {color: #f05f00;}
a:hover {text-decoration: none;}

table.lista {border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;}
table.lista td, table.lista th {border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; padding: 0px 7px;}
table.lista td p, table.lista th p {margin: 4px 0px;}


/* artist template */

p.artist

h1 span.title {font-size: 60%; display: block;}
div.artistImage {width: 100px; float: left;}
div.artistContact {width: 45%; float: left; border-top: 3px solid #eeeeee; border-right: 1px solid #eeeeee; position: relative;}
div.artistContact div.textbox {padding-left: 0px;}
div.artistDescription {width: 54%; float: left; position: relative; left: -1px; margin-right: -1px; border-top: 3px solid #eeeeee;}

div.gallery {border-bottom: 1px solid #eeeeee;}
div.gallery div.pagination {margin-top: 5px;}
div.gallery h2 {background: #eeeeee; padding: 4px 16px; margin: 0px;}
div.gridRow {clear: both;}
div.item {margin: 0px; padding: 16px 0px; width: 33%; float: left; border-top: 1px solid #eeeeee; text-align: left; min-height: 17em;}
div.item a img {border: 2px solid #ffffff;}
div.item a:hover img {border: 2px solid #f05f00;}
div.item h3, div.item p  {padding-left: 16px; padding-right: 16px;}
div.item div.image {margin: 0px 0px 1em 16px; padding: 0px;}
div.item div.image img {}
div.item h3 {margin: 0px; color: #000000;}
div.item p {color: #888888;}
div.item p.basicInfo {margin-top: 0px; color: #000000;}


/* news */

h1.newsFrontpage {margin-top: 20px;}
div.newsFrontpage {margin-bottom: 28px; margin-top: 6px;}
div.newsFrontpage div.newsHead {border-bottom: 1px dotted #aaaaaa; padding-bottom: 5px; position: relative; height: 1%;}
div.newsFrontpage h2 {margin: 0px; padding-right: 4em;}
div.newsFrontpage h2 a, div.newsFrontpage h2 a:visited {text-decoration: none; color: #444444;}
div.newsFrontpage h2 a:hover {text-decoration: underline; color: #f05f00;}
div.newsFrontpage p.date {margin: 0px; position: absolute; right: 0px; bottom: 7px;}
div.newsFrontpage div.thumb {float: right; margin: 12px 0px 17px 12px;}
div.newsFrontpage div.thumb a img {border: none;}
div.newsFrontpage p.readMore {margin-bottom: 0px; text-align: right;}
div.newsFrontpage p.synopsis {margin-left: 24px;}



/* ie fixes */

* html p#mainMenu {top: 52px; width: 534px;}
* html p#mainMenu a, * html p#mainMenu span.active {display: block; float: left;}
* html div#subMenu hr {margin: 8px 0px;}
* html form#search {top: 13px;}
* html form#search input.submit {height: 18px; width: 34px;}


/* wg edits */

span#mainmenuEdit {vertical-align: bottom;}
span#mainmenuEdit img {margin: 0px;}
div#adminbar {position: fixed; left: 0px;}

/* wg native style replacements */

.weblogTitleBar {}
.weblogLegend {}
.weblogReadMore {}
.weblogSynopsis {}


/* data tables */

table.defaultList {border-bottom: 1px solid #cccccc; border-right: 1px solid #dddddd;}
table.defaultList td, table.defaultList th {padding: 2px 9px; border-top: 1px solid #cccccc; border-left: 1px solid #dddddd; background: #fafafa; vertical-align: top;}
table.defaultList td p, table.defaultList th p {margin: 0px;}
table.defaultList tr.header th {border-bottom: 1px solid #aaaaaa; text-align: left; border-top: none; background: #eeeeee;}
table.defaultList td a:link, table.defaultList td a:visited  {text-decoration: none;}
table.defaultList td a:hover {text-decoration: underline;}

/* locations */

table.locations {float: left; width: 300px; margin-right: 14px; margin-bottom: 16px;}
div.locationMap {float: left;}

/* forms */

input, select {font-size: 90%;}

/* forum */

table.forum {}
table.forum p.threads, table.forum p.replies, table.forum p.views {text-align: center;}
table.forum p.forumName {font-weight: bold;}
table.forum span.forumDescription {font-size:90%; font-weight: normal;}

div.postBorderCurrent {border: 2px solid #999999; padding: 1px; margin: 3px 0px;}
div.postBorder{border: 1px solid #aaaaaa; padding: 1px; margin: 3px 0px;}
div.postData, div.postControls {background: #eeeeee; padding: 4px 9px;position: relative;}
div.postData div {position: relative;}
div.postSubject{padding: 5px 9px; border-bottom: 1px solid #dddddd; font-weight: bold;}
div.postMessage{padding: 10px 14px;}

/* selected categorys */

div#SelectedCategorys {font-size: 85%;}
div#SelectedCategorys b { font-weight: bold;}
div#SelectedCategorys a:link, div#SelectedCategorys a:visited {color: #FF0000; text-decoration: none;  font-weight: bold;}
div#SelectedCategorys a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
div#SelectedCategorys a.removeTerm img {border: none; vertical-align: middle; margin-bottom: 2px;}