/*
Theme Name: Heidi Jahnke
Version: 1.0
Author: Inkling Graphic Design & Photography
Author URI: http://www.inklingdesign.ca
*/


/******************************************

SPLASH PAGE

******************************************/

body {
   text-align : center;
   min-width : 800px;
   font-family:Geneva, Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size:13px;
}

#wrapper {
   position : relative;
   text-align : left;
   width : 860px;
   margin-left : auto;
   margin-right : auto;
}

#heidijahnkeca {
	position:absolute;
	margin-left:210px;
	margin-top:200px;
	}
	
#enter {
	position:absolute;
	margin-left:350px;
	margin-top:315px;
	}	



/************************

HEADER

************************/

#heidiheader {
	position:absolute;
	margin-top:10px;
	margin-left:332px;
	margin-right:auto;
	width:240px;
	height:54px; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#666666;
	}
	
#rule {
	position:absolute;
	margin-top:86px;
	margin-left:95px;
	}



/******* BUTTON - PAINTING *******/

#buttonpainting a {
	position:absolute;
display:block;
	margin-top:62px;
	margin-left:268px;
	width:96px;
	height:30px;
	border:none;
background:url(images/but_paintings.jpg) 0 0 no-repeat;
}

#buttonpainting a:hover,
#buttonpainting a:active,
#buttonpainting .selected {
background-position:0 -30px;
}

#buttonpainting a span {
display:none;
}

/******* BUTTON - CV *******/	
	
#buttoncv a {
	position:absolute;
display:block;
	margin-top:62px;
	margin-left:375px;
	width:34px;
	height:30px;
	border:none;
background:url(images/but_cv.jpg) 0 0 no-repeat;
	}	

#buttoncv a:hover,
#buttoncv a:active,
#buttoncv .selected {
background-position:0 -30px;
}

#buttoncv a span {
display:none;
}
	
/******* BUTTON - UPCOMING *******/

#buttonupcoming a {
	position:absolute;
display:block;
	margin-top:62px;
	margin-left:421px;
	width:52px;
	height:30px;
	border:none;
background:url(images/but_news.jpg) 0 0 no-repeat;
	}	

#buttonupcoming a:hover,
#buttonupcoming a:active,
#buttonupcoming .selected {
background-position:0 -30px;
}

#buttonupcoming a span {
display:none;
}
	
/******* BUTTON - CONTACT *******/
	
#buttoncontact a {
	position:absolute;
display:block;
	margin-top:62px;
	margin-left:488px;
	width:73px;
	height:30px;
	border:none;
background:url(images/but_contact.jpg) 0 0 no-repeat;
	}

#buttoncontact a:hover,
#buttoncontact a:active,
#buttoncontact .selected {
background-position:0 -30px;
}

#buttoncontact a span {
display:none;
}
	
/******* BUTTON - LINKS *******/
		
#buttonlinks a {
	position:absolute;
display:block;
	margin-top:62px;
	margin-left:578px;
	width:52px;
	height:30px;
	border:none;
background:url(images/but_links.jpg) 0 0 no-repeat;
	}

#buttonlinks a:hover,
#buttonlinks a:active,
#buttonlinks a.selected {
background-position:0 -30px;
}

#buttonlinks a span {
display:none;
}

.selected {
font-weight:bold;
border:1px solid red;
}

/************************

SIDEBAR

************************/

.indent {
	position:relative; 
line-height:15px; 
margin-left:32px;
	}


/******* BUTTON - 2011 *******/

#button-2011 {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2011.jpg) 0 -30px no-repeat;
}

#button-2011 a {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2011.jpg) 0 0 no-repeat;
}	

#button-2011 a:hover,
#button-2011 a:active,
#button-2011 .selected {
background-position:0 -30px;
}

#button-2011 a span {
display:none;
}


/******* BUTTON - 2010 *******/

#button-2010 {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2010.jpg) 0 -30px no-repeat;
}

#button-2010 a {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2010.jpg) 0 0 no-repeat;
}	

#button-2010 a:hover,
#button-2010 a:active,
#button-2010 .selected {
background-position:0 -30px;
}

#button-2010 a span {
display:none;
}


/******* BUTTON - 2009 *******/

#button-2009 {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2009.jpg) 0 -30px no-repeat;
}

#button-2009 a {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2009.jpg) 0 0 no-repeat;
}	

#button-2009 a:hover,
#button-2009 a:active,
#button-2009 .selected {
background-position:0 -30px;
}

#button-2009 a span {
display:none;
}


/******* BUTTON - 2008 *******/

#button-2008 {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2008.jpg) 0 -30px no-repeat;
}

#button-2008 a {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2008.jpg) 0 0 no-repeat;
}	

#button-2008 a:hover,
#button-2008 a:active,
#button-2008 .selected {
background-position:0 -30px;
}

#button-2008 a span {
display:none;
}



/******* BUTTON - 2007 *******/

#button-2007 {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2007.jpg) 0 -30px no-repeat;
}

#button-2007 a {
display:block;
	width:44px;
	height:30px;
	border:none;
background:url(images/but_2007.jpg) 0 0 no-repeat;
}	

#button-2007 a:hover,
#button-2007 a:active,
#button-2007 .selected {
background-position:0 -30px;
}

#button-2007 a span {
display:none;
}


/******* BUTTON - NEW WORK *******/

#button-newwork {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_newwork.jpg) 0 -44px no-repeat;
}

#button-newwork a {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_newwork.jpg) 0 0 no-repeat;
}	

#button-newwork a:hover,
#button-newwork a:active,
#button-newwork .selected {
background-position:0 -44px;
}

#button-newwork a span {
display:none;
}

/******* BUTTON - OLD WORK *******/

#button-oldwork  {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_oldwork.jpg) 0 -44px no-repeat;
}

#button-oldwork a {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_oldwork.jpg) 0 0 no-repeat;
}	

#button-oldwork a:hover,
#button-oldwork a:active,
#button-oldwork .selected {
background-position:0 -44px;
}

#button-oldwork a span {
display:none;
}



/******* BUTTON - PARKLIFE *******/

#button-parklife  {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_parklife.jpg) 0 -44px no-repeat;

}

#button-parklife a {
display:block;
	width:96px;
	height:44px;
	border:none;
background:url(images/but_parklife.jpg) 0 0 no-repeat;

}	

#button-parklife a:hover,
#button-parklife a:active,
#button-parklife .selected {
background-position:0 -44px;
}

#button-parklife a span {
display:none;
}

.indent #button-parklife {
	position:relative; 
line-height:15px; 
margin-left:32px;
	}


/******* BUTTON - GLASWEGIANS *******/

#button-glaswegians {
display:block;
	width:109px;
	height:44px;
	border:none;
background:url(images/but_glaswegians.jpg) 0 -44px no-repeat;
}

#button-glaswegians a {
display:block;
	width:109px;
	height:44px;
	border:none;
background:url(images/but_glaswegians.jpg) 0 0 no-repeat;
}	

#button-glaswegians a:hover,
#button-glaswegians a:active,
#button-glaswegians .selected {
background-position:0 -44px;
}

#button-glaswegians a span {
display:none;
}

.indent #button-glaswegians {
	position:relative; 
line-height:15px; 
margin-left:32px;
	}

/************************

PAGES

************************/

#content {
	position:absolute;
	margin-top:190px;
	margin-left:95px;
	width:700px;
	text-align:center;
	/*border:1px solid red;*/
	}

.cv {
	text-align:left;
	}	

.cvitalics {
	font-style:italic;
	}


/************************

CATEGORIES

************************/

#series {
	position:absolute;
	margin-top:124px;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#666666;
	z-index:3;
	}		
	
#rule {
	position:absolute;
	margin-top:86px;
	margin-left:95px;
	}	

#gallery {
	position:absolute;
	margin-top:145px;
	margin-left:140px;
	width:725px;
	border:none;
	text-align:center;
	line-height:70px;
}

.painting {
	padding:0px 30px 20px 0;
}




/************************

POSTS - PAINTINGS

************************/

/******* BUTTON - BACK ARROW *******/

#buttonarrows a {
	position:absolute;
	margin-top:446px; 
	margin-left:215px; 
width:428px;
border:1px solid red;
}

#buttonback a {
	position:absolute;
	margin-top:446px; 
	margin-left:215px; 
width:42px;
height:30px;
	border:none;
	z-index:2;
background:url(images/button_arrowback.jpg) 0 0 no-repeat;
}

#buttonback a:hover,
#buttonback a:active,
#buttonback .selected {
background-position:0 -30px;
}

#buttonback a span {
display:none;
}

	
/******* BUTTON - NEXT ARROW *******/

#buttonnext a {
	position:absolute;
	margin-top:446px; 
	margin-left:643px; 
width:42px;
height:30px;
	border:none;
	z-index:2;
background:url(images/button_arrownext.jpg) 0 0 no-repeat;
}	

#buttonnext a:hover,
#buttonnext a:active,
#buttonnext .selected {
background-position:0 -30px;
}

#buttonnext a span {
display:none;
}

	
#paintingposition {
	position:absolute;
	margin-left:225px;
	margin-top:112px;
	width:450px;
	height:360px;
	z-index:1;
	text-align:center;
/*border:1px solid green;*/
	}

.caption {
	position:absolute;
	top:485px;
	left:255px;
	width:388px;
	height:40px;
	text-decoration:none;
	text-align:center;
	font-family:Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:10pt;
	color:#666666; 
	z-index:10;
	}		
	
#cvtable {
	position:absolute;
	margin-top:120px;
	margin-left:95px;
	}	
	
/*#indent {
position:relative;
margin-left: 20px;
}	*/				
	

	
/*.buttons {
	position:absolute;
	margin-top:60px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	}	
*/

.inklingcopyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color:#B9B9B9;
	text-align: center;
	left: auto;
	text-decoration: none;
}


.heading {font-weight:bold; font-size:13px; line-height:22px; color:#333333;}

.cvbold {font-weight:bold; line-height:15px; color:#333333;}

.year {width:40px; color:#4c4c4c;}
.galleries {color:#5c5c5c;}
h5.cvsubheads {font-family:Geneva, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#999;}




/************************

LINKS

************************/

a:link {
	color: #878787;
	text-decoration: none;
	border:none;
}
a:visited {
	text-decoration: none;
	color: #878787;
	border:none;

}
a:hover {
	text-decoration: none;
	color: #4a4a4a;
	border:none;

}
a:active {
	text-decoration: none;
	color: #4a4a4a;
	border:none;
	
}
.style1 {
	color: #484848
	}

img {
	border:0;
	}


.error {
	font-size:10pt;
	line-height:16pt; 
	}