/* CSS Document */ /*================== fonts =======================*/ .leftmenu { font-size:0.7em; font-family: Arial, Helvetica, sans-serif; color:#666666; line-height:1.5em} .leftmenu a:link {color: #B9B9B9; text-decoration: none; } .leftmenu a:active {color: #B9B9B9; text-decoration: none; } .leftmenu a:visited {color: #B9B9B9; text-decoration: none; } .leftmenu a:hover {color: #ACA87E; text-decoration: none; padding-left: 30px;} .poetry_leftmenu { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#9E938D; line-height:1.5em} .poetry_leftmenu a:link {color: #9E938D; text-decoration: none; } .poetry_leftmenu a:active {color: #9E938D; text-decoration: none; } .poetry_leftmenu a:visited {color: #9E938D; text-decoration: none; } .poetry_leftmenu a:hover {color: #83909D; text-decoration: none; padding-left: 30px;} .commercial_leftmenu { font-size:0.7em; font-family: Arial, Helvetica, sans-serif; color:red; line-height:1.5em} .commercial_leftmenu a:link {color: #8D9093; text-decoration: none; } .commercial_leftmenu a:active {color: #red; text-decoration: none; } .commercial_leftmenu a:visited {color: #8D9093; text-decoration: none; } .commercial_leftmenu a:hover {color: #A79977; text-decoration: none; padding-left: 30px;} .g_leftmenu { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .g_leftmenu a:link {color: #999999; text-decoration: none; } .g_leftmenu a:active {color: #999999; text-decoration: none; } .g_leftmenu a:visited {color: #999999; text-decoration: none; } .g_leftmenu a:hover {color: #996025; text-decoration: none; padding-left: 30px;} .gbot_leftmenu { font-size:0.7em; font-family: Arial, Helvetica, sans-serif; color:#996025; line-height:1.5em} .gbot_leftmenu a:link {color: #999999; text-decoration: underline; } .gbot_leftmenu a:active {color: #999999; text-decoration: underline; } .gbot_leftmenu a:visited {color: #999999; text-decoration: underline; } .gbot_leftmenu a:hover {color: #996025; text-decoration: underline;} #g_home { position:relative; padding:15px 15px 15px 15px; float:left; background-color:#ffffff; text-align:center;} #g_home_text { position:relative; width:104px; padding:3px 3px 3px 3px; margin:5px 0 0 0; border:1px #fff solid ; text-align:center; background-color:#ffffff;} .g_home {font-size:0.7em; font-family: Arial, Helvetica, sans-serif; text-decoration:none} .g_home a:link {color: #999999; text-decoration: none; } .g_home a:active {color: #999999; text-decoration: none; } .g_home a:visited {color: #999999; text-decoration: none; } .g_home a:hover {color: #996025; text-decoration: none;} .nextfont { font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#31475A; vertical-align:middle } .grey_nextfont { font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#666666; vertical-align:middle } .clients { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .clientsbold {color:#666666; line-height:1.5em;} .clients a:link {color: #999999; text-decoration: none; } .clients a:active {color: #999999; text-decoration: none; } .clients a:visited {color: #999999; text-decoration: none; } .clients a:hover {color: #666666; text-decoration: none;} .grey_leftmenu { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#666666; line-height:1.5em} .grey_leftmenu a:link {color: #999999; text-decoration: none; } .grey_leftmenu a:active {color: #999999; text-decoration: none; } .grey_leftmenu a:visited {color: #999999; text-decoration: none; } .grey_leftmenu a:hover {color: #666666; text-decoration: none; padding-left: 30px;} .g_title { font-size:0.8em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .artists_title { font-size:0.8em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#996025; line-height:1.5em} .artists_font { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .artists_font_bold { font-family: Geneva, Arial, Helvetica, sans-serif; color:#999999; font-weight:bold; line-height:1.5em} .artists_font a:link {color: #999999; text-decoration: underline; } .artists_font a:active {color: #999999; text-decoration: underline; } .artists_font a:visited {color: #999999; text-decoration: underline; } .artists_font a:hover {color: #996025; text-decoration: underline;} .copyright_font { font-size:0.7em; font-family: Arial, Helvetica, sans-serif; color:#999999; line-height:1.5em} .poetry_title { font-size:3.0em; font-family: Georgia, Geneva, Arial, Helvetica, sans-serif; color:#9E938D; font-weight:bold} .poetry_title_14 { font-size:14px; font-family: Georgia, Geneva, Arial, Helvetica, sans-serif; color:#9E938D; font-weight:bold} .poetry_subtitle { font-size:0.8em; font-family: Georgia, Geneva, Arial, Helvetica, sans-serif; color:#83909D;} .poetry_font { font-size:1.0em; font-family: Georgia, Geneva, Arial, Helvetica, sans-serif; color:#8C9193; line-height:20px} .poetry_font a:link { color:#9E938D; text-decoration:none} .poetry_font a:active { color:#9E938D;text-decoration:none} .poetry_font a:visited { color:#9E938D;text-decoration:none} .poetry_font a:hover { color:#83909D;text-decoration:underline} .poetry_font_s { font-size:0.7em; font-family: Geneva, Arial, Helvetica, sans-serif; color:#8C9193; line-height:20px} .poetry_font_s a:link { color:#9E938D; text-decoration:none} .poetry_font_s a:active { color:#9E938D;text-decoration:none} .poetry_font_s a:visited { color:#9E938D;text-decoration:none} .poetry_font_s a:hover { color:#83909D;text-decoration:underline} /*================= end fonts ====================*/ body { height:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#ccc; } hr {color:#cccccc; height:1px; border:0; padding:0px 0px; background-image:url(../img/guestbook/dot.gif)} * html .hr { border-bottom: none; padding: 1px; background-image: url(../img/guestbook/dot.gif) repeat-x bottom} div.homemaintable { position: absolute; left: 50%; top:30px; width: 800px; margin-left: -400px; border:1px #999 solid; margin-top: 0px; margin-bottom:20px; background-color:#ffffff } div.maintable { position: absolute; left: 50%; top:30px; width: 800px; margin-left: -400px; border:0px #999 solid; background-color:#ffffff } div.maintable_commercial { position: absolute; left: 50%; top:20px; width: 800px; margin-left: -400px; border:10px #3C495A solid; background-color:#ffffff } div.maintable_current { position: absolute; left: 50%; top:20px; width: 800px; margin-left: -400px; border:10px #AFAA86 solid; background-color:#ffffff } div.maintable_poetry { position: absolute; left: 50%; top:20px; width: 800px; margin-left: -400px; border:10px #E7E9EE solid; background-color:#ffffff } div.maintable_gallery { position: absolute; left: 50%; top:20px; width: 800px; margin-left: -400px; border:10px #B6C7BE solid; background-color:#ffffff } div.menu { width: 800px; padding:0em 0em; } div.topmenu { vertical-align:top } /* div.nextout { border:1px solid; border-color:red; width:100%; height:100px; padding:0px 0px; vertical-align:middle}*/ div.next { position: relative; border:1px solid; border-color:#999; width:100px; height:25px; padding:0px 5px;} div.topmenu1 { position:absolute; top: 45px; right: 60px} div.topmenu2 { position:absolute; top: 45px; right: 60px} div.topmenu3 { position:absolute; top: 45px; right: 60px} div.topmenu4 { position:absolute; top: 45px; right: 60px} div.topmenu5 { position:absolute; top: 45px; right: 60px} div.topmenu6 { position:absolute; top: 45px; right: 60px} #container { display: block; width: 100%; height:100%; margin-top: .5em; margin-bottom: 2px; } #row { display: table-row; background-color:#FFF; vertical-align:top; overflow: hidden; } /*#left {display:table-cell; float:none; width: 45px; /*background-image:url(../img/left_curves.gif); background-repeat:no-repeat; background-position:center left; }*/ #left{ display: table-cell; width: 45px; vertical-align:middle;} #center { display: table-cell; width: 710px; vertical-align:top} #right { display: table-cell; width: 45px; vertical-align:middle;} #valign_center { vertical-align:bottom; width:710px; height:150px; background-image:url(../img/main_menu/h_background.jpg);} #gallery_center { vertical-align:bottom; width:710px; height:400px; background-image:url(../img/main_menu/gallery_background.jpg);} #topleft { display: table-cell; width: 80%; height:60px } #topcenter { display: table-cell; width: 710px;} #topright { display: table-cell; width: 20%; height:60px } div.bottommenu { width: 100%; padding:0em 0em; vertical-align:baseline } #mcontainer { display: table; width: 710px; margin-top: 0em; margin-bottom:0px; vertical-align:top;} #mrow { display: table-row; background-color:#fff; vertical-align:top } #middleleft { display: table-cell; width: 150px; padding: 0px 10px; vertical-align:top } #middleright { display: table-cell; width: 535px; min-height:400px; height:365px; vertical-align:top;} .middle{ height:100%; background-color:lime; height:50%;} /* IE ONLY */ * html #container { float:none; } * html #row { float:none; } * html #left { float:left; vertical-align:middle } * html #right { float:right; vertical-align:middle } * html #center{ float: left; } * html #topleft { float:left } * html #topright { float:right } * html #topcenter{ float: left } * html #middleleft { float:left;} * html #middleright { float:right; vertical-align:top; } #outer {overflow: hidden; position: relative; width: 45px; vertical-align:middle;} #outer[id] {display: table; position: static;} /*#middle {position: absolute; top: 50%;} /* for explorer only*/ #middle[id] {display: table-cell; vertical-align: middle; position: static;} /*#inner {position: relative; top: -50%} /* for explorer only */ /* optional: #inner[id] {position: static;} */ /* guestbook */ #guest_main {position:absolute; padding:0 0 0 0; margin:0 0 0 0;} div.guest_sixhundred { position:absolute; width: 600px; height:400px; left:0px; background-color:#999999; margin-left:0px; margin-top:0px; padding:0px 0px;} div.guest_info { position:absolute; width:540px; height: 400px; padding: 10px 30px; vertical-align:top} .guest_title { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.6em; color:#333333} .guest_text { font-family: Arial, Helvetica, sans-serif; font-size:0.6em; color:#666666} /* end guestbook */ /* journals */ .journal_outter {position:relative; padding:10px 0 20px 25px; } .journal_top {position:relative;background-color:#f2f2f2; width:710px; padding:10px 10px 10px 10px; margin:0 0 0 0; border-bottom:15px solid white} *html .journal_top {position:relative;background-color:#f2f2f2; width:710px; padding:10px 10px 10px 10px; margin:-20px 0 0 0; border-bottom:15px solid white} .journal_inner{ position:relative; width:652px; padding:0 0 0 0; margin: 0 0 0 0; border:0px solid blue} /* artists */ #artists_title{position:relative; padding: 10px 0 0 0; margin:0 10px 0 0; width:520px; height:20px; border-top:1px dotted #ccc; float:left;} #artists_container {position:relative; width:535px; border:0px solid red; } #artists_text{position:relative; width:475px; float:left; padding:10px 0 20px 0; margin:0 10px 20px 0;} #artists_image{ position:relative; width:112px; padding:10px 0 0 0; margin-right:15px; float:right;} #page_title {position:relative; padding: 0 0 10px 0;} * html #artists_title{border-top: none; background: url(../img/dotted.gif) repeat-x top;} * html #artist_text { float: left} * html #artist_image { float:right} *html #artists_image{ position:relative; width:112px; padding:10px 0 0 0; margin-right:10px; float:right;} /**/ /* copyright */ #copyright_container{position:relative; width:450px;} #copyright_text{position:relative; width:450px;} #copyright_buttons {padding:0 0 0 0;} *html #copyright_buttons {padding:10px 0 0 0;} /* */ /* poetre */ #poetry_text {position:relative; padding:10px 10px 0 10px; width:300px;} #poetry_title { position:relative; padding:10px 0 0 10px } .bottom_align{ position:relative; align:absmiddle;} *html .bottom_align{ position:relative; align:abs;} /* */ /* proj_desc */ #proj_desc_top { position:relative; border:20px #AFAA86 solid; background-color:#FFFFFF } #proj_desc_title {position:relative; padding:15px 20px 0 20px; width:520px} #proj_desc_text {position:relative; padding:15px 20px 15px 20px; width:520px} .proj_desc_title { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1em; color: #233341; } .proj_desc_text { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:0.7em; color: #666666; } .proj_desc_text a { color: #666666; text-decoration:underline } .proj_desc_text a:hover { color: #A5A07A; text-decoration:underline } /* next & back module */ #nextandback {position:relative; width:140px; height:31px; background-color:#ffffff;} .new_next { font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#003366; text-decoration:none;} #new_left_text {position:absolute; top:10px; left:20px; display:block; z-index:3} #new_right_text {position:absolute; top:10px; right:20px; display:block; z-index:3} *html #nextandback {position:relative; width:140px; height:31px; background-color:grey} /* next & back module */ .clearfix:after { content: "."; display: block; height:0; clear: both; visibility:hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */