body {background: #CDCDCD;
width: 920px;
color: #333333;
font-family: Helvetica,Arial,sans-serif;
text-align : left;
margin: 0px auto 0px;
padding: 0px;
}
a:active, a:link, a:visited {
color: #0000ff;
font-weight: normal;
font-size : 12px;
font-family : helvetica;
text-decoration: none;
}
a:hover {
color: #ff0000;
font-weight: normal;
font-size : 12px;
font-family : helvetica;
background: none;
text-decoration: underline;
}
#page_navigation {
width: 450px !important;
margin: 0 auto;
float: left;
}
#page_navigation a{
font-family: Helvetica,Arial,sans-serif;
background: #F6F6F6;border: 1px solid #CCCCFF;
color: #4f82cb;
font-size: 12px;
font-weight: bold;
text-decoration: none;
margin:2px;
padding: 1px 4px 1px 4px;
}
#page_navigation a:hover{
background:#FFFFCC;border: 1px solid #990000;
color: #990000;
text-decoration: none;
margin: 2px;
padding: 1px 4px 1px 4px;
}
.active_page{
background: #FFFFCC !important;
color: #990000 !important;
border: 1px solid #990000 !important;
}


#maincontainer{
width: 920px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF url(http://i874.photobucket.com/albums/ab303/aarnio/content.jpg) repeat-y center top;
}
#topsection{
background: #000000 url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/datingescene_header.png);
height: 120px; /*Height of top section*/
}
#topsection2{
background:;
height: 100px; /*Height of top section*/
}
#topsection3{
background:;
height: 300px; /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
background: #FFFFFF url(http://i874.photobucket.com/albums/ab303/aarnio/content.jpg) repeat-y center top;
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 190px 0 190px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -890px; /*Set margin to that of -(MainContainerWidth)*/
}
#rightcolumn{
float: left;
width: 160px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
}
#footer{
clear: left;
width: 100%;
height: 40px;
background: #CCC url(http://i874.photobucket.com/albums/ab303/aarnio/footer.jpg) no-repeat center bottom;
color: #FFF;
text-align: center;
padding: 0px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.menu-t {
background: #101010 url(http://i874.photobucket.com/albums/ab303/aarnio/navbar-1.jpg);
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #eee;
display: block;
line-height: 220%;
text-align: center;
text-decoration: none;
}
#menu-v {
float: left;
background-color: #F6F6F6;
font-family: 'trebuchet ms', verdana, tahoma, sans-serif;
text-align: left;
width: 160px;
}
#menu-v ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu-v li {
margin: 0px;
}
#menu-v li a {
display: block;
padding: 3px 0px 3px 13px;
background-color: #F6F6F6;
color: #4f82cb;
font-weight: bold;
text-decoration: none;
}
#menu-v li a:hover {
background-color: #FFFFCC;
color: #990000;
}
#menu-v li a img {
border: none;
padding: 0px 0px 0px 30px;
}
#menu-v li#current a {
background-color: #a9cbe9;
border-left: 5px solid #a9cbe9;
color: #ffff00;
}
/* Fix IE. Hide from IE Mac \*/
* html #menu-v ul li { float: left; height: 1%; }
* html #menu-v ul li a { height: 1%; }
/* End */
}
#menu {
position: absolute;
float: right;
width: 840px;
background: #333;
line-height: normal;
border-bottom: 1px solid #666;
margin-top: -35px;
}
#menu ul {
margin: 0;
padding: 10px 10px 0 300px;
list-style: none;
}
#menu li {
display: inline;
margin: 0;
padding: 0;
}
#menu a {
float: left;
background: url("http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/tab_left.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
}
#menu a span {
float: right;
display: block;
background: url("http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/tab_right.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #eee;
font-weight: bold;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {
float: none;
}
/* End IE5-Mac hack */
#menu a:hover span {
color: #caff70;
}
#menu a:hover {
background-position: 0% -42px;
color: #ffffcc;
}
#menu a:hover span {
background-position: 100% -42px;
color: #ffffcc;
}
#menu #current a {
background-position: 0% -42px;
}
#menu #current a span {
background-position: 100% -42px;
}
#navbar2 {
background: #990000 url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/navbar-test.png);
width: 860px;
height: 34px;
font-size: 12px;
font-family: Helvetica, Arial;
color: #990000;
font-weight: normal;
margin: 0px auto;
padding: 0px;
}
.navbarleft2 {
width: 160px;
float: left;
margin: 0px;
padding: 4px 15px 0px 0px;
}
.navbarleft2 a img {
border: none;
margin: 4px 20px 0px 10px;
padding: 0px;
}
.navbarright2 {
width: 300px;
font-size: 11px;
float: right;
margin: 0px;
padding: 6px 0px 0px 0px;
}
#nav2 {
margin: 0px;
padding: 0px;
}
#nav2 ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav2 li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav2 li a, #nav li a:link, #nav li a:visited {
color: #eee;
display: block;
font-size: 16px;
font-family: Helvetica, Arial;
font-weight: bold;
text-transform: none;
margin: 0px;
padding: 7px 20px 7px 20px;
}
#nav2 li a:hover, #nav2 li a:active {
background: #000000 url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/navbar-test-1-1.png);
color: #FFFFCC;
margin: 0px;
padding: 7px 20px 7px 20px;
text-decoration: none;
}
#container_top2 {background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/backtop.gif);
width: 800px;
height: 36px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
#container2 {
background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/backmid.gif);
width: 800px;
color: #000099;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#container_footer2 {
background: #FFFFFF url(http://i874.photobucket.com/albums/ab303/aarnio/aarnio2/backbottom.gif);
width: 800px;
height: 40px;
margin: 0px;
padding: 0px;
}
#container-wrap2 {
clear: both;
width: 660px;
padding: 0; margin: 0 auto;
}
table {
border-collapse: collapse;
}
textarea {
font-weight: normal;
width: 400px;
height:50px;
background: none;
border: 1px solid #000000;
overflow: hidden;
}
textarea:hover {
border: 1px solid #cc0000;
}
h7 {
background: #101010 url(http://i874.photobucket.com/albums/ab303/aarnio/navbar-1.jpg);
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #eee;
display: block;
line-height: 220%;
text-align: center;
text-decoration: none;
margin: 0px;
padding: 0px;
}
h1 {
font-family : helvetica;
color : #C00000;
text-align : center;
font-weight: bold;
font-size: 20px;
margin: 0px;
padding: 0px;
}
h2 {
font-family : helvetica;
color : #990000;
text-align : center;
font-weight: bold;
font-size: 12px;
margin: 0px;
padding: 0px;
}
h3 {
font-family : helvetica;
color : #990000;
text-align : center;
font-weight: bold;
font-size: 16px;
}
h4 {
font-family: Verdana;
font-weight: bold;
color : #990000;
font-size: 10px;
text-align : center;
}
h5 {
font-family : helvetica;
color : #000000;
text-align : left;
font-weight: normal;
font-size: 12px;
margin: 0px;
padding: 0px;
}
#pagemenu {
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
height: 14px;
color: #990000;
margin: 0px;
padding: 2px;
}
#pgm {
margin: 0px;
padding: 0px;
}
#pgm ul {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#pgm li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#pgm li a, #pgm a:link, #pgm li a:visited {
background: #F6F6F6;
border: 1px solid #CCCCFF;
color: #333333;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#pgm li a:hover, #pgm li a:active {
background:#FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp li a:hover, #thisp li a:active {
background:#FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp li a, #thisp li a:link, #thisp li a:visited {
background: #FFFFCC;
border: 1px solid #990000;
color: #990000;
display: block;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}
#thisp {
margin: 0px;
padding: 0px;
}
#thisp ul {
float: vertical;
list-style: none;
margin: 0px;
padding: 0px;
}
#thisp li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#container_top {background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-1.jpg);
width: 450px;
height: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
#container {
background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-2.jpg);
width: 450px;
color: #000099;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#container_footer {
background: #FFFFFF
url(http://i874.photobucket.com/albums/ab303/aarnio/box-1-1-2-3.jpg);
width: 450px;
height: 12px;
margin: 0px;
padding: 0px;
}
#container-wrap {
clear: both;
width: 418px;
padding: 0; margin: 0 auto;
}
  


.somediv{
width: 160px;
clear: left;
}
.somediv .floatbox{
float: left;
width: 38px;
}
* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}
.somediv p{
margin-top: 0;
margin-left: 38px;
}

#box-top {background: #FFFFFF
url(http://laurencecomments.com/images/box-top.png);
width: 580px;
height: 15px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
#box-wrap{
width: 580px; margin: 0 auto; background: #FFFFFF;
}
#box {
background: #FFFFFF
url(http://laurencecomments.com/images/box-mid2.png);
width: 580px;
color: #000099;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#box-footer {
background: #FFFFFF url(http://laurencecomments.com/images/box-but.png);
width: 580px;
height: 15px;
margin: 0px;
padding: 0px;
}
#box-content {
clear: both;
width: 540px;
padding: 0; margin: 0 auto;
}




.ienlarger { float: left;
clear: none; /* set to left or right if needed */
padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}
.ienlarger a { display:block;
text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}
.ienlarger a:hover{ /* don't move this positioning to normal state */
position:relative;
}
.ienlarger span img {
border: 1px solid #FFFFFF; /* adds a border around the image */
margin-bottom: 8px; /* pushes the text down from the image */
}
.ienlarger a span { /* this is for the large image and the caption */
position: absolute;
display:none;
border: 1px solid #990000;
color: #990000; /* caption text colour */
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; /* caption text size */
background-color: #FFFFFF;
font-weight: bold;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 13px;
padding-left: 10px;
}
.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}
.ienlarger a:hover span { display:block;
top: 50px; /* means the pop-up's top is 50px away from thumb's top */
left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
z-index: 100;
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */ /* If you want the pop-up open above the thumb, remove the top: 50px; and add bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */ /* add cursor:default; to this rule to disable the hand cursor only for the large image */
}
.resize_thumb {
width: 120px; /* enter desired thumb width here */
height : auto;
}