@charset "UTF-8";
/* CSS Document */


html {height:100%;}



 /* *** General *** */ 


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:#fff;
 }
  
#leftcol{
 width:87px; 
 float:left; 
 position:relative; 
 padding:65px 0 100px 0; 
 }
 
#content{
 float: right; 
 display:inline;
 position: relative; 
 width:779px;
 border-top:1px solid #ddd;
 margin:65px 0 0 0; 
 padding:0 0 10px 0;
  
}



 
#footer{
 clear:both;
 position:relative;
width:780px;
margin:0 auto;
padding:0 0 0 94px;
background:#fff;
 }
 
 #footer p{
 margin:0 0 0 0;
 border-top:solid 1px #ddd;

 }
 
 #footer p, #footer a {
 font-size:9px;
 color:#777;
 text-decoration:none;
 padding:15px 0 20px 0;
 }




/* Logo 	*/

#logowrap {
	width:69px;
	height:400px;
 	margin: 0;
}
#logo  {
	position:relative;
	width:69px;
	height:400px;
	padding:0;
	display: inline;
	overflow: hidden;

	}
#logo a {
	float: left;
	padding: 400px 0 0 0;
	overflow: hidden;
	width:69px;
	height: 0px !important; 
	height /**/:155px; /* for IE5/Win */
	background:url(../images/logo.gif) 0 0 no-repeat;
}
#logo span {
	margin: 0; 
	padding: 0;
	display: inline;

}

* {padding:0;margin:0;}

#description p, #content p, div.NewsSummary, div.notes, #content ul, #content li, #content ol {font-family:Georgia, Arial, "Times New Roman", Times, serif; font-size:13px;line-height:160%;}
#content #description p br {padding:0;height:0px;line-height:12px;margin:0;font-size:10px;}
#description {
	width:690px;
	clear:both;padding:10px 0 0 45px;display:block;position:relative;
}

/* Image styles */

img.right {padding:8px 0 8px 16px;float:right;}
img.left {padding:8px 16px 8px 0;float:left;}
img.inline {padding:8px 0;}
body.commissions img.inline {padding:20px 0 0 0;}

p.right {text-align:right}


/* Link Styles
 */
a:link, a:active, a:visited { color: #333; }
a:hover, a:focus { text-decoration: underline; color: #666; }
a {outline: none;} /* Getting rid of that annoying dotted border in FF	*/

/* Text Styles
 */
body, #image-details p {
	font: normal 13px/150% Arial, Helvetica, sans-serif!important;
	color: #444;
}

* html #content #image #image-details p p p {display:none!important;}

h1, h2, h3, h4, h5, h6, p {
	line-height:150%;
	padding:8px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-weight:normal;

}

p, body {color:#333;}

h1#paintingtitle {
	font-size:18px;
	padding:8px 0;

}

h1#gallerytitle {
	font-size:28px;
}

h1#albumheader {
	font-size:26px;
}

h1#blogpost {
	font-size:20px;
	line-height:auto;
}

h1#bigheadline, h1 {
	font-size:28px;
	padding:0 0 12px 0;
}

p#location {
	font-size:10px;
	padding:0 0 20px 0;
	margin:0;
}

h2 {
	font-size:18px;
}
h2 a:link, h2 a:visited {
	text-decoration: none;
}
h2 span {
}
h2 a:hover {
	text-decoration: none;
}
h3 {
	font-size:18px;
}
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover { text-decoration: underline; }


/* Miscellaneous
 */
hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #E6E6DF;
	margin: 0 0 12px 0;
	padding: 0;
}
img {
	border: 0;
}
blockquote {
	border-left: 1px solid #ddd;
	margin:10px 0 10px 20px;
	padding: 0 20px 0 20px;
}

blockquote#mbquote {
	margin: 0 40px 0 40px;
	border:0px;
}


blockquote#mbquote p {
font-size:120%;
color:#b03e00;
}


#imagemetadata {
  text-align: right;
  position: relative;
  display: none;
}

#imagemetadata table {
  text-align: left;
  line-height: 1em;
  border: 1px solid #ccc;
  position: absolute;
  top: 2em;
  right: 0px;
  background-color: #fafafa;
}

#imagemetadata table td {
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f8f8;
  padding: 2px 5px;
}


/* Page Navigation
 */
 
 div.albprevious {width:100px;text-align:left;float:left;}
div.albnext {float:right;text-align:right;width:100px}
 
div#navigation {
	display:block;
	width:139px;
	position:relative;
	text-align:left;
	padding:0;z-index:50000;
	margin:0 0 0 73px;
}

ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}
ul.pagelist li {
	display: inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}
ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #5A5A4B;
}
ul.pagelist li.prev {
	margin-right: 10px;
}
ul.pagelist li.next {
	margin-left: 10px;
}
.disabledlink, .albdisabledlink {
	color: #ddd;
	cursor: default;
}
.pagenav {
	clear: both;
}
.disabled_nav {
	visibility: hidden;
}

div.albnav {
font-size:11px;margin:20px 0 0 0;font-weight:bold;width:100%;border-top: 1px solid #ddd;display:block;position:relative;clear:both;}

#image-details div.albnav {position:absolute;bottom:15px;height:10px;right:15px;width:350px;padding:0;margin:0;}



.albnav a, .albnav p {
	text-decoration:none;
	color:#454545;
}
.albnav a:hover {
	color:#666;
}

/* Image Thumbnails
 */
.imagethumb a, .imagethumb a:hover {
	display: block;
	padding: 0px;
	margin: 0px 9px 9px 0px;
	line-height: 0px;
}

.imagethumb img {
	background:#fff url(../images/loading-sm.gif) 50% 50% no-repeat;
	

}


.imagethumb a:visited {
    border: 0px solid #ccc;
}

.imagethumb {
	float: left;
}
.albumdesc2 {
	line-height: 18px;
}

#image-details .imagethumb img {
border:1px solid #ddd;
padding:4px;
margin-bottom:9px;
}

#image #image-details .imagethumb img:hover {
	background:#666;
}

div.pagenav {
text-align:center;
width:100%;
color:#ccc;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 0 5px 0;
}

div.pagenav a {text-decoration:none;color:#333;}
div.pagenav a:hover {background:#ddd;}

div.bottom div.pagenav {
border-bottom:0px;
}

div.bottom {
padding-top:10px;
}

p#numberofsubalbums {
font-size:11px;padding:0;margin:0;display:block;width:150px;text-align:right;position:absolute;top:20px;right:20px;font-family:arial, helvetica, sans-serif;
}

div.albumwrapper {
padding:30px 40px 15px 40px;
}

body.index div.albumwrapper {
padding:30px 0 15px 40px;
}

body.contact div.albumwrapper {
padding:30px 40px 15px 140px;
background:url(http://www.laurieblum.com/uploads/images/contact1.jpg) 500px 30px no-repeat;
background:url(http://www.laurieblum.com/uploads/images/contact1.jpg) 30px 30px no-repeat;

}

/* Album Thumbnails
 */
#albums {
	width:705px;
	margin:0 auto;
	position:relative;
	padding:0;
}

#albums img {margin:10px 5px 0 5px;float:left;}

.album a img, #albums img {background:#fff url(../images/loading-sm.gif) 50% 50% no-repeat; }
.album img:hover, #albums img:hover, #image img:hover {

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

.album .thumb {
}

.album {
width:225px;
float:left;
margin:0 10px 0 0;
}

.album h3 {
	padding:0;
	margin: 0;
	
}

.album p {
	line-height: 12px;
	font-size: 11px;
  	padding: 4px 0px 0px;
  	margin: 0px;
}
.albumdesc h3 {
	color: #777;
	font-size:16px;
	padding:10px 0 0 0;
	margin:0;
	display:block;
	text-align:center;
}

body.index h3 {}


/* Individual Image Page
 */


.image { 
	margin: 0;
	padding: 0;
	border: 0;
}
#image {
	width:778px;
	height:300px;
	background:#f8f8f8;
	position:relative;
	margin:0 0 9px 0;
	overflow:hidden;
	border-right:1px solid #ddd;
}

#image-wrapper {float:left;width:400px;height:300px;display:block;overflow:hidden;}

#image img {
	padding:0px;
	float:left;
	background:#fff url(../images/loading-lg.gif) 50% 50% no-repeat;
}

#image #image-details img {background:#fff url(../images/loading-sm.gif) 50% 50% no-repeat;
}

#image #image-details {
float:right;
width: 343px;
padding-right:20px;
}

a.viewlarger {background:url(../images/magnify.gif) 100% 0% no-repeat;padding:0 20px 0 0;}
a.viewlargeralt {background:url(../images/magnify.gif) 0 0 no-repeat;padding:20px 0 0 0;height:0px!important;width:20px;overflow:hidden;display:block;margin:0 0 0 10px;}


img.none, a.none {
/*display:none;*/
}

.album img, #image img, .imagethumb img {}
.album img, #image img, .imagethumb img {}

#image img:hover, .imagethumb img:hover, .album img:hover  {}
#image img:hover, .imagethumb img:hover, .album img:hover  {}


#pagewidth{ 
 width:875px; 
 position:relative;
 margin:0 auto 0 auto; 
 background:#fff url(../images/content-bg.gif) 0 0 repeat-y;
} 

#outterwrapper{ 
 width:100%; 
 background:#fff;
} 

#content, #leftcol {
text-align:left;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

body.links li {
padding:8px 0;
}

#content ul li {
list-style-type:square;

}

/* begin forms */

div.notes {padding:0 0 15px 0;}

/**************** Global Form Styles ****************/


input[type="text"] /* for firefox */
{
	background: #fff!important;
}

input, 
textarea, 
select {
	border: 1px solid #ddd;
	color:#333;
	padding:2px 0;
	margin:2px 0 0 0;
}

/****************** Contact Form *******************/

div.contactform {
	margin:0 0 20px 0;
	}


div.textfield input {
	width:50%;
}

.contactform span {display:block;}

.contactform fieldset {}
.contactform fieldset legend {display:none;}
.contactform div.required {}

div.captcha img {
	border:1px solid #ddd;
	margin:0 0 10px 0;
	clear:both;
	}


div.contactform fieldset {
	margin: 0;
	padding: 0;
	border: 0px solid #ddd;	
	}

div.contactform fieldset div {
	padding: 0 0 10px 0;
	}

div.contactform label {
	display:block;
	margin:3px 0;
	}
	
div.contactform .required em {
font-size:18px;
color:#b10029;
vertical-align:middle;
}

div.contactform span.error {
font-size:14px;
color:#b10029;
font-weight:bold;
}

div.error_message {
padding:0 0 20px 0;
color:#b10029;
font-size:14px;

}

div.error_message h1{
color:#777;
}

div.error_message span {
display:block;

}


div.contactform div.happy label, div.contactform div.happy div {
display:inline;
padding:0 3px 0 0;
}

.inputbox, .textarea, textarea, select, .textinput, .text
 {
	border: 1px solid #ddd;
	background:#fff;
	color:#333;
}


	textarea:hover,
	.textfield input:hover, 
	select:hover, 
	textarea:focus, 
	.text:hover, 
	.text:focus, 
	.button:hover 
{
	border: 1px solid #666;
}

textarea {height:100px;width:500px;}
div.mailingaddress textarea {height:50px;}
#contactfrm textarea#address {height:50px;font-size:12px;margin-bottom:10px;}

div.submit input {
 	margin: 15px 15px 0 0;
	padding: 5px 7px;
	color: #333;
	background:#ddd;
	border:0px;
	font: bold 14px Arial, Helvetica, sans-serif

}

div.submit input:hover {
	background: #777;
	font-weight:bold;
	color: #fff;
	border:0px;
}




#navlist li a {
text-decoration:none;
color:#999999;
}

#navlist li a:hover {
color:#ddd;
}

#navlist li a:active {
color:#fff;
}





/*IE workaround*/
/*All IE browsers*/
#navlist li
{
border-left: 1px solid #777;
padding: 0 5px 0 5px;
margin: 0 0 0 -5px;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }



#navcontainer
{
margin: 30px 0 0 0;/*  for listamatic only */
overflow: hidden;
width: 650px;
height:20px;
display:block;
}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
font-size:10px;

}

#navlist li
{
border-left: 1px solid #666;
float: left;
line-height: 1.1em;
margin: 0 .5em 3px -.5em;
padding: 0 .5em 3px .5em;
background:none;
}


  /*****************************************************************/
 /******************** News Styles ********************************/
/*****************************************************************/

/* text buttons */
a.more, 
div.NewsSummaryMorelink a,
div#NewsPostDetailPrintLink a,
div#NewsPostDetailReturnLink a,
p.returnlink a
{ 
	padding: 4px 6px;
	background:#ddd;
	font-weight:bold;
	font-size:12px;
	border:1px solid #ddd;
	text-decoration:none!important;
	font-family:arial,helvetica,sans-serif!important;
}

/* text buttons hover state */
a.more:hover, 
div.NewsSummaryMorelink a:hover,
div.calendar-returnlink a:hover,
div#NewsPostDetailPrintLink a:hover,
div#NewsPostDetailReturnLink a:hover,
p.returnlink a:hover
{ 

	background:#ddd;
	border:1px solid #ddd;
	color:#666;
}

div.NewsSummaryMorelink a {
	padding: 1px 2px;
font-size:11px;
color:#666;
}

div.NewsSummaryMorelink a:hover {
color:#333!important;
}

#content div.NewsPageCount {
text-align:center;
width:100%;
margin:0 0 20px 0;
}


#content div.NewsPageCount p{
padding:0;
margin:0;
font-size:12px;
font-family:arial, helvetica, sans-serif;

}


#content div.pgbottom {
text-align:left;
}



#content div.NewsPageCount a{
	text-decoration:none;
	border:1px solid #ddd;
	padding:0 2px;
	margin:0 1px;
}

#content div.NewsPageCount a:hover{
	background:#fff;
	border:1px solid #ddd;

}

#content div.NewsPageHeader {
	clear:both;
	margin:0 0 30px 0;
	padding:0 0 5px 0;
    border-bottom:1px solid #ddd;
}

#content div.NewsPageHeader #NewsPostDetailDate {
	margin:0;
	border:0px;
	padding:0;
	width:150px;
	float:left;
	text-align:left;
	display:none;
}

#content div.NewsPageHeader div.NewsPageCount {
	margin:0;
	border:0px;
	padding:0;
	width:350px;
	float:right;
	text-align:right;
}




#content h1#NewsPostDetailTitle {
}

div.newsfooter {
	width:100%;
	clear:both;
	padding:10px 0 0 0;
	position:relative;
	margin:0 0 30px 0;
}


div.NewsSummary {
    margin:0 0 10px 0; 
    padding:10px 0 10px 0; 
    border-top:1px solid #ddd;
clear:both;
}

#content div.NewsSummary div.NewsSummaryPostdate,
#NewsPostDetailDate {
    font-size:11px;
text-align:right;
float:right;
width:200px;
display:none;
 }


#content .NewsSummaryLink h2 a {
text-decoration:none;
position:relative;
display:block;
padding-left:10px;
border-left:10px solid #eee;
}

#content .NewsSummaryLink h2  {
font-family:arial, helvetica, sans-serif;
line-height:auto;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;

}


.NewsSummaryLink a:hover {
    color:#666;
    background:#f8f8f8;
}


.NewsSummaryCategory,
#NewsPostDetailCategory {
	font-style: italic;
	margin: 5px 0 10px 0;
	font-size:0.7em;
 }

.NewsSummaryAuthor,
#NewsPostDetailAuthor {
	padding:0;
	font-size:11px;
	display:none;
}


#NewsPostDetailAuthor {
padding:0 0 10px 0;
	display:none;

}


#content .NewsSummarySummary, #content .NewsSummaryContent {
margin:10px 0 0 0;
 }


#content .NewsSummarySummary p{
 }

.NewsSummarySummary img {
float:left;
margin:0 10px 10px 0;
padding:0;
}

.NewsSummarySummary, .NewsSummaryContent {
}


.NewsSummaryMorelink {
  padding: 5px 0 5px 0;
 width:100%;
text-align:right;

}


div#NewsPostDetailPrintLink, 
div#NewsPostDetailReturnLink 
{
width:100px;
position:absolute;
top:0px;
right:0px;
text-align:right;
}

div#NewsPostDetailReturnLink 
{
left:0px;
text-align:left;
}


div#newsfooter {
position:relative;
width:100%;
height:30px;
clear:both;
}

div.hr {clear:both;}

#NewsPostDetailSummary {
   line-height: 150%;
display:none;
   }


#NewsPostDetailContent {
  padding-bottom: 15px;
  }

  /*****************************************************************/
 /*********** Album Styles **************/
/*****************************************************************/



#thumblistwrapper {width:100%;margin:0 auto;padding:0 0 0 0px;}
 /*********** width:800px for no left navigation **************/

/* Common */

div.thumbwrapper:hover, 
#content li.thumbwrapper:hover {
	background:#f8f8f8;
	border-color:#bababa;
}


img.thumbimg {visibility:hidden;display:none;} 
/* This hides the image for screen but is ready for print in the print styles */


/* Gallery List or Album List */

#gallerylist {}

div.photoalbumwrapper {
width:160px;
float:left;
text-align:center;
margin:0 15px 0 5px;
height:auto;
}


* html #content div.photoalbumwrapper {height: 1%;}

div.thumbwrapper {
	background:#fff;
	width:150px;
	height:120px;
	padding:4px;
	border:1px solid #ddd;
margin:0 auto 10px auto;
}

div.thumbwrapper a {
	display:block;
	width:150px;
	height:120px;
	background-position:center center;
	background-repeat:no-repeat;
}

div.commentwrapper {
	width:160px;
height:75px;
}

#content div.commentwrapper h3, #content table#videogallery h3 {
	font-size:12px;
	margin:0;
}

#content div.commentwrapper h3 a,
#content table#videogallery h3 a {
	text-decoration:none;
}

#content p.picturecount {
	margin:0;
	font-size:11px;
}

#content p.comment {
	margin:0;
	font-size:0.8em;
}

/* Album Thumbnails */

#content ul.thumblist {
	list-style-type:none;
	width:100%;
	margin:0 -10px 0 0;
	padding:0;
}

#content li.thumbwrapper {
	margin:0 10px 10px 0;
	float:left;
	width:115px;
	height:115px;
	padding:4px;
	border:1px solid #ddd;
	list-style-type:none;
background:#fff;
}

#content li.thumbwrapper a {
	display:block;
	width:115px;
	height:115px;
	background-position:center center;
	background-repeat:no-repeat;
}


/* Page Navigation */

#content p.albumnav {
	text-align:center;
	line-height:20px;
	font-size:0.7em;
	text-transform:uppercase;
}

#content p.albumnav a {
	border:1px solid #ddd;
	padding:0 3px 1px 3px;
	text-decoration:none;
	margin:0 3px;
}

#content p span.noprint {
	clear:both;
	font-size:0.8em;
	}

#content p.returnlink {
	clear:both;
	padding:20px 0;
}


 /* *** Float containers fix:*** */ 
.clearfix:after, #image:after, #albums:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix, #image, #albums{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #image, * html #albums{height: 1%;}
.clearfix, #image, #albums {display: block;}
/* End hide from IE-mac */  




 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}