/* ------------ global reset -----------------*/

* { background-repeat:no-repeat; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline:0;
font-family: inherit;
vertical-align: baseline;
background: transparent;
font-size: 100%;
}

ol, ul { list-style: none; }

del { text-decoration: line-through; }

blockquote, q { quotes: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

/* ------------ end of global reset -----------------*/


/* ------------ basic styles -----------------*/

body {
padding:10px;
/*background:#000 url(images/bg.jpg) 0px 20px no-repeat;*/
font-family:Arial, Helvetica, sans-serif;
background-color: black;
background-repeat:repeat;
font-size:62.5%;
text-align:center;
line-height:1;
color:#B4B3B4;
}

a { color:#B4B3B4; text-decoration:none; }

a:hover { color:#FFF; text-decoration:underline; }

.clear, .clear0 { clear:both; }

div.clear {
clear:both;
font-size:2px;
line-height:0px;
height: 0;
overflow:hidden;
}

.dnd {float: left;
display: block;
width: 0;
height: 0;
overflow: hidden; }

.highlight { color:#990000; }

.img, .logo a {
display:block;
text-indent:-999em;
overflow:hidden;
}

hr, .hidden, .frm_email legend, .frm_email label, .frm_search label, .frm_search legend  { display:none; }

.cleared:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleared {display: inline-block;}

/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared {display: block;}
/* End hide from IE-mac */

/* ------------ end of basic styles -----------------*/

.wrapper {
width:880px;
margin:40px auto;
text-align:left;
font-size:1.1em;
position:relative;
}

.logo { width:129px; height:21px; float:left; }
#index .logo { float:none; }

.logo a { width:100%; height:21px; background: url(images/logo.gif) 0 0 no-repeat; }

.nav_main a {display:block;
text-indent:-999em;
overflow:hidden;
}

ul.nav_main { margin-left:155px; float:left; padding-top:10px; }
.nav_main li { float:left; margin-right:25px; }

.nav_main a {
width:30px;
height:19px;
background:url(/images/nav.gif) 0 0 no-repeat;
filter:alpha(opacity=70);
opacity: 0.70;
-moz-opacity:0.70; }

.nav_art a { width:30px; background-position:0 0; }
.nav_artists a { width:54px; background-position:0 -18px; }
.nav_exhibitions a { width:86px; background-position:0 -40px;}
.nav_magazine a { width:73px; background-position:0 -60px;}
.nav_blog a { width:45px; background-position:0 -80px;}

.nav_main .nav_art a:hover, .nav_main .nav_art a.active {background:url(/images/nav.gif) 0 0 no-repeat;filter:alpha(opacity=99);opacity:.99;-moz-opacity:.99; }
.nav_main .nav_artists a:hover, .nav_main .nav_artists a.active {background:url(/images/nav.gif) 0 -18px no-repeat;filter:alpha(opacity=99);opacity:.99;-moz-opacity:.99; }
.nav_main .nav_exhibitions a:hover, .nav_main .nav_exhibitions a.active {background:url(/images/nav.gif) 0 -40px no-repeat;filter:alpha(opacity=99);opacity:.99;-moz-opacity:.99; }
.nav_main .nav_magazine a:hover, .nav_main .nav_magazine a.active {background:url(/images/nav.gif) 0 -60px no-repeat;filter:alpha(opacity=99);opacity:.99;-moz-opacity:.99; }
.nav_main .nav_blog  a:hover, .nav_main .nav_blog  a.active {background:url(/images/nav.gif) 0 -80px no-repeat;filter:alpha(opacity=99);opacity:.99;-moz-opacity:.99; }

.content { width:475px; padding-top:50px; margin:0 0 62px 285px; _overflow:hidden; clear:both; }

#index .content { min-height:300px; height:auto !important; }

#holder { position: relative; width: 475px; overflow: hidden; /*height: 400px; overflow:auto;*/ }

#post_wrapper { position: relative; }

li.post { margin: 0; padding: 0; width:475px; overflow: hidden; /*height:400px; overflow: visible*/ }

li.post p { padding-right:3px; }

.entry { margin-top:8px; line-height:1.6em; }

h1 { color:#D7D7D7; font-size:1.4em; padding-bottom:4px; }

.content p { line-height:1.4em; margin-bottom:1.7em; text-align:justify; }

.footer { border-top:2px solid #B4B3B3; clear:both; font-size:0.9em;  padding-top:10px; margin-top:30px;  }

p.copyright { float:left; width:45%; } 

ul.nav_bottom { float:right; }
ul.nav_bottom li { display:inline; padding-left:6px; }

.btn_blog { width:89px; height:25px; background: url(images/murmums-blog.gif) 0 -26px no-repeat;  }
.btn_blog:hover { background-position:0 0; }

.ttl_murmur { background: url(images/murmums-blog.gif) 0 0 no-repeat; border-bottom:1px solid #C1C1C1; height:23px; }

#sidebar { position:absolute; top:75px; left:0;  }
#sidebar h2 { padding-bottom:6px; font-size:1.2em; }

.h_archive { background:url(images/h_archives.gif) 0 0 no-repeat; width:62px; height:14px; margin-bottom:6px; }
.h_current { background:url(images/h_current.gif) 0 0 no-repeat; width:57px; height:14px; margin-bottom:18px; }


#sidebar li a { color:#767676; font-size:1.1em; }
#sidebar li a:hover { color:#FFF; }


.frms_email { position:absolute; left:0; bottom:40px; }
.frms_email .smaller { font-size:0.9em; margin-top:20px;  }

.frm_email, .frm_search { 
width:146px;
margin:10px 0 25px 0;
padding:25px 0 0 0;
border-bottom:1px solid #B4B3B3;
/* background: url(images/ttls.gif) 0 0 no-repeat; */
}
.frm_search { 
float:right;
margin:0 120px 0 0;
display:inline;
padding:0;
background:none;
}

.frm_email input, .frm_search input { 
color:#B4B3B4;
background-color:transparent;
width:124px; 
padding:2px;
border:none;
} 

.frm_email input.btn_form, .frm_search input.btn_form { width:auto; padding:0; }

.i_love { 
background-position:0 -400px;
}

.i_hate { 
background-position:0 -800px;
}

.alignleft { float:left; }
.alignright { float:right; }

#navigation { padding-top:10px; }
.navigation a { color:#FFF; }

#navigation2 { font-weight:bold; clear:both; padding-top:10px; } 










#photo_shell {
	position: relative;
	margin: 40px auto 0 auto;
	width: 475px;
	height: 369px;
	background-color: #111111;
	overflow: hidden;
	}

/** Brand image **/

	#photo_shell img {
		position: absolute;
		left: 0;
		top: 0;
		width: 475px;
		height: 369px;
		}

	#photo_shell img.brand_content {
		position: absolute;
		left: 0;
		top: 0;
		width: 475px;
		height: 369px;
		}
	#photo_shell div.brand_content {
		position: absolute;
		left: 0;
		top: 0;
		width: 435px;
		height: 339px;
		padding: 20px;
		color: white;
		background-color: black;
		}

/** Pagination **/
		
	#photo_shell #photo_pagination {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 17px;
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 500;
		}
	/**/
	html*#photo_shell #photo_pagination {
		bottom: 17px;
		}
	/**/
		#photo_shell #photo_pagination li {
			float: left;
			width: 18px;
			height: 17px;
			margin-right: 1px;
			}
			#photo_shell #photo_pagination li a {
				float: left;
				width: 18px;
				height: 17px;
				line-height: 17px;
				background-color: black;
				color: #9593A0;
				text-align: center;
				font-size: 0.9em;
				}
			#photo_shell #photo_pagination li a:hover {
				color: white;
				text-decoration:none;
				}
			#photo_shell #photo_pagination li a.active {
				color: white;
				font-weight: bold;
				}



#zoom_shell {
	position: relative;
	display: block;
	width: 475px;
	height: 443px;
	margin: 0 auto;
	background-color: black;
	overflow: hidden;
	}
#zoom_base {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	}
#zoom_window {
	position: absolute;
	left: 0;
	top: 0;
	width: 148px;
	height: 118px;
	overflow: hidden;
	border: 1px solid #666;
	z-index: 100;
	cursor: pointer;
	cursor: crosshair;
	}
	#zoom_window #zoom_content {
		position: absolute;
		left: 0;
		top: 0;
		}
		#zoom_window #zoom_content #zoom_image {
			position: absolute;
			left: 0;
			top: 0;
			}
		#zoom_window #zoom_content .content {
			position: absolute;
			width: auto !important;
			padding: 0 !important;
			margin: 0 !important;
			_overflow: visible;
			clear:both;
			}
			

#photo_shell div { line-height:1.6em; }

#sidebar li li { line-height:1.5em; }

.post_single { padding-top:15px; }
