/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

/*** General tags ***/

body {
background:url(http://www.gonnalove.com/images/background.gif) repeat-x top center #fff;
color:#404040;
font:12px Verdana,Tahoma,Arial,sans-serif;
line-height:1.1em;
margin:0 auto;
padding:0;
}

a {
color:#4088b8;
font-weight:bold;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p {
margin:0 0 18px 10px;
}

ul,ol {
font-size:0.9em;
margin:2px 0 16px 35px;
}

ul ul,ol ol {
margin:4px 0 4px 35px;
}

blockquote {
border:1px solid #dadada;
font-size:0.9em;
margin:20px 10px;
padding:8px;
}

h1 {
color:#000000;
font-size:1em;
margin:0 0 5px 0px;
text-align:center;
}

h1 a {
color:#4088b8;
text-transform:none;
}

h2 {
color:#4088b8;
font-size:1.5em;
margin:0 0 10px 10px;
}

h3 {
border-bottom:1px solid #dadada;
color:#4088b8;
font-size:1.1em;
font-weight:bold;
margin:0px 0 8px;
padding:1px 2px 2px 3px;
}

/*** Main wrap and header ***/

#wrap {
color:#404040;
margin:5px 27px 5px 27px;
padding:5px 10px 5px 10px;
width:970px;
background-color:#ffffff;
}

#header {
margin:0;
}

#toplinks {
font-size:0.9em;
padding:5px 2px 2px 3px;
text-align:right;
}

#toplinks a {
color:gray;
}

#slogan {
color:gray;
font-size:1.5em;
font-weight:700;
letter-spacing:-1px;
line-height:1.2em;
margin:15px 0 20px 35px;
}

/*** Sidebar and menu ***/

#sidebar {
float:left;
line-height:1.4em;
margin:0 0 5px;
padding:1px 0 0;
width:150px;
}

#sidebar ul {
font-size:0.9em;
list-style:none;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li {
list-style:none;
margin:0 0 4px;
padding:0;
}

#sidebar li a {
font-size:1.2em;
font-weight:700;
padding:2px;
}

#sidebar ul ul {
line-height:1.2em;
margin:4px 0 3px 15px;
padding:0;
}

#sidebar ul ul li a {
font-weight:400;
}

#sidebar h2 {
margin:3px 0 8px;
}

/*** Main content ***/

#content {
float:right;
line-height:1.3em;
font-size:0.9em;
margin:0;
padding:0;
text-align:left;
width:795px;
}

#content td {
font-size:0.9em;
}

#contentalt {
float:left;
line-height:1.5em;
margin-right:20px;
padding:0;
text-align:left;
width:795px;
}

#content h3,#contentalt h3 {
margin:10px 0 8px;
}

/*** Footer ***/

#footer {
border-top:4px solid #dadada;
clear:both;
color:gray;
font-size:0.9em;
line-height:1.6em;
margin:0 auto;
padding:8px 0;
text-align:right;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#808080;
}

/*** Various classes ***/

.box {
background-color:#4088b8;
border:1px solid #c8c8c8;
color:#fff;
font-size:0.9em;
line-height:1.4em;
padding:10px 10px 10px 13px;
}

.box a {
color:#f0f0f0;
}

.pink_box {
background-color:#ffbbff;
border:1px solid #c8c8c8;
color:#fff;
font-size:1.1em;
line-height:1.4em;
padding:5px 10px 5px 10px;
}

.pink_box img {
vertical-align:middle;
}

.pink_box a:hover {
text-decoration:none;
}

.left {
float:left;
margin:0 15px 4px 0;
}

.right {
float:right;
margin:0 0 4px 15px;
}

.readmore {
margin:-10px 10px 12px 0;
text-align:right;
}

.timestamp {
font-size:1.2em;
margin:-5px 0 15px 10px;
}

.timestamp a {
font-weight:normal;
}

.blue {
color:#4088b8;
}

.clear {
clear:both;
}

.fade {
color:#c8c8c8;
}

.gray {
color:gray;
}

.photo {
background:#fff;
border:1px solid #bababa;
margin:6px 18px 2px 5px;
padding:2px;
}

.subscribe {
float:left;
background:transparent;
border:0px;
margin:15px 15px 0px 15px;
padding:2px;
}

.modadd {
float:left;
background:transparent;
border:0px;
margin:0px 15px 0px 15px;
padding:2px 0px 2px 0px;
}

.button {
background:#ffffff;
border:0px;
margin:0;
padding:0;
float:right;
text-align:center;
}

table.look {border-collapse:collapse;}

.tabcent {
float:left;
margin-left:60px;
}
table {font-size:1.1em;}
.back0small {background-color:#BFBFFF;width:80px;vertical-align:top;overflow:hidden;text-align:center;}
td.back0 {background-color:#BFBFFF;}
td.back1 {background-color:#CFCFFF;}
td.back2 {background-color:#DFDFFF;}
td.back3 {background-color:#F2F2FF;}
td.back4 {background-color:#FFBBFF;}
td.back5 {background-color:#FFCCFF;}


dl {
	width: 548px;
	margin: 0 0 10px 10px;
	padding: 0;
	background: #ccc url(http://www.gonnalove.com/images/box_bottom.gif) no-repeat bottom left;
}

dt {
	margin: 0;
	padding: 10px;
	font-size: 1.1em;
	background: #ccc url(http://www.gonnalove.com/images/box_top.gif) no-repeat top left;
}

dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #666;
	font-size: 1em;
	background: url(http://www.gonnalove.com/images/arrow.gif) no-repeat 0 3px;
}

#noarrow, #noarrow dd {
	background-image: none;
}

#system_pink {
	font-family:arial,helvetica,sans-serif;
	color:black;
	font-size:11px;
	background-color: #FFBBFF;
	}

#blue, #blue dt {
	background-color: #BFBFFF;
}

#pink, #pink dt {
	background-color: #FFBBFF;
}

#gray, #gray dt {
	background-color: #EEEEEE;
}		
	
.btn {
	color:#237FFF;
	font-family:arial,helvetica,sans-serif;
	font-size:0.9em;
	font-weight:lighter;
	margin-top:30px;
}

    #options {
      float:left;
      width:548px;
      font-size:1em;
      line-height:normal;
      margin-left:60px;
      margin-top:18px;
      }
    #options ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;     
      }
    #options li {
      float:left;
      background:url(http://www.gonnalove.com/images/left.gif) no-repeat left top;
      padding:0 0 0 9px;
      margin-top:5px;      
      }
    #options a {
      float:none;
      display:block;
      background:url(http://www.gonnalove.com/images/right.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold; 
      }
    #options #onlytwo {
      width:265px;
      }     
    #options #onlyone {
      width:539px;
      }     
    #options #current {
      background-image:url(http://www.gonnalove.com/images/left_on.gif);
      border-width:0;
      margin-top:0px;  
      }
    #options #current a {
      background-image:url(http://www.gonnalove.com/images/right_on.gif);
      padding-top:10px;
      width:244px;
      margin-top:0px;
      }
    #options_bottom {
      float:left;
      width:548px;
      font-size:1em;
      line-height:normal;
      margin-left:60px;      
      }
    #options_bottom ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    #options_bottom li {
      float:left;
      background:url(http://www.gonnalove.com/images/bot_left.gif) no-repeat left bottom;
      margin:0;
      padding:0 0 0 9px;
      }
    #options_bottom a {
      float:none;
      display:block;
      background:url(http://www.gonnalove.com/images/bot_right.gif) no-repeat right bottom;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      }  
    #options_bottom #onlytwo {
      width:265px;
      }
    #options_bottom #onlyone {
      width:539px;
      }      
    #options_bottom #current {
      background-image:url(http://www.gonnalove.com/images/bot_left_on.gif);
      border-width:0;
      }
    #options_bottom #current a {
      background-image:url(http://www.gonnalove.com/images/bot_right_on.gif);
      padding-bottom:10px;
      width:244px;     
      }

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #f6f0f2;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

#chat_input {
	background-color:#dddddd;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

#chat_content {
	background-color:#ffffff;
	overflow:scroll;
	min-height:400px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}