/*
    Theme Name: The Art
    Theme URL: www.loveart-gallery.com/
    Description: "Custom built from scratch"
    Author: Peter Cowling
    Author URI: http://www.exemplars-gallery.com/
    Version: 1.0
*/

/* Template Design  */
body {
width:auto;
height:auto;
background: #000000;
font-family : Georgia, Verdana, 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.s3.amazonaws.com/art-connect/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.s3.amazonaws.com/art-connect/site_bg.png) repeat-y top;
}

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

/*
Contains both the posts etc. and the right-hand-side sidebar; c/b called inner
*/
#content { 
	
	margin-top:400px;
        background:#181818;
	width:960px;
}

/*
The left-hand-side column, containing the posts etc.
*/
#maincolumn {
display:inline;
float:left;
width:640px
text-align:left;
margin-bottom:12px;
}

/*
Section Title
*/
.ttl{

/*background-image: url(images/posts-header.png);*/
height:61px;
width:600px;
padding-left:15px;
padding-top:12px;
position:absolute;
top:475px;
left:44px;

}

.ttlText{

z-index:2;
position:absolute;
top:475px;
left:55px;
}


/*
Posts
*/

.post {
display:block;
width: 600px;
margin-left:30px;
background: white;
padding-top:5px;
padding-bottom:15px;
}

.postTitle{

        padding-top:10px;
        margin-left:24px;
        width:500px;
}

.postCategories{

font-size:13px;
margin-left:24px;
line-height:20px;
}

.postEntry p{

 padding-top: 8px;
 padding-bottom: 8px;
}

.postEntry{
font-size:13px;
margin-left:24px;
width:560px;
line-height:22px;
}

.postReadMore{

 padding-top:12px;
 padding-bottom:10px;
 border-bottom: 1px solid grey;
}

/*
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;
}

.fltrt { /* 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;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}

a img {
border:0px;
}


/*  SIDEBAR */
#widgets{

	display:inline;
	float:right;
	width:280px;
	margin-right:12px;
        margin-bottom:15px;
        margin-top:-40px;
}

#widgets #rightcolumn{

	padding-left:8px;
	padding-right:8px;
}

/*Provide a white background, with suitable margin and padding */
.widget_mostRead, .widget_byCategory, .widget_intSeries{

	padding-right:12px; 
	padding-bottom:12px;
	padding-top:8px;
	margin-bottom:20px;
	background: transparent url(http://www.loveart-gallery.com.s3.amazonaws.com/art-connect/widgetBackground.png) repeat-y top;
	padding-left:12px;
}

/*Individual headers: create same space for all, and use separate images */
#most-read, #by-category, #intseries{

	width:264px;
	height:40px;
}

#intseries{

	background: white url(http://www.loveart-gallery.com.s3.amazonaws.com/art-connect/extraordinary-art-blogs.png) no-repeat top;
}

#most-read{

	background: white url(http://www.loveart-gallery.com.s3.amazonaws.com/art-connect/Top-25-Art-Blogs.png) no-repeat top;
}

#by-category{

	background: white url(http://www.loveart-gallery.com.s3.amazonaws.com/art-connect/art-blogs-by-category.png) no-repeat top;
}


/* Indent the second line for mostRead */
.widget_mostRead p, .widget_intSeries p{

font-size:13px;
text-indent: -28px;
padding-left: 28px;
}

/* TEXT */

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

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

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

	color:#ddd;
}


/*
Define headers
*/

h1{
font-size:18px;
}

h2{
font-size:17px;
}

h3{
font-size:16px;
}

h4{

    font-size: 16px;
}

h4.postTitle{

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

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;
}

/*
Posts
*/
.entry {

   color: #0bb4f3;
}


/*
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;
}

/* Helper Classes */
select,
textarea, 
input{
color: #000000;
background: #EFEFEF;
padding:1px;
border: 1px solid #999999;
}

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

/* Sidebar most read*/

.widget_mostRead p{

color: #0bb4f3;
}

.widget_mostRead a{

color: #888888;
}

/* 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:115px;
}

/*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
}


/* Logo and advertisement for Exemplars */

#leftHeaderPod {

	position:absolute;
        top:135px;
        left:40px;
}

#centerPod {

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

/*

*/

#leftHeaderBelowPod {

        position:absolute;
        top:325px;
        left:40px;
        width:300px;
        height:52px;
        background-image: url(http://www.loveart-gallery.com.s3.amazonaws.com/art-connect/art-blogs-by-category.jpg);
}
             
#blogOccupation{

        position:absolute;
        background-color:#fff;
        width:149px;
        height:60px;
        top:55px;
        left:1px;
        text-align:center;
        padding-top:10px;
        border: 1px ##6A6A6A;
}

#blogLocation{

        position:absolute;
        background-color:#fff;
        width:149px;
        height:60px;
        top:55px;
        left:150px;
        text-align:center;
        padding-top:10px;
        border: 1px ##6A6A6A;
}

.ttl1{

        position:absolute;
        top:335px;
        left:400px;
        color:white; 
        font-size:15px; 
	font-weight: bold;
        width: 300px;
}


.ttl1Below{
        position:absolute;
        top:380px;
        left:400px;
        width:300px;
        color:white; 
        font-size:13px; 
        line-height:20px;
}

/*
On the right hand, just above the sidebar
*/
.ttl2{

        position:absolute;
        top:350px;
        right:40px;
        color:white; 
        font-size:15px; 
	font-weight: bold;
}

.ttl2Below{
        position:absolute;
        top:375px;
        right:50px;
        width:180px;
        color:white; 
        font-size:13px; 
}



/* 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;
}

/* Pager */

       .pagerbox a {
		border: 2px solid #FFCC00;
		background-color: #FFFFFF;
		font-size: 13px;
		display:-moz-inline-box;
		display: inline-block;
		font-weight: normal;
		color: #0080FF;
		padding-top: 5px;
		padding-right: 6px;
		padding-bottom: 4px;
		padding-left: 6px;
		margin-top: 12px;
		margin-right: -20px;
		margin-bottom: 15px;
		margin-left: 30px;
		text-decoration: none;
	}
		
	.pagerbox a:hover,.pagerbox a:active, .pagerbox .current {
		border: 2px solid #FFCC00;
		font-size: 13px;
		display:-moz-inline-box;
		display: inline-block;
		font-weight: normal;
		color: blue;
		background-color: #FFFFFF;
		padding-top: 5px;
		padding-right: 6px;
		padding-bottom: 4px;
		padding-left: 6px;
		margin-top: 12px;
		margin-right: -20px;
		margin-bottom: 15px;
		margin-left: 30px;
	}


/* FOOTER */
#footer {

     margin-left:auto;
     margin-right:auto;
     width: 960px;
     height:92px;
     background: white;
     padding-top:1px;
}

.footerbg{

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

#footer .footerbg #footerLogo{

     padding-left:25px;
     text-align:left;
}

#footer .footerbg #copyright{

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

/* ######### Default class for drop down menus ######### */

.anchorclass{

	font: bold 13px Georgia;	
	padding-left:12px;
	margin-bottom:15px;
}

anchor2{

	font: bold 13px Georgia;	
	padding-left:12px;
	margin-bottom:15px;
}

/* ######### Default class for drop down menus ######### */

.anylinkcss{

	position: absolute;
	left: 12px;
	top: -100px;
	visibility: hidden;
	border: 1px solid black;
	border-bottom-width: 0;
	font: normal 13px Georgia;
	line-height: 23px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: white;
	width: 150px; /* default width for menu */
}

.anylinkcss ul{

	margin: 0;
	padding: 0;
	list-style-type: none;
}

.anylinkcss ul li a{

	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid grey;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/

	background: black;
	color: white;
}

/*  Alternate multi-column class for drop down menus */


.anylinkcsscols{

	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	padding: 10px;
	font: normal 13px Georgia;
	line-height: 23px;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background: white;
}

.anylinkcsscols .column{

	width: 160px;
	float: left;
}

.anylinkcsscols .column ul{

	margin: 0;
	padding: 0;
	list-style-type: none;
}

.anylinkcsscols li{

	padding-bottom: 3px;
}

/* class for shadow DIV */


.anylinkshadow{ /*CSS for shadow. Keep this as is */

	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}
	

/* SOCIABLE PLUGIN */
div.sociable { margin: 16px 0; } span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span {	position: absolute;	display: block;	top: -5em;	background: #ffe;	border: 1px solid #ccc;	color: black;	line-height: 1.25em; } .sociable span {	display: block; } .sociable ul {	display: inline;	margin: 0 !important;	padding: 0 !important; } .sociable ul li {	background: none;	display: inline !important;	list-style-type: none;	margin: 0;	padding: 1px; } .sociable ul li:before { content: ""; } .sociable img {	float: none;	width: 16px;	height: 16px;	border: 0;	margin: 0;	padding: 0;} .sociable-hovers {	opacity: .4;	-moz-opacity: .4;	filter: alpha(opacity=40);}.sociable-hovers:hover {	opacity: 1;	-moz-opacity: 1;	filter: alpha(opacity=100);}