/*
Theme Name: Art Act
Theme URI: http://www.artact.com.au/
Description: Custom wordpress theme designed for Art Act
Version: 0.1
Author: Belinda Clemesha
Author URI: http://www.belindaclemesha.com/

*/

/*
Author: Belinda Clemesha
Copyright (C) 
*/


/*
COLOURS
Cream:#FEF7CF
grey: #8B8C87
*/

@media screen {

.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* 
	Background-Styles 
*/

* {margin: 0; padding: 0;}
.clear { clear: both; }
img {border: none;}
a {outline: 0;}
html {background-color:#FEF7CF;}
body {background:url(images/2artists-cat-bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;
	background-position:center top;
	width: 100%;
	display: table;
	border-top: 4px solid #8B8C87;
	}
#page-wrap {width:1024px;margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:30px;}
/* NAVIGATION STYLE */
#navcontainer{margin:33px 0  0 310px; height:30px}
#menu-navlist ul, #menu-navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none; text-transform: uppercase;
}
#menu-navlist a
{ font-size:15px;
float: left;
line-height: 16px;
text-decoration: none;
color: #8B8C87;
margin:0px 12px 0 0px;
}
#menu-navlist a:hover { border-bottom: 1px solid #fff;
	padding-bottom: 4px;
	background: transparent;
	color: #fff;
}
/*#menu-navlist .current_page_item a:link, #menu-navlist .current_page_item a:visited{
	color:#ffffff
}*/


/* TEXT STYLE */
h1{ font-size:18px; line-height:20px; font-weight:normal; text-transform:uppercase;margin-bottom:20px;}
h2{ font-size:16px; line-height:16px; font-weight:normal; text-transform:uppercase;margin-bottom:20px;}
h3{ font-size:39px; font-weight:normal; text-transform:uppercase;}
h4{ font-size:16px; line-height:16px; font-weight:normal; text-transform:uppercase;margin-bottom:4px;}
h5{ font-size:14px; line-height:20px; font-weight:normal; margin-bottom:20px;color:#FEF7CF;text-shadow:1px 1px 0 rgb(0,0,0);}
h6{ font-size:16px; line-height:16px; font-weight:normal; text-transform:uppercase;margin-bottom:5px; color:#FEF7CF;}

p{ font-size:16px; line-height:20px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
a { font-weight:bold; text-decoration:none;color:#FEF7CF;}
a:hover{ text-decoration:underline;}
.text-area a:active{ background-color: black;color: #FEF7CF; text-decoration: none;}

/* STYLING ARTISTS PAGE*/
#artist_maincontent{ width:710px; margin:0px 0 90px 40px; float:left; height:887px;}
.artists_sidebar{ width:270px; float:left;}
.logo {float:left;margin:30px 0 30px 40px;}
.artists_widgets{margin:30px 0 30px 40px; color:#FEF7CF;}
#gridContainer .post {
    float: left;
    width: 211px;
    height: 140px;margin-right:17px;margin-top: 30px;margin-left}
.clr {clear:both;}

.postImage{position:relative;width: 211px;
    height: 140px;}
    .postImage>a{position:absolute; top:0; left:0; z-index:0;}
    .postImage>h5{display:none; position:absolute; top:10px; left:10px; z-index:1;}
    .postImage:hover img{
    
      /* works for IE 5+. */
    filter:alpha(opacity=30); 

    /* works for IE 8. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* works for old school versions of the Mozilla browsers like Netscape Navigator. */
    -moz-opacity:0.3; 

    /* This is for old versions of Safari (1.x) with KHTML rendering engine */
    -khtml-opacity: 0.3; 

    /* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */  
    opacity: 0.3; 
    
    
}
    .postImage:hover h5{display:block;}
.title a{color:#FEF7CF;}

/* NEXT AND PREVIOUS POST LINKS */
.artist-navigation{margin:30px 0 50px 0px; height:60px;}
.alignleft a{color: #FEF7CF;}
.alignright a{color: #FEF7CF;}
.alignleft a:hover{color: #ffffff;}
.alignright a:hover{color: #ffffff;}
.arrow_left {
    background:  url(images/arrow_left.gif) no-repeat scroll left -25px transparent;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    padding: 5px 0 0 30px;
		float:left;
}
.arrow_left:hover {
    background: url(images/arrow_left.gif) no-repeat scroll left 0 transparent;
				}
				
.arrow_right {
    background:  url(images/arrow_right.gif) no-repeat scroll left -25px transparent;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    margin-right: 50px;
    padding: 5px 0 0 30px;
	float:right;
}
.arrow_right:hover {
    background: url(images/arrow_right.gif) no-repeat scroll left 0 transparent;
				}

/*FOOTER*/
#footer{ border-top:1px solid #000; border-bottom:1px solid #000;}
#footer p { font-size:12px; margin:15px 0 15px 310px; color:#000;}
#footer a { color:#000}

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */