/*
Theme Name: WordPress Josefineglass
Theme URI: http://wordpress.org/
Description: The Jose Fine glass Theme.
Version: 1.0
Author: Thomas Michalak
Author URI: http://fuck-dance-lets-art.com/
Tags: Josefineglass simple

	josefineglass v1.0
	 http://www.josefineglass.co.uk/

	This theme was designed and built by Thomas Michalak,
	whose blog you will find at http://fuck-dance-lets-art.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/****************** GENERAL ***********************/
h1, h2, h3, h4, h5, p, a, ul, ol, li, blockquote, small, div, strong, em, table, td, th, tr, textarea, input, button{
	margin:0;
	padding:0;
}

html{
        background: #FFF;
}
body {
        width: 820px;
        padding:10px;
        margin:0 auto;
	font-family:Arial;
	font-size:medium;
}

#page, #log, #content, #sidebar, #footer{
	float:right;
}
#page{
	width:800px;
}
#page {
	letter-spacing:1px;
}
a, a:hover, a:visited, a:visited:hover{
	text-decoration:none;
	padding:1px 4px;
}
a, a:visited{
	color:#669900;
}
a:hover, a:visited:hover{
	color:#6699CC;
}
h1, h2{
	color:#333333;
}
h3, h4{
	color:#333333;
	font-size:100%;
	margin:20px 0 5px;
}
p{
	margin:15px 0;
	line-height:130%;
	font-size:90%;
	letter-spacing:0px;
	text-align:justify;
}
hr{
border:solid 1px #666666;
margin:5px 0 10px;
padding:0;
clear:both;
}
.hidden{
        display:none;
}
.farLeft{
 left:-1000000px !important;
}
.green{
     color:#669900;
}
.grey{
     color:#999;
}
.blue{
     color:#6699CC;
}
.round10{
-moz-border-radius:10px;
  -webkit-border-radius:10px; 
}

/********************** TOPBAR *******************/
#topbar, #topInfo{
    width:800px;
    text-align:center;
    float:left;
}
#topbar{
	padding:0;
	margin:0;
	font-size:160%;
        background:#A7C587;
        float:left;
        width:800px;
}
#topbar  ul{
	list-style:none;
	list-style-position:outside;
	padding:0 0;
	margin:0 auto;
        width:700px;
}
#topbar ul li{
	padding:0;
	margin:0;
        float:left;
}
#topbar ul li a, #topbar ul li a:hover{
	padding:15px 18px;
        float:left;
        text-align:center;
}
#topbar ul li a{
	color:#666;
}
#topbar ul li a:hover{
	color:#333;
        background:transparent;
}
#topbar ul li.current_page_item a{
color:#000;
background:transparent;
}
#topInfo{
        margin:0;
}
#topInfo #url{
        float:left;
        text-align:left;
        margin:0;
        padding:0;
        font-size:90%;
        letter-spacing:2px;
}
#topInfo #log{
        text-align:right;
        padding:0;
        margin:2px 0 0 0;
        float:right;
}
#topInfo #log ul{
       list-style:none;
       list-style-position:outside;
       float:right;
       margin:0;
       font-size:50%;
}
#topInfo #log ul li{
       float:right;
       margin:0 0 0 0;
}



/********************** CONTENT *******************/
#content, .post, .entry{
        width:800px;
}
#content {
	padding:0;
        margin:10px 0 0 0;
	}
div.post{
	padding:0;
	float:left;
}
div.post h2.title{

}
div.post #homeHeader{
  font-weight:normal;
}
div.post h2.title small{
	font-size:40%;
	font-weight:normal;
	text-align:right;
	float:right;
	margin:14px 0 0 0;
}
div.entry{
	padding:0;
	float:left;
}

div.wp-caption{
	border:solid 1px #efefef;
	background:#FFFFFF;
	padding:2px;
}
div.wp-caption img{
	padding:5px;
}
div.wp-caption p.wp-caption-text{
	padding:0 5px;
	margin:0;
	text-align:left;
	font-size:70%;
	color:#666666;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}
div.alignright{
	margin:5px;
	margin-left:15px;
}
div.alignleft{
	margin:5px;
	margin-right:15px;
}
input, textarea{
	padding:4px;
	border:solid 1px #333333;
	color:#333333;
	font-family:Verdana;
}
input:hover, textarea:hover{
	padding:4px;
	border:solid 1px #5f6407;
	color:#5f6407;
}
input[type=submit], input.submit{
	padding:4px;
	border:solid 1px #11848e;
	color:#11848e;
	background:#b9e5e9;
}
input[type=submit]:hover, input.submit:hover{
	padding:4px;
	border:solid 1px #062f32;
	color:#062f32;
	background:#11848e;
}


/********************** CONTACT *******************/
#contact{
         width:740px;
         float:none;
         margin:0 auto;
}
#contact h3{
	margin-top:30px;
}
#contact label{
	padding:0;
	margin:0;
	color:#333333;
}
#subscribe input{
	width:280px;
}
#subscribe input[type=submit], #subscribe input.submit{
	width:100px !important;
}
#leaveMessage, #leaveMessage div{
       float:left;
}
#leaveMessage p{
	margin:0 0 10px 0;
}
#leaveMessage label{
	font-size:100%;
}
#leaveMessage input{
	width:318px;
}
#leaveMessage textarea{
        width:346px;
        height:138px;
}
#leaveMessage input{

}
#leaveMessage input[type=submit], #leaveMessage input.submit{
	width:356px;
}
#leaveMessage p.security{
	font-size:80%;
	color:#666666;
	font-style:italic;
}
#leaveMessage p.captcha img{
	margin-top:1px;
	padding-right:6px;
	vertical-align:bottom;
}
#leaveMessage p.captcha input{
	width:213px;
	margin-top:-1px;
}


/********************** GALLERY *******************/
#gallery{
	width:755px;
	margin:20px auto 0;
}
#gallery #thumbs, #gallery #thumbs ul{
	float:left;
	margin: 0;
        width:344px;
}
#gallery #thumbs{
        margin:0 20px 0 0;
}
#gallery #thumbs p{
       margin:0 0 10px 0;
       padding:0 10px;
       width:324px;
       font-size:80%;
}
#gallery #thumbs ul, #gallery #thumbs ul li{
	float:left;
}
#gallery #thumbs ul{
	list-style:none;
	list-style-position:outside;
        height:344px;
}
#gallery #thumbs ul li{
	padding:0 2px;
	margin: 2px 0;
}
#gallery #thumbs ul li a, #gallery #thumbs ul li a:hover{
	padding:4px;
	background:#FFFFFF;
	float:left
}
#gallery #thumbs ul li a{
	border:solid 1px #CCCCCC;
        color:#333333;
        font-weight:bold;
}
#gallery #thumbs ul li a:hover{
	border:solid 1px #6699CC;
	-moz-box-shadow: 0 0 10px #6699CC;
	-webkit-box-shadow: 0 0 10px #6699CC;
}
#gallery #thumbs ul li a img, #gallery #thumbs ul li a:hover img{
	border:none;
	padding:0;
	margin:0;
}
#gallery #thumbs ul li a p.thumbTitle{
       margin:4px 0 0 0;
       padding: 0 2px;
       font-size:70%;
}
#gallery #thumbs .nav{
	padding:0 5px;
	margin:2px 0;
	float:left;
        width:334px;
        font-size:80%;
}
#gallery #thumbs .nav a, #gallery #thumbs .nav a:hover{
	padding:0;
        background:transparent;
}
#gallery #thumbs .nav a{
	color:#666;
}
#gallery #thumbs .nav a:hover{
	color:#333;
}
#gallery #thumbs .nav a.next{
	float:right;
}
#gallery #thumbs .nav a.previous{
	float:left;
}
#enlarge{
	text-align:center;
	border:solid 1px #CCCCCC;
	background: #FFFFFF;
	padding:5px;
	margin:0 auto;
        float:left;
}
/* LIGHTBOX */
#stimuli_overlay{
background:#FFF !important;
}
#stimuli_outerImageContainer, #stimuli_imageDataContainer{
        -moz-box-shadow: 0 0 20px #666;
	-webkit-box-shadow: 0 0 20px #666;
        border:solid 1px #999;
}
#stimuli_imageDataContainer{
       margin:5px auto 0 auto !important;
       padding-top:10px;
}
#stimuli_nextLink, #stimuli_prevLink{
       padding:0!important;
}

/* PHP VERSION */
#enlarge p{
	text-align:right;
	padding:0;
	margin:2px 0;
}
#enlarge p.enlargeTitle{
	font-weight:bold;
        font-size:100%;
}
#enlarge p.enlargeCaption{
	font-weight:normal;
}
#enlarge p.enlargeDescription{
	font-style:italic;
	font-size:70%;
	color:#666666;
}

/**************************** EXHIBITIONS ***********************/
#exhibition {
        width:720px;
        margin:0 auto;
}
#exhibition ul{
        list-style:none;
        list-style-image:none;
        float:left;
}
#exhibition ul li{
        width:200px;
        margin:5px 0 20px 0;
        padding:0 20px;
        float:left;
}
.exhibitionImg{
       width: 200px;
       height: 200px;
       background-repeat:none;
       background-position: center center;
}
#exhibition h3{
       color:#C10000;
       font-weight:bold;
       font-size:100%;
       margin:4px 0 8px;
       padding:0 2px;
}
#exhibition p{
       padding:0 4px;
       margin:2px 0;
}
#exhibition p.link{

}

/****** blogroll *******/
ul.blogroll{

}
ul.blogroll li{
padding:0;
margin:2px 4px;
float:left;
list-style:none;
list-style-image:none;
}
ul.blogroll li a{
border:solid 1px #669900;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
ul.blogroll li a:hover{
	border:solid 1px #6699CC;
}