/* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body
{
    margin: 0;
    padding: 0;
    font: x-small "Segoe UI" , Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    font-size: small;
	color: #b3b3b3;
	background-color: #2A2A2A !important;
}
html > body
{
    font-size: small;
}


#wrap
{
	postion: relative;
	margin-left: 10px;
	padding: 0px;
	width: 1200px;
	clear: both;
}

#wrap_large
{
	margin-left: 30px;
	text-align:left;
}
#wrap_thumbs
{
	margin-left: 30px;
	text-align:left;
	width: 800px;
}


.clear
{
    clear: both;
}

a, a:link, a:visited, a:active
{
	color:inherit;
	text-decoration:none;

}
a:hover
{
	color:inherit;
	text-decoration:underline;
}


h1, h2, h3, h4, h5 { font-weight: normal; }
h1 
{
	font-size: x-large;
}
h2 
{
	font-size: medium;
}
h3 
{
	font-size: medium; 
}



ul.albums_list
{
	margin-left: 20px;
}

hr
{
    display: none;
}


a img
{
    border: none;
}



.dropShadow {
	background: url(./shadow.png) right bottom no-repeat;
	display: block;
	float: left;
	margin: 13px -10px -10px 10px;
	position: relative;
}


.dropShadow:before, .dropShadow:after {
	background: inherit;	
	content: " ";
	display: block;
	height: 10px;
	width: 10px;
}

.dropShadow:before {
	background-position: right top;
	margin: -10px 0 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.dropShadow:after {
	background-position: left bottom;
	margin: -13px 0 0 -10px;
}

.dropShadow .inner {
	display: block;
	left: -10px;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: -13px;
}

#header
{
	margin-left: 10px;
	margin-bottom: 20px;
}


div.thumbnail 
{
	background-color: #414141 !important;
	color: inherit;
	float: left;
	position: relative;

	overflow: hidden;
	margin: 1px 0 0 1px;

	border-width: 1px;
	border-style: solid;
	border-color: #414141;
	padding: 10px 10px 10px 0px;
}

div.thumbnail:hover, div.thumb_hover
{
	background-color: #302E2C !important;
	color: inherit;
	border-color: #414141 !important;
}

.thumb {
  border: 1px solid #000000 !important;
}



div.itemNumber {
	color: #9c9c9c;
	letter-spacing: -1px;
	font-size: 20px;
	color: #7B7B7B !important;
	display: inherit !important;
	float: left;
	z-index: 0;
	padding: 0 5px;
}


#wrap_large
{
clear: both;
}

#pagination
{
	margin: 0 0 10px 0;
}
#photo
{
	border: 1px solid #575757;
	background-color: #414141 !important;
	float: left;
	padding: 10px;
	clear: both;
	margin: 0 0 10px 0;

}
#photo img
{
	border: 1px solid #000;
}

#wrap_comments
{
	margin-left: 30px;
	border-left: 1px solid #555;
}