html {
	background-color: #2a3440;
	/*background-color: #eee;*/
}

body {
	/*font-family: Helvetica, Arial, sans-serif;*/
	/*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: small;
	margin: 0;
	
	/*background: #eee url(../graphics/bg-top-container_2.jpg) top left repeat-x;*/
	background: #2a3440 url(../graphics/bg-top-container.png) top left repeat-x;
		
	text-align: center;	 /* Just for the benefit of IE5/Win */
}

em {
	font-style: italic;
}

img {
	border: none;
}

sup {
	font-size: 80%;
}

form {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}
/********** HEADERS ***********/
h1 {
	font-size: 200%;
	font-weight: 600;
	margin: 30px 0;
}
h3 {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 150%;
	/*font-weight: 600;*/
	margin: 0 0 20px 0;
}
h4 {
	font-size: 110%;
	font-weight: 600;
	margin: 20px 0 10px 0;
}

p {
	margin: 10px 0;
	line-height: 1.3;
}
	p.address {
	margin-left: 20px;
	}

#container {
	text-align: left;
	/*background: url(../graphics/content_gradient_bg.gif) top left repeat-y;*/
	position: relative;
	min-height: 100%;
	/*margin-bottom: 30px;*/
}

/*.container-gallery {
	text-align: left;
	background: url(../graphics/content_gradient_bg.gif) top left repeat-y;
	background: url(../graphics/gallery-content-bg.png) center repeat-y;
	position: relative;
	min-height: 100%;
	
	padding-bottom: 30px;
}
	.container-gallery#container-primaryleft {*/
	
		/*background: url(../graphics/gallery-content-noleftcol-bg.png) center repeat-y;
	}*/

#container-short {
	text-align: left;
	position: relative;
	min-height: 100%;
	margin-bottom: 80px;
}


.about-image { margin-left: -10px; }


/*********************************************/
/* HEADER                                    */
/*********************************************/
#top-container {
	height: 180px;
	
	/*background: #2B3B45 url(../graphics/bg-top-container_2.jpg) top left repeat-x;*/
	background: #2a3440 url(../graphics/bg-top-container.png) top left repeat-x;
	
	/*background: #2B3B45;*/
	
	/*border-top: 2px solid  #5d5d5d;
	border-bottom: 2px solid  #5d5d5d;*/

	overflow: hidden;
}

#header {
	width: 950px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	/*border-right: 2px solid  #5d5d5d;
	border-left: 2px solid  #5d5d5d;
	border-top: 2px solid  #5d5d5d;*/
	background-color: #2a3440;
}
.header-ps3 {
	width: 950px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	/*background: #2B3B45 url(../graphics/header-logo-ps3.gif) 0px 0px no-repeat;*/
}
	.header-ps3#header-ps3-cat { background: #2a3440 url(../graphics/header-logo-ps3-cat.jpg) 0px 0px no-repeat; }
.header-x360 {
	width: 950px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	/*background: #2B3B45 url(../graphics/header-logo-x360.gif) 0px 0px no-repeat;*/
}

#logo {
	height: 100px;
	width: 950px;
	background: #2a3440 url(../graphics/bg-header-icon.jpg) top left no-repeat;
}
#ps3page #logo { background: #2B3B45 url(../graphics/header-logo-ps3.jpg) top left no-repeat; }
#xboxpage #logo { background: #2B3B45 url(../graphics/header-logo-x360.jpg) top left no-repeat; }
#header-x360-theme #logo { background: #2B3B45 url(../graphics/header-logo-x360.jpg) 0px 0px no-repeat; }
#header-x360-cat #logo { background: #2B3B45 url(../graphics/header-logo-x360-cat.jpg) 0px 0px no-repeat; }
#header-x360-ava #logo { background: #2B3B45 url(../graphics/header-logo-x360-ava.jpg) 0px 0px no-repeat; }

#nav-bar {
	height: 40px;
	/*background: #2a3440 url(../graphics/bg-nav-bar.jpg) top left no-repeat;*/
	background: #2a3440;
	
	/* forces the container to stretch to contain the internal float */
	overflow: hidden;
	zoom: 1;	
	
}

/*********************************************/
/* Page Elements                             */
/*********************************************/

#breadcrumb-bar {
	height: 30px;
	background: #33434c;
	color: #fff;
	text-align: left;
	line-height: 2.2;
	padding-left: 10px;
}

#contentcenter {
	width: 950px;
	margin: 0 auto;
	/*padding-bottom: 30px;
	border-right: 2px solid  #5d5d5d;
	border-left: 2px solid  #5d5d5d;*/
	background: #fff url(../graphics/bg-contentcenter.png) top left no-repeat;
	
}
	.gallerypage #contentcenter { background: #eee url(../graphics/bg-gallery-contentcenter.png) top left no-repeat; }
	
#contentmain {
	width: 610px;
	float: left;
}

#content-left-primary {
	width: 750px;
}
#content-left-secondary {
	width: 120px;
	float: left;
	margin-left: 4px;
	border-top: none;
	border-bottom: none;
}
#content-left-left {
	width: 375px;
}

#contentright {
	width: 191px;
	
	margin-right: 5px;
	border-top: none;
	border-bottom: none;
}
#content-right-primary {
	width: 810px;
	float: left;
}
#content-left-right {
	width: 375px;
}
#content-center-primary {
	width: 950px;
	background: url(../graphics/bg-gallery-contentcenter-primary.png) bottom left no-repeat;
}


#copycontent {
	color: #2d2d2d;
	padding: 30px;
	background: url(../graphics/bg-copycontent.png) bottom left no-repeat;
/*	border-right: 2px solid  #5d5d5d;
	border-left: 2px solid  #5d5d5d;*/
}
	#copycontent h1 {
		width: 200px;
		margin: 30px auto 0 auto;
	}
	.homepage #copycontent { padding-bottom: 50px; } /*a little extra spacing at the bottom of the homepage. Padding/margin on the ps3 link f's up the containing div and its rounded corners*/
	
#single-column-center {
	width: 890px;
	margin: 0 auto;
}
#left-column {
	float: left;
	width: 450px;
	margin: 0 auto;
	padding-right: 15px;
	border-right: 1px solid #DDD;
}
#right-column {
	float: left;
	width: 340px;
	
	padding-left: 30px;
	/*clear: right;*/
}

/*********************************************/
/* FOOTER                                    */
/*********************************************/
#footercontainer {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
/*	background-color: #222;
	color: #fff;
	border-top: 2px solid #000;*/
}


#footer {
	width: 950px;
	margin: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
/*	padding: 20px;*/
	padding: 0 0 20px 0;
	color: #555;
/*	border-right: 2px solid  #5d5d5d;
	border-left: 2px solid  #5d5d5d;
	border-top: 2px solid #000;
	border-bottom: 2px solid  #5d5d5d;
	border-top: 1px solid #eee;*/
	background: #e0e0e0 /*#a7a9ac*/ url(../graphics/bg-footer.png) bottom left no-repeat;
}

#top-bg-container {
	margin-bottom: 20px; /* to mimic the footer padding on the bottom */
	width: 950px;
	height: 6px;
	background: #fff url(../graphics/bg-footer-top.png) top left no-repeat;
}

#address {
	font-size: 85%;
	line-height: 1.3em;
	/*color: #999999;*/
	margin-left: 30px;
}

#copyright {
	/*position: relative;*/
	float: right;
	margin: 60px 30px 0 0;
	font-size: 85%;
	/*color: #999999;*/
}


/*********************************************/
/* UNIQUE PAGE ELEMENTS                      */
/*********************************************/

/* floating images within the copy on the informational pages */
.floating-image-right {
	float: right;
	margin: 10px 0 5px 5px; /*margin: 10px -15px 3px 3px;*/
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	clear: right;
}
.floating-image-left {
	float: left;
	margin: 10px 10px 3px 3px;
	padding: 5px;
	border: 1px solid #ccc;
	clear: left;
}
.floating-container-right {
	float: right;
	color: #555;
	text-align: center;
	font-size: 85%;
	margin: 35px -15px 3px 3px;
	padding: 5px;
	/*border: 1px solid #ccc;*/
	clear: right;
}

div.subsite-launch {
	width: 600px;
	height: 100px;
	margin-top: 30px;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	/*border: 1px solid #ccc;*/
}
#left-column ul {
	margin-top: 0;
	margin-left: 15px;
	padding-left: 3px;
	line-height: 130%;
}
#left-column li {
	list-style-type: disc;
	list-style-image: url(../graphics/bullet_go.gif);
}
#right-column ul {
	margin-top: 0;
	margin-left: 15px;
	padding-left: 3px;
	line-height: 130%;
}
#right-column li {
	list-style-type: disc;
	list-style-image: url(../graphics/bullet_go.gif);
}
#right-column img {
	margin: 0 0 10px 10px;
}


.image-centered {
	width: 357px;
	margin: 30px auto 20px auto;
}

/* Controls the display of every thumbnail on the site */
.thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	color: #555;
	margin: 10px 0 20px 24px;
	text-align: center;
	font-size: 85%;
}

.specialnote-centered {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-size: 150%;
	text-align: center;
	width: 550px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background: #FFF;
	color: #000;
}
.specialnote-centered-small {
	font-size: 110%;
	text-align: left;
	line-height: 1.5;
	width: 750px;
	margin: 0 auto 10px auto;
	padding: 5px;
	/*background: #FFF;*/
	color: #000;
}

.partner-logo {
/*	width: 200px;
	height: 140px;*/
	border: 1px solid #eee;
/*	height: 100px;
	width: 125px;*/
	padding: 5px;
	margin: 15px 5px 15px 5px;
	/*border: 1px solid #333;*/
}

/*********************************************/
/* GALLERY                                   */
/*********************************************/
#gallery-footer-container {
	background: url(../graphics/bg-gallery-contentcenter-primary.png) bottom left no-repeat;
	padding-bottom: 20px;
}

#gallerycontent {
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 30px;
}

#categorycontent {
	margin-top: 30px;
	padding-left: 40px;
}
	#categorycontent h2 {
		margin: 20px 30px 10px 0;
		height: 20px;
		background: #eee url(../graphics/gallery-theme-title.gif) top center no-repeat;
	}
	#ps3page #categorycontent h2 { margin: 20px 65px 20px 0; }
		
#avatarcontent {
	margin-top: 30px;
	padding-left: 10px;
}
	#avatarcontent h2 {
		margin: 20px 35px 10px 0;
		height: 20px;
		background: #eee url(../graphics/gallery-avatar-title.gif) top center no-repeat;
	}
	h2.avatar-school-title {
		margin: 20px 0 20px 0;
		height: 20px;
		background: #eee url(../graphics/gallery-avatar-school-title.gif) top center no-repeat;
		
		}
	
#legacy-themes {
	width: 346px;
	height: 111px;
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px dotted #555;
}

a.category-filter {
	display: block;
	width: 300px;
	height: 100px;
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid #888;
}


#newcontent {
	/*padding-left: 10px;*/
}
#newcontent-container {
	margin-top: 30px;
}

.newcontent-title { 
	margin: 20px 20px 14px 0;
}

#categoryfilter-title {
	/*vertical-align: middle;*/
	margin: 3px 0 0 0;
}

.filter-category {
	margin-right: 40px;
	margin-bottom: 36px;
}
	#xboxpage .filter-category { margin-bottom: 20px; }


/* Display of every theme thumbnail on the site */
.imggallery {
	float: left;
	padding: 5px 5px 3px 5px;
	border: 1px solid #ccc;
	color: #555;
	background-color: #FFF;
	margin: 10px 12px 20px 12px;
	text-align: center;
	font-size: 85%;
}
	.imggallery img {
		padding-bottom: 3px;
	}
	.avatar-school {
		width: 180px;
		height: 137px;
		
		margin: 10px 18px 20px 18px;
	}
	.avatar {
		width: 166px;
		height: 166px;
		
		margin: 10px 24px 20px 24px;
	}

.new-imggallery {
	float: left;
	padding: 5px 5px 3px 5px;
	border: 1px solid #ccc;
	color: #555;
	background-color: #FFF;
	margin: 0 0 22px 0;
	text-align: center;
	font-size: 85%;
}
	.new-imggallery img {
		padding-bottom: 3px;
	}
	
#gallery-filter {
	margin: 0;
	width: 130px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: 2px solid #c0c8d2;
	border-left: 1px solid #c0c8d2;
	border-right: 1px solid #c0c8d2;
	background: #dce4ef url(../graphics/gallery_filter_bg.jpg) no-repeat bottom left;
}

#gallery-title {
	width: 129px;
	height: 19px;
	padding: 6px 0;
	text-align: center;
	font-size: 100%;
	font-weight: 500;
	color: #fff;
	background: #c0c8d2 url(../graphics/gallery_filter_title.gif) no-repeat top left;
	border-top: 1px solid #c0c8d2;
	
	overflow:hidden;
}

/******** Start Paging links ********/
.pagingcontent {
	margin-left: auto;
	margin-right: auto;
}
.pagingcontainer {
	text-align: center;
	vertical-align: bottom;
	margin-top: 10px;
	/*margin-right: 20px;*/
}
.pagingdetails {
	font-size: 90%;
	color: #aaa;
}

.pagerlinks {
	background-color: #eee;
	color: #2B3B45;
	padding: 4px 6px;
	margin-right: 1px;
	/*border: 1px solid #ccc;*/
	text-decoration: none;
}
	.pagerlinks a {}
	.pagerlinks a:link {}
	.pagerlinks a:visited {}
	.pagerlinks a:hover {}
	.pagerlinks a:active {}
.currentpagelink {
	background-color: #2B3B45;
	color: #fff;
	padding: 4px 6px;
	margin-right: 3px;
	border: 1px solid #222;
}
/******** End Paging links ********/


/*********************************************/
/* THEME                                     */
/*********************************************/

#theme-detail-content {
	width: 710px;
	margin: 0 auto;
	padding: 10px 0;
}

#themecontainer {
	margin: 10px 0 0 0;
}

/* blade titles on the gallery detail page */
#theme-detail-content .themetitle {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	
	font-size: 150%;
	/*font-weight: 600;
	color: #2B3B45;*/
	
	color: #555;
	margin: 20px 0 10px 0;
}
#themecontainer .bladetitle {
	margin: 20px 0 10px 20px;
	color: #555;
}
	#themecontainer .bladetitle a {
		padding: 5px 5px;
		margin-right: 5px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #555;
	}
		#themecontainer .bladetitle a:link{}
		#themecontainer .bladetitle a:visited{}
		#themecontainer .bladetitle a:hover{
			background: #f5f5f5;
			color: #555;
		}
		#themecontainer .bladetitle a:active{}

/* "Back to the gallery" link on the detail page.  Margin just separates it from the blade links. */
#backlinkx360 {
	margin-left: 270px;
}
#backlinkPS3 {
	margin-left: 89px;
}

.theme-framer {
	background-color: #fff;
	color: #555;
	
	width: 710px;
	border: 1px solid #ccc;
}
.theme-framer #theme-image {
	width: 672px;
	border: 1px solid #ccc;
	
	margin: 20px 19px 10px 19px;
}
.theme-framer #theme-video {
	width: 672px;
	
	margin: 10px 19px 10px 19px;
}
.theme-framer #theme-description {
	width: 672px;
	font-size: 90%;
	line-height: 150%;
	
	margin: 0 0 10px 20px;
} 
.theme-framer #artist-details {
	color: #AAA;
	font-size: 90%;
	line-height: 150%;
	
	margin: 0 0 20px 20px;
}
	.theme-framer #artist-details a {
		text-align: right;
		color: #b30000;
		padding: 0;
		text-decoration: none;
		border-bottom: 1px dotted #b30000;
	}
		.theme-framer #artist-details a:link {}
		.theme-framer #artist-details a:visited {}
		.theme-framer #artist-details a:hover {
			color: #fff;
			background: #b30000;
			text-decoration: none;
		}
		.theme-framer #artist-details a:active {}


.clearboth { clear: both; }
.left { float: left; }
.right { float: right; }

/*********************************************/
/* TEXT                                      */
/*********************************************/
/* Main red textual link throughout the site */
a.textlink {
	color: #415968; /*#b30000;*/
	padding: 0;
	text-decoration: none;
	border-bottom: 1px dotted #415968;
}

a.textlink:link {

}
a.textlink:visited {

}
a.textlink:hover {
	color: #fff;
	background: #415968;
	text-decoration: none;
}
a.textlink:active {

}

a.subsite-link {
	display: block;
	color: #666;
	font-size: 400%;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px 0 5px 10px;
	text-decoration: none;
	/*border-bottom: 1px dotted #666;*/
}

a.subsite-link:link {

}
a.subsite-link:visited {

}
a.subsite-link:hover {
	color: #000;
	/*background: #b30000;*/
	text-decoration: none;
}
a.subsite-link:active {

}

a.subsite-link span {
	font-size: 50%;
	vertical-align: text-top;
}
#depth-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 0 16px 30px;
	font-size: 85%;
	/*color: #999;*/
}
	#depth-links a {
		text-decoration: underline;
	}
	#depth-links a:link {
		color: #555;
	}
	#depth-links a:visited {
		color: #555;
	}
	#depth-links a:hover {
		color: #000;
		text-decoration: underline;
	}
	#depth-links a:active {	}

#breadcrumb-bar {
	color: #ccc;
}
	#breadcrumb-bar a {
		color: #999;
		text-decoration: none;
	}
	#breadcrumb-bar a:link {
		color: #999;
	}
	#breadcrumb-bar a:visited {
		color: #999;
	}
	#breadcrumb-bar a:hover {
		color: #fff;
	}
	#breadcrumb-bar a:active {	}


/***************************************************************/





.recent-note {
	margin: 6px 0;
	font-size: 90%;
	color: #777;
	text-align: center;
}
/*.filter-category {
	height: 32px;
	overflow: hidden;
}*/
.filter-divider {
	margin: 4px 0;
}
a.main-cat {
	display: block;
	color: #3c3c3c;
	padding: 0 0 0 4px;
	text-decoration: none;
	margin-bottom: 4px;
	font-size: 120%;
	font-weight: 700;
}
a.main-cat:link {}
a.main-cat :visited {}
a.main-cat:hover {
/*	color: #fff;
	background: #b30000;*/
	text-decoration: underline;
}
a.main-cat:active {}
a.sub-cat {
	display: block;
	color: #3c3c3c;
	padding: 0 0 0 4px;
	text-decoration: none;
	margin-bottom: 2px;
}
a.sub-cat:link {}
a.sub-cat:visited {}
a.sub-cat:hover {
/*	color: #fff;
	background: #b30000;*/
	text-decoration: underline;
}
a.sub-cat:active {}

.subscribesection input {
	font-size: 100%;
}

.subscribe-email {
	margin-right: 5px;
	width: 120px;
	color: #777;
	/*border: 1px solid #FBFBFB;*/
}





/* Contains the results of the AJAX call to update the user email */
#submissionresults {
	display: none;
	visibility: hidden;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 7px;
}

.imggallery-banner {
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	color: #555;
	margin: 10px 10px 10px 5px;
}
div.photography {
	width: 410px;
}
	div.photography a:link, div.photography a:visited {
		display: block;
		height: 150px;
		background: url(../graphics/gallery_banner_photography_shifty.jpg) no-repeat 0 0;	
	}
	div.photography a:hover {
		background-position: -410px 0;
		outline: none;
	}
div.college {
	width: 410px;
}
	div.college a:link, div.college a:visited {
		display: block;
		height: 150px;
		background: url(../graphics/gallery_banner_college_shifty.jpg) no-repeat 0 0;	
	}
	div.college a:hover {
		background-position: -410px 0;
		outline: none;
	}
div.art {
	width: 410px;
}
	div.art a:link, div.art a:visited {
		display: block;
		height: 150px;
		background: url(../graphics/gallery_banner_art_shifty.jpg) no-repeat 0 0;	
	}
	div.art a:hover {
		background-position: -410px 0;
		outline: none;
	}
div.holiday {
	width: 410px;
}
	div.holiday a:link, div.holiday a:visited {
		display: block;
		height: 150px;
		background: url(../graphics/gallery_banner_holiday_shifty.jpg) no-repeat 0 0;	
	}
	div.holiday a:hover {
		background-position: -410px 0;
		outline: none;
	}