/* @override 
	http://collectingmass.dev/site/screen3.css
	http://collectingmass.dev/public/themes/collectingmass_v1/screen.css
	http://collectingmass.dev/public/themes/collectingmass_v1/screen2.css
	http://collectingmass.dev/site/screen3.css
	http://collectingmass.dev/site/css/screen4.css
*/

/* @group reset */

/* RESET  
-------------------------------------------------*/
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-weight: normal; font-style: inherit; font-family: inherit; vertical-align: baseline;}
html {font-size:100.01%;}
/* remember to define focus styles! */
:focus {outline: 0;}
a:hover, a:focus, a {outline:none;}			/* fix for firefox */
body {line-height: 1em; color: white; background: #2a2a2a; min-height: 1000px;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
tr {valign:top;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:link img {border: 0px none;}
img, a img {padding:0; margin:0; border:none; display:block;}
strong {font-weight:bold;}
em {font-style:italic;}

/* @end */

/* @group tags */

/* !Tags
-------------------------------------------------*/

body {
	margin:0; 
	background-color: #3a3a3a;
	max-width: 1109px;
}

body.ss {
	width:100%;
	max-width: none;
}
 
body.darker {
	background-color:black;
} 
 
p, h1, h2, h3, li {
	font-family:Helvetica, Arial, sans-serif;
	font-weight: normal;	
}
 
p {
    font-size:13px;
    line-height:18px;
    margin:0 0 12px 0;
    color: #ddd;
}
 
li { font-size:12px; line-height:16px; margin:0;}

a {	
	border:none; 
	text-decoration:none;
	outline:none;
	color:#aaa;
}

h1, h2, h3 {
	font-family:  Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 16px;
	color: rgb(100,100,100);
	margin: 24px 0 8px 0;
}


h2 {
	font-size: 18px;
	color: white;
	margin: 8px 0;
}

h3 {
	font-size: 11px; 
	color:white; 
	margin:0;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 8px 0;
}


p {
	margin: 0 0 6px 0;
}

p a {text-decoration:none; border-bottom: 1px solid #333;}
p a:visited {color:#ccc;}
p a:hover {color:white; border:none;}
ol, ul {list-style: none; margin:0; padding:0;}
li {
	list-style:none; 
	margin: 0 0 6px 0;
	padding:0;
}
a img, a img.thumb {border:none; text-decoration:none;}

/* @end */

/* @group nav */

/* !Nav
-------------------------------------------------*/
#page {
	width: 869px;
	margin: 50px 0 100px auto;
	padding-left: 150px;
	min-height: 400px;
	position: relative;
}

#single-image {
	xborder:1px solid black;
	width:825px;
	height:550px;
}

#single-image.loader {
	background: transparent url(/site/images/loader.gif) 50px 5px no-repeat;
}

#loader {
	padding:0 0 0 50px;
}

img.banner {
	border: 2px solid white;
	margin: 0;
}

img.banner-bg {
	position: absolute;
	top:0px;
	left:-260px;
}

div.about {
	width:60%;
	margin:12px 0 0 110px;
}

div.about p {
	font-size: 15px;
	margin-bottom: 15px;
}


#nav {
	width: 150px;
	position: absolute; top:-50px; left:0px;
	min-height: 200px;
	background-color: black;
	text-align: center;
 	z-index:100;
 	padding:45px 0 30px 0;
}


li.galleries {
	background: transparent url(/site/images/sprite.png) 25px -61px no-repeat;
	xborder: 1px solid red;
	height: 16px;
	margin: 0 auto;
	text-indent: -9000em;
	text-align: center;
	xwidth: 100%;
}

li.galleries a {
	text-indent: -9000em;
	text-align: left;
	display: block;
	width: 150px;
	height: 16px;
}

#galleries li.galleries a:hover {
	background-color: transparent;
}

li.wordmark {
	background: transparent url(/site/images/sprite.png) -9px -41px no-repeat;
	height: 21px;
	margin: 0 auto;
	text-indent: -9000em;
	text-align: center;
	width: 130px;
}

li.wordmark a {
	text-indent: -9000em;
	text-align: left;
	display: block;
	width: 130px;
	height: 21px;
}

li.wordmark a:hover {
	border: 1px solid #333;
 
}

#galleries {
	margin-top: 5px;
}

#galleries li {
	margin: 0;
	padding: 0;
	height: auto;
	font-size: 12px;
}

#galleries li a {
	display: block;
	padding: 1px;
}
#galleries a:hover  {
	background-color: #181818; 
	color: #fdfea8;
}

#nav li a {
	padding-left: 0px;
}

#nav2 {
	position:absolute;
	top:-25px;
	right:35px;
	width:auto;
}

#nav2 li {
	display: inline;
	margin: 0;
	padding:0;
}

#nav2 li a {
	padding:3px;
	margin: 0;;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color:#999;	
}

#nav2 li a:hover {
	color:white;
	text-decoration: underline;
}

/* @end */

/* @group meta */

/* !meta
-------------------------------------------------*/

#meta {
	xborder: 1px solid white;
	height:22px;
	width: 110px;
	position: absolute;
	top: -25px;
	left:160px;
}

#meta li {
	position:absolute; 
	top:4px;
	background: transparent url(/site/images/sprite.png) left top no-repeat;
}

#meta li, 
#meta li a {
	height: 18px;
	width: 40px;
	display: block;
	margin:0; padding:0;
}

#meta li a {
	text-indent: -9000em;
}

#meta li.index {
	width: 42px;
	left: 35px;
	background-position: -231px -219px;
}

#meta li.prev  {
	width:30px;
	left:0px;
	background-position: -231px -267px;
}

#meta li.next {
	width:30px;
	right:0px;
	background-position: -234px -247px;
}

/* @end */

/* @group content-areas */

div.album-content {
	width: 60%;
}

#banners,
div.banner {
	position:relative;
}

div.banner {
	background:transparent url(/site/images/loader.gif) 400px 200px no-repeat;
	min-height:300px;
}

body.darker div.banner {
	background:transparent url(/site/images/loader000.gif) 400px 200px no-repeat;
}

#onlyss {
	background-color: transparent;
}

#overlay {
	position: absolute; top: 5px; left: 5px;
	width: 825px;
	height: 450px;
	background: transparent url(/site/images/overlay.png) top left no-repeat;
}

#overlay a {
	display: block;
	width: 825px;
	height: 450px;
	text-decoration: none;
}

div.wedding {
	background-color: white;
	width:829px;
	padding: 0 0 50px 0;
	position: relative;
	margin-top: -12px;
}

div.nav-wedding {
	background-color:#222;
	position:absolute;
	top:341px; left:-150px;
	width: 130px;
	padding: 10px 10px 0 10px;
}

div.nav-wedding li a {
	color:white;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding-bottom: 5px;
	display: block;
}

div.nav-wedding li a:hover {
	text-transform: underline;
}

div.nav-wedding ul.sidemenu ul {
 	padding-top: 3px;
 
 
}
div.nav-wedding ul.sidemenu li {
	xborder-bottom: 2px solid #3a3a3a;
	padding: 0;
}


div.nav-wedding ul.sidemenu ul li {
	border:none;
}

div.nav-wedding ul ul li a {
	border:none;
	font-weight: normal;
	color:inherit;
}

div.wedding-sidebar {
 	float: right;
 	width: 200px;
 	padding: 10px 20px;
 	margin: 0 0 36px 36px;
 	background-color: #fffec7;
}

div.wedding-sidebar h2 {
	color: #73511d;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

div.wedding-sidebar h3 {
	color: #737727;
	margin: 0; padding: 4px 0 0 0;
	line-height: 14px;
}

div.wedding-sidebar ul {
	margin: 0 0 24px 0;
	padding: 0;
}
div.wedding-sidebar li {
	color: #333;
	margin: 0; padding: 0;
	line-height: 18px;
}

div.wedding-sidebar li a {
	color: rgb(180, 40, 40);
}


div.wedding-content {
	margin: 12px 30px;
	width:80%;
}

div.wedding-content p {
	color:black;
	margin-bottom: 16px;
	font-size: 14px;
	color:#333;
}

div.wedding-content h1 {
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	color: #5a3f17;
	margin:18px 0 6px 0; 
	padding:0;
	font-family: georgia, serif;
}

div.wedding-content h2 {
	color:#737727;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding-top: 12px;
	text-transform: uppercase;
}

div.wedding-content a {
	color: #666;
	border: none;
	text-decoration: underline;
}

div.wedding-content blockquote {
	border:1px solid #ccc;
	border-width: 1px 0;
	background-color: #eee;
	text-align: center;
	margin: 6px 20px 12px 0;
	padding: 8px;
	width: 70%;
}

div.wedding-content blockquote p {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	color:#666;
	line-height: 22px;
	margin-bottom: 0px;
	font-style: italic;
}

div.sscontent {
	/* 
	defines the main content areas.
	always wrapped with a 100% width div (banner or bottom)
	this + padding is the main content width
	*/ 
	width:825px; 
	margin:0 auto; 
	position:relative; 
	text-align:left;
	height: auto;
	clear: both;
}


#slideshow {
	height: 550px;
	width: 900px;
	background-color: black;
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
}

#full {
	width:100%;
	text-align: center;
}

#ss {
	width:825px;
	margin:0 auto;
}

#ss-wrapper {
	width: 825px;
	position: relative;
}



#thumbs {
	margin:8px 0;
	overflow:auto;
	height:1%;
	min-height: 50px;
}

#thumbs.loading {
	background:transparent url(/site/images/loader.gif) top left no-repeat;
}

/* @end */


a.notelink {
	font-size: 11px;
	color: white;
	margin-left: 6px;
}

a.notelink:hover {
	color: yellow;
}


#note img {
	margin: 18px 0;
}

#note p.caption {
	float: right;
	position: relative;
	width: 175px;
	margin: 12px 40px 0 0;
	padding: 6px 0 0 0;
	border-top: 1px solid yellow;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: white;
}


img.thumb,
img.thumb a {
	padding:0px;
	margin:0px;
	border:0;
}

img.thumb {
 float:left;
}

h2.hook {
	position: absolute;
	bottom:10px;
	left:10px;
	background-color: black;
	color: white;
	display: block;

	font-family: "Chaparral Pro", "Trebuchet MS", serif;
	font-weight: normal;
	font-size: 18px;
	height: auto;
	line-height: 18px;
	margin:0;
	padding: 6px 10px;
	width: auto;
}

a.slide-show-link {
	background:transparent url(/site/images/sprite.png) -500px -40px no-repeat;
	text-indent: -9000em;
	display: none;
	height: 25px;
	position: absolute;
	bottom: -25px; right: 35px;
	width: 95px;
	border-bottom: none;	
}

p.intro {
	font-size: 14px;
	line-height: 20px;
	margin:12px 0;
}

p.home {
	font-size: 11px;
	margin:5px 0 0 0;
	padding: 0;
	line-height: 11px;
}

p.home a {
	color: white;
	font-weight: bold;
	border-bottom-color: yellow;
}

p.home a:hover {
	border: none;
}
p.home em {
	font-weight: bold;
	color: white;
	font-style: normal;
}

a.thumblink {
	font-weight: normal;
	color: white;
}

a.thumblink,
a.noteslink {
	padding: 4px 0;
}

a#next, a#prev {
	background: transparent url(/site/images/nextprev.png) 2000px 250px no-repeat;	
	display: none;
	width:300px;
	height:550px;
	position:absolute;
	top:0;
	z-index:99;
}

a#next {right:40px;}
a#prev {left:0;}

a#next:hover {
	background: transparent url(/site/images/nextprev.png) 230px 13px no-repeat;	
}

a#prev:hover {
	background: transparent url(/site/images/nextprev.png) -130px 13px no-repeat;	
}