/*
version 1.0
author: macocz-design.com
contact:marek@macocz-design.com
*/

*
{
    margin:0;
    padding:0;
}

html
{
    font-size:100%;
}

body
{
    font-size:62.5%;
    font-family: "Courier New", Courier;
    background:#fff;
}

#wrapper
{
    position:absolute;
    margin:0 auto;
	width:100%;
	height:auto;
}

#header
{
    width:100%;
    height:179px;
    background-image:url(../../admin/images/header-bg.jpg);
    background-repeat:repeat-x;
    clear:both;
}

#date
{
    position:absolute;
    width:170px;
    height:27px;
    margin:140px 0 0 830px;
    font-size:1.4em;
    color:#fff;
}

#mainNav
{
    position:absolute;
    font-size:1.6em;
    margin:102px 0 0 295px;
    width:70%;
    word-spacing:.4em;
}

#logo
{
    position:absolute;
    width:322px;
    height:75px;
    margin:5px 0 0 20px;
}

#logo h1
{
    margin-left:-9999px;
}

.container
{
    clear:both;
}

.pageHeading
{
    float:left;
    width:100%;
    height:27px;
    margin:50px 0 0 30px;
    font-size:1.6em;
    font-weight:bold;
}

.pageHeading h1
{
    margin-left:-9999px;
}

.pageHeadingArtistsNav
{
    float:left;
    width:100%;
    height:26px;
    margin:50px 0 0 30px;
    font-size:1.6em;
    font-weight:bold;
}

.pageHeadingArtistsNav h1
{
     margin-left:-9999px;
}

#address

{
    position:absolute;
    width:140px;
    height:60px;
    margin:40px 0 0 520px;
    color:#fff;
}

#email
{
    position:absolute;
    width:255px;
    height:60px;
    margin:40px 0 0 710px;
    color:#fff;
}

p
{
    font-size:1.4em;
}

#artistsNav
{
    float:left;
    width:175px;
    height:auto;
    text-transform:lowercase;
    margin:0 0 30px 0;
}

#artistsNav p
{
    margin:10px 0 0 37px;
    padding:2px 0 3px 0;
    font-size:1.2em;
}

#artistsNav .link
{
    margin:10px 0 0 30px;
    padding:2px 0 3px 0;
    font-size:1.4em;
    color:Red;  
}


#artistsNav ul
{
    list-style-type:none;
    margin:10px 0 0 30px; 
    padding:2px 0 3px 0;
    font-size:1.4em;
    height:auto;
}

#artistsNav a
{
    text-decoration:none;
    color:#000;    
}

#workshopNav
{
    float:right;
    width:250px;
    height:auto;
    background-image:url(../../admin/images/studioeleven3-bg.gif);
    background-repeat:no-repeat;
}

#workshopImageHolder
{
    float:left;
    width:245px;
    height:auto;
    margin:300px 0 0 0;
}

#content
{
    float:left;
    width:467px;
    height:auto;
    padding:0 30px 10px 0px;
}

/*#content h1

{
    font-size:1.8em;
    padding:2px 20px 3px 30px;
    margin:50px 0 0 0;
}*/

#content p
{
    margin:10px 0 0 30px;
    font-size:1.4em;
    padding:2px 20px 3px 0;
}

#footer
{
    clear:both;
    width:auto;
    height:60px;
    color:#973d07;
    font-size:1.2em;
    background-image:url(../../admin/images/footer-bg.jpg);
    background-repeat:repeat-x;
    margin:25px 0 0 0;
}

#copyright
{
    float:left;
    width:30%;
    height:auto; 
    margin:20px 0 0 27px;
}

#valid
{
    float:left;
    width:40%;
    height:auto;
    text-align:center;
    margin:20px 0 0 0;
}

#macocz-design 
{
    float:left;
    width:25%;
    height:auto;
    margin:20px 0 0 0;  
}

.link
{
    text-decoration:none; 
    color:#973d07;
}

.pageIndex
{
    width:47%;
    float:left;
    margin:20px 0 20px 20px;
    color:#777;
    font-size:1.2em;
}

.pageIndex a
{
    text-decoration:none;
    color:#973d07;
    font-weight:bold;
}

.pageSize

{
    margin:20px 0 20px 0;
    color:#f7590b;
    width:47%;
    float:right;
    font-size:1.2em;
    font-weight:bold;
}

#memberArea
{
    width:400px;
    margin:10px 0 0 50px; 
    font-size:1.2em;
    clear:both;
}

/* div classes */

.header
{
    height:auto;
    display:block;
    font-weight:bold;
	color: #000;
	font-size: 1.4em;
	width:250px;
    margin:5px 0 5px 0;
    padding:2px 20px 3px 30px; 
}

.image
{
    width:205px;
    height:auto;
    float:left;
    margin:0 0 0 30px;
    padding:20px 0 20px 0; 
}

.imageDefault
{
    width:395px;
    height:auto;
    float:left;
    margin:30px 0 0 30px;
    padding:20px 16px 20px 20px;
    background-color:#f2f2f2;  
}

.whatsOnImage
{
    width:395px;
    height:auto;
    float:left;
    margin:10px 0 0 30px;
    padding:20px 16px 20px 20px;
    background-color:#f2f2f2; 
}

.imageDefault h2
{
    letter-spacing:.6em;
    font-size:1.8em;
    width:90%;
}

.imagesmallthmb
{
    width:80px;
    height:auto;
    float:left;
    margin:20px 10px 20px 30px;
    padding:5px 0 5px 5px;
    border:1px solid #777777;
}

.imageDetail
{
    width:300px;
    height:auto;
    float:left;
    margin:50px 0 0 0;
    padding:0 0 0 30px; 
}

.profile
{
    width:250px;
    height:auto;
    clear:both;
    font-weight:normal;
	color: #000;
	font-size: 1.4em;
	margin:0 0 30px 30px;
	text-align:left;	
}

.date
{
    width:250px;
    height:auto;
    clear:both;
    font-weight:normal;
	color: #777;
	font-size: 1.1em;
	margin:0 0 10px 30px;
}

.workdescription
{
    height:auto;
    display:block;
    float:right;
    font-weight:bold;
	color: #000;
	font-size: 1.2em;
	line-height:1.3em;
	width:190px;
    margin:18px 0 5px 0;
    padding:0 20px 3px 30px;
}

.events
{
    border-top:3px solid #f2f2f2;
    float:left;
    height:auto;
    display:block;
	color:#000;
	font-size: 1.4em;
	line-height:1.3em;
	width:84%;
    margin:20px 0 0 30px;
    padding:30px 20px 0 0;
    text-transform:uppercase;
    font-weight:bold;
}

.detailWorkDescription
{
    height:auto;
    display:block;
    float:left;
    font-weight:normal;
	color: #000;
	font-size: 1.2em;
	width:300px;
    margin:18px 0 5px 30px;
    padding:20px 20px 3px 0;
    line-height:1.3em;
    text-transform:capitalize;
    font-weight:bold;
}

.detailWorkTextDescription
{
    height:auto;
    text-transform:uppercase;
    clear:both;
    font-weight:normal;
	color:#000;
	font-size: 1.2em;
	width:400px;
    margin:18px 0 25px 30px;
    padding:0 20px 3px 0;
    font-weight:bold;
}

.grid
{
     width:100%;
     margin:14px 0 0 20px;
     line-height: 1.4em;
}

.dividerleft
{
    float:left;
    width:30%;
    text-align:left;
}

.dividerright
{
    float:left;
    width:70%;
    text-align:left;
    color:#143452;
}

.workshopimage
{
    float:left;
    width:195px;
    height:195;
    margin:40px 0 0 40px;
}

#comments
{
    float:left;
    width:455px; 
    border:1px solid #999999;
    margin:40px 0 0 0;
    padding:20px 0 30px 30px;
}

/* contact form */

#Contact
{
      background-image: url(../../admin/images/workshopNavOrange-bg.jpg);
      background-position:top center;
      background-repeat:no-repeat;
      margin:0 0 30px 0;
}

#Contact p
{
    font-size:1.3em;
    line-height:1.2em;
}

#captcha
{
    clear:both;
    width:50%;
}

.hover
{
    cursor:text;
}

#content .vid 
{
    float:left;
    margin:20px 0 30px 30px;
    width:400px;
}

#content .vid p
{
    float:left;
    margin:10px 0 0 0;
    text-align:justify;
    width:400px;
}