/*
 **************************************************************************
 *
 * FILE:       style.css
 * VERSION:    1.0.0
 * COPYRIGHT:  (c) 2009 BrickJournal, All rights reserved.
 * 
 * HISTORY:
 * 2009.11.03  MWH  Created file.
 *
 **************************************************************************
 */

* {
	font-size:      12px;
	font-family:    "Lucida Grande", Verdana, Arial, Helvetica;
}

a         { color: #066FFD; text-decoration: none; }
a img     { border: none; }
a:link    { color: #066FFD; text-decoration: none; }
a:visited { color: #066FFD; text-decoration: none; }
a:active  { color: #066FFD; text-decoration: none; }
a:hover   { color: #066FFD; text-decoration: underline; }

h2 { font-size: 16px; }
h3 { font-size: 16px; }

td { padding: 3px; }

li { margin-left: 6px; padding: 3px; }

/**************************************************************************/

#admin_page { color: #000; background: #FFF; }

#admin_header {
    background:  #D53500;
    color:       #DDD;
    font-size:   20px;
    padding:     20px;
}

#admin_header a {
    color:       #DDD;
    font-size:   20px;
}

#admin_content {
    color:       #000;
    margin-left: 20px;
}

/**************************************************************************/

div#page {
}

div#header {
	margin:		0px auto 0px;
	width:		1024px;
	height:         80px;
}

div#banner {
	margin:         0px auto 0px;
        width:          1024px;
        height:         28px;
        vertical-align: top;
}

div#content {
	margin:		0px auto 0px;
	margin-top:	3px;
	height:		500px;
	width:		1024px;
}

div#content-main {
	float:		left;
	vertical-align: top;
	width:		790px;
}

div#right {
	width:		255px;
	float: 		left;
	padding:	5px 5px 5px 0px;
}

div#left {
	width:		255px;
	float:		left;
	padding:	5px 5px 5px 0px;
	margin-right:	2px;
}

div#left_two {
	text-align: 	left;
        width:          750px;
        float:          left;
        padding:        5px 5px 5px 0px;
        margin-right:   2px;
	margin-top:	-10px;
}

div#right_one {
	background:		#EEE;
	border:			1px solid #CCC;
	-moz-border-radius:	1em;
	-webkit-border-radius:	1em;
	border-radius:		1em;
	padding:		24px;
	margin-left:		12px;
	margin-bottom:		12px;
	width:			250px;
	float:			right;
        margin-top:             -110px;
}

.bubble {
	-moz-border-radius:	1em;
	-webkit-border-radius:	1em;
	border-radius:		1em;
	padding:		0px;
	-moz-box-shadow: 	5px 5px 7px #888;
  	-moz-border-radius-bottomright: 15px;
  	-webkit-box-shadow: 	5px 5px 7px #888;
  	-webkit-border-bottom-right-radius: 15px;
}

.overlap {
	margin-top:		6px;
	position: 		relative;
	width:			750px;
	height:			178px;
}

.overlap .over_head, .overlap .over_tab { position: absolute; }

.over_head {
	top:		0;
	left:		0;
	z-index:	1;
}

.over_tab {
	bottom:		0;
	left:		0;
	z-index:	2;
}

div#middle {
	width:		255px;
	float:		left;
	padding: 	5px 5px 5px 0px;
}

div#left ul, div#left_two ul, div#right ul, div#middle ul {
	list-style:	none;
	margin:		0px;
	padding:	0px;
}

div#left ul li, div#left_two ul li, div#right ul li, div#middle ul li {
	background:	     url("/images/bullet.jpg");
	background-repeat:   no-repeat;
	background-position: left top;
	margin:		     3px 0;
	padding-left:	     18px;
}

div#sidebar {
	float:			right;
	width:			210px;
	background:		#FFC;
	border:			1px solid #CCC;
	-moz-border-radius:	1em;
	-webkit-border-radius:	1em;
	border-radius:		1em;
	text-align:		center;
	padding:		6px;
}

div#footer {
	/* background:	#EEE; */
	width:		1024px;
	margin:		0px auto 0px;
	padding-top:	12px;
	font-size: 	10px;
}

.small {
	font-family:      Verdana, Arial, Helvetica;
   	font-size:        10px;
}