* {
    padding: 0;
    margin: 0;}
	
a {
  outline: none;}
	
img {
	border: 0;}
    
body {
    background-color: #3f3b37;
    padding: 10px;
    font-family: Tahoma, Arial, Helvetica, sans;
    font-size: 11px;}
    
a, a:visited {
    color: #069;}
    
em {
    color: #999;
    font-style: normal;}
	
h1 {
	line-height: 1em;
	margin: 0 0 10px 0;
	color: #336699;
	letter-spacing: -1px;
	font-size: 23px;}
	
p {
	margin: 0 0 10px 0;
	line-height: 1.5em;}
    

/* Logo */

#logo {
    width: 844px;
    margin: 0 auto;
	padding: 0 0 5px 0;}
	
/* Info */

#info {
	padding: 20px;
	border-bottom: 1px solid #ccc;}
	
#largeView #info,
#mediumView #info,
#IMView #info {
	padding: 26px 0 0 20px;
	height: 40px;}

/* CTA */

#make {
	position: absolute;
	margin: 18px 18px 18px 570px;}

/* Header area */

#header {
    padding: 10px;
    line-height: 1.3em;
    border-bottom: 1px solid #ccc;}
	
#largeView #header,
#mediumView #header,
#IMView #header {
	padding: 0;}
    
#header #size {
    color: #7f8759;
	padding: 10px;
	background-color: #eef5cc;
	text-align: center;}
    
#header #size a, #header #size a:visited {
    font-weight: bold;}
    
#header #size a.selected, #header #size a.selected:visited {
    color: #333;
    text-decoration: none;}
    
/* Picture container */

#largeView #snapshot,
#mediumView #snapshot,
#IMView #snapshot {
    padding: 10px;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
	text-align: center;
	width: 640px;
	float: left;}
    
#mediumView #snapshot img {
	margin: 120px 0 120px 0;}
	
#IMView #snapshot img {
	margin: 200px 0 200px 0;}
    
/* Bottom blocks */

#share {
    line-height: 1.5em;
    border: 1px solid #bcd472;
    width: 293px;
    margin: 10px 0px 10px 10px;
    padding: 38px 10px 8px 10px;
    float: left;
    background-color: #ecf7cb;
    background-image: url(/assets/images/view_title_share.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
	height: 120px;
	display: inline;}
    
#share .field {
    padding: 2px;
    background-color: #cce57f;
    margin: 4px 0px 4px 0px;}
    
#share .field input {
    width: 283px;
	border: 1px solid #999;
	padding: 2px;
	text-align: center;}
    
#email {
    line-height: 1.5em;
    border: 1px solid #cccccc;
    width: 293px;
    margin: 10px 0px 10px 10px;
    padding: 38px 10px 8px 10px;
    float: left;
    background-color: #eeeeee;
    background-image: url(/assets/images/view_title_send.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
	height: 120px;}
	
#email .field {
    padding: 2px;
    background-color: #dddddd;
    margin: 2px 0px;}
	
#email .field input {
    width: 262px;
	border: 1px solid #999;
	padding: 2px 2px 2px 23px;
    background-image: url(/assets/images/icon_email.png);
    background-repeat: no-repeat;
    background-position: 4px center;}
	
#email .subscribe {
	float: left;
	margin: 4px 0 0 4px;
	color: #999;}

#email .subscribe input {
	margin: 0 4px 0 0;}
	
#email .button {
	float: right;}

/* Footer */

#footer {
    padding: 20px;
    color: #a49d96;
    background-color: #272421;
    background-image: url(/assets/images/logo_sideshow_viewpage.png);
    background-repeat: no-repeat;
    background-position: right center;
	line-height: 1.5em;}
    
#footer a, #footer a:visited {
    color: #a49d96;
	text-decoration: none;
	background-color: #3c3833;
	padding: 0 3px 1px 3px;}
	
#footer a:hover {
	background-color: #73c1e9;
	color: #094a6c;}
	
/* Delete Snapshot */

#delete #container {
	width: 360px;
	padding: 20px;}
	
/* 404 */

#fourohfour #container {
	width: 360px;
	padding: 20px;}
	
#fourohfour h1 {
	color: #cc0000;
	}
	
/* ADs */

#largeView #ads,
#mediumView #ads,
#IMView #ads {
	width: 159px;
	height: 671px;
	border-left: 1px solid #ccc;
	padding: 10px;
	float: right;
	overflow: hidden;}
	
/* Snap */

	
#container {
    background-color: #fff;
    width: 960px;
    margin: 0 auto;}
    
#largeView #container,
#mediumView #container,
#IMView #container {
	width: 840px;}
	
#logo {
    width: 964px;
    margin: 0 auto;
	padding: 0 0 5px 0;}
	
#largeView #logo,
#mediumView #logo,
#IMView #logo {
	width: 844px;}

/* Home */

#home #hello {
    background-image: url(/assets/images/home_hello.png);
	height: 141px;
	width: 960px;
	text-indent: -9999px;
	display: block;}

#home #snaps {
	margin: 22px 0 22px 15px;
	width: 720px;}

#home a.snapThumb {
    background-image: url(/assets/images/snap_bg.png);
	padding: 10px 10px 0px 10px;
	display: block;
	width: 160px;
	height: 159px;
	float: left;
	text-decoration: none;
	color: #999;
	border: 0;}
	
#home a.snapThumb .meta {
	text-align: center;
	font-size: 9px;
	padding: 9px 0 0 0;}
	
#home #announce {
    background-image: url(/assets/images/announce_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 212px;
	height: 332px;
	float: right;
	margin: 23px 0 0 0;
	color: #847e78;}
	
#home #announce h1 {
    background-image: url(/assets/images/announce_header.png);
	background-repeat: no-repeat;
	height: 70px;
	text-indent: -9999px;}
	
#home #announce p {
	margin: -5px 36px 15px 14px;
	padding: 0;}


/* Gallery */

#gallery #hello {
    background-image: url(/assets/images/gallery-hello.png);
        height: 141px;
        width: 960px;
        text-indent: -9999px;
        display: block;}

#gallery #request {
    background-image: url(/assets/images/gallery-request.png);
        height: 141px;
        width: 960px;
        text-indent: -9999px;
        display: block;}

#gallery #instructions {
	margin-top: 20px;
	margin-left: 20px;
    background-image: url(/assets/images/gallery-request-content.png);
        height: 71px;
        width: 701px;
        text-indent: -9999px;
        display: block;}

#gallery #container #requestForm{
	margin: 20px 0px 0px 20px;
}

#gallery #requestForm {
	width: 525px;
	height: 41px;
	background-image: url(/assets/images/gallery-request-form.png);
}

#gallery #requestForm #emailField {
	float: left;
	padding: 0;
	margin: 6px 0 0 10px;
	border: 0;
	width: 373px;
	background: none;
	font-size: 22px;
	font-weight: bold;
	color:#999;
}

#gallery #requestForm #submit {	
	float: right;
	margin: 3px 4px 0 0;
	width: 118px;
	height: 35px;
	background: none;
        text-indent: -9999px;
	border: none;
}


#gallery #snaps {
        margin: 22px 0 22px 15px;
        width: 720px;}

#gallery a.snapThumb {
    background-image: url(/assets/images/snap_bg.png);
        padding: 10px 10px 0px 10px;
        display: block;
        width: 160px;
        height: 159px;
        float: left;
        text-decoration: none;
        color: #999;
        border: 0;}

#gallery a.snapThumb .meta {
        text-align: center;
        font-size: 9px;
        padding: 9px 0 0 0;}

#gallery #announce {
    background-image: url(/assets/images/announce_bg.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        width: 212px;
        height: 332px;
        float: right;
        margin: 23px 0 0 0;
        color: #847e78;}

#gallery #announce h1 {
    background-image: url(/assets/images/announce_header.png);
        background-repeat: no-repeat;
        height: 70px;
        text-indent: -9999px;}

#gallery #announce p {
        margin: -5px 36px 15px 14px;
        padding: 0;}

#gallery #pager {
	float: right;
	margin-right: 10px;
}

#gallery .error {
	padding: 20px 0px 0px 20px;
	font-size: 14pt;
	font-weight: bold;
	color: red;
}

#gallery .message {
        padding: 20px 0px 0px 20px;
        font-size: 14pt;
        font-weight: bold;
        color: #659865;
}

/* Tabs */

#tabs {
    background-image: url(/assets/images/tab_bg.png);
	height: 50px;}
	
#tabs a#tabBrowse {
	display: block;
	float: left;
	width: 186px;
	height: 50px;
    background-image: url(/assets/images/tab_browse_on.png);
	text-indent: -9999px;}
	
#snap #tabs a#tabBrowse, #gallery #tabs a#tabBrowse {
    background-image: url(/assets/images/tab_browse_off.png);}
	
#tabs a#tabSnap {
	display: block;
	float: left;
	width: 179px;
	height: 50px;
    background-image: url(/assets/images/tab_snap_off.png);
	text-indent: -9999px;}
	
#snap #tabs a#tabSnap {
    background-image: url(/assets/images/tab_snap_on.png);}

#tabs a#tabGallery{
        display: block;
        float: left;
        width: 179px;
        height: 50px;
    	background-image: url(/assets/images/tab_gallery_off.png);
        text-indent: -9999px;}

#gallery #tabs a#tabGallery {
    background-image: url(/assets/images/tab_gallery_on.png);}
	
/* Snap Stream */

.snap {
	border: 1px solid #7e5028;
	background-color: #fff;
	padding: 10px;
	display: block;
	width: 160px;
	text-decoration: none;
	color: #999999;
	margin: 10px auto;}
	
.snap div {
	margin: 0 0 5px 0;}

.snap div {
 	height: 120px;
  	background-color: #000;
	}

.snap div img {
 	border:0px;
	}

#snapStream {
  	float: right;
  	width: 260px;
  	height: 480px;
  	overflow-y: scroll;
	background-image: url(/assets/images/cork.jpg);
	}

.pager {
	margin: 10px 4px;
	width: 708px;
}

.pager a {
	border: solid 1px #ddd;
	padding: 3px 3px;
	width: 20px;
	display:block;
	float: left;
	text-align: center;
	margin: 2px;
}
