/* Template Design  */
body {
width:auto;
height:auto;
background: #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#outside{
position:relative;
margin-top: 0em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
width: 990px;
}

#outside #top{
display: block;
padding: 5px;
background: transparent url(http://www.loveart-gallery.com/site_top.png) no-repeat top;
}

#outside #center {
display:block;
margin-top:5px;
margin-bottom:5px;
height: auto;
background: transparent url(http://www.loveart-gallery.com/site_bg.png) repeat-y top;
}

#outside #bottom {
display: block;
padding: 5px;
background: transparent url(http://www.loveart-gallery.com/site_base.png) no-repeat bottom;
}

/*
Contains all of the center section content
*/
#content { 
	
	background:#181818;
	width:960px;
	min-height:1300px;
}


/* 
Three part container, with pods for individual products
*/

#main_div{

	position:absolute;
        top:600px;
}


/*
Helpers
*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.alignleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}

a img {
border:0px;
}


/* HEADER */

#header{
	
	margin-left:auto;
	margin-right:auto;
	width: 960px;
	background-color:#181818;
}

/*Logo and navigation at absolute top of page*/

#header .logo{
	
	position:absolute;
	display:block;
	z-index:2;
	top:10px;
}

#header .bannertop{
	height:100px;
	background-repeat: repeat-x;
}

/*The navigation block */

#headRight{

	float:right;
	display: inline;
	width: 480px;
}

/*
Login or Register 
*/

#loginRegis{

	float:right;
	padding-right:12px;
	padding-top: 10px;
}

/*
The main navigation options 
*/

#headRightBelow{

	position:absolute;
	top:80px;
	right:30px
}


/* Breakers */

#hRule{
	height:2px;
	background: #666666;
	width:960px;
	top:105px;
	position:absolute;
}

#hRule2{
	height:2px;
	background: #000000;
	width:960px;
	top:440px;
	position:absolute;
}

#hRule3{
	height:2px;
	background: #666666;
	width:960px;
        top:443px;
	position:absolute;
}

/* FOOTER */
#footer {

	positioning:absolute;
top:1500px;
     margin-left:auto;
     margin-right:auto;
     width: 960px;
     height:97px;
     background: white;
     padding-top:1px;
	z-index:99;
}

.footerbg{

     height:95px;
     font-size:12px;
     color:#ffffff;
     background: #181818;
}

#footer .footerbg #footerLogo{

     text-align:left;
}

#footer .footerbg #copyright{

     margin-top:-40px;
     padding-right:25px;
     text-align:right;
}

/* TEXT */

/*
    Note that body in 'style' css sheet, defines global font face via body attribute
*/

/*
The navigation links on the top-right-hand-side need to be white
*/
#headRight a{

	color:white;
	font-size: 12px;
	font-weight: bold;
}

/*
And the spacers need to be grey
*/
#headRight{

	color:#ddd;
}

/*
In the left-hand header pod
*/
.ttl2{

background-image: url(http://www.loveart-gallery.com/art-blog-review/asset/node2.png);
background-repeat: no-repeat;
background-position: top left;
        margin-left:20px;
        margin-top:40px;
        color:white; 
        padding-left:23px; 
        font-size:14px; 
	font-weight: bold;
}

.ttl2Below{

margin-left:20px;
margin-top:15px;
color:white; 
padding-left:20px; 
font-size:12px; 
}

/*
Define headers
*/

h1{
font-size:17px;
padding-left:15px;
padding-right:15px;
}

h2{
font-size:15px;
}

h3{
font-size:14px;
}

h4{

    font-size: 14px;
	color:white;
padding-left:15px;
padding-right:15px;
}


.whtText{
    font-size: 11px;
	color:white;
padding-left:15px;
padding-right:15px;
}


h1, h2, h3 {

color: #0bb4f3;
text-decoration:none;
}

/*
Links...
*/
A:link, A:visited, A:active {

color:#0bb4f3;
text-decoration:underline;
}


A:hover{

color:#cccccc;
text-decoration:none;
}




/*
Navigation is provided in archives i.e. older / newer entries
*/

#navigation{
position:absolute;
right:200px;
top:0px;
}

#navigation menu {
display: inline;
padding:0px;
margin:0px;
}

#navigation li {
display:block;
float:left;
list-style:none outside none;
}

#navigation a {
color:white;
display:block;
float:left;
font-size:1.7em;
text-decoration:none;
padding:12px;
}

#navigation a:hover {
background: transparent url(images/nav_roll.png) no-repeat bottom center;
}

acronym, abbr, span.caps {
letter-spacing: normal;
}