body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	margin: 0;
	background: #244758 url(../graphics/nokia_bkgd.jpg) top left repeat;
	text-align: center;	 /* Just for the benefit of IE5/Win */
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	/*the following background image gives the impression of a full length column*/
	background: #fff /*url(../graphics/body_bg.gif) top right repeat-y*/;
/*	border-left: 2px solid #fff;
	border-right: 2px solid #fff;*/
	}

.homepage #container {
	background: #fff url(../graphics/body_bg.gif) top right repeat-y;
}

/****************** HEADER ******************/
#header {
	height: 90px;
	background: #244758 url(../graphics/nokia-header.jpg) top left no-repeat;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
}

#login-bar {
	height: 30px;
	background: #ccc url(../graphics/login-bar-bg.jpg) top left repeat-x;
	
	overflow: hidden;
	border-bottom: 1px solid #aaa;
}

#dp-powered-plug {
	display: block;
	width: 200px;
	height: 36px;
	font-size: 80%;
	color: #fff; /*#aaa;*/
	margin-left: 680px;
}

/****************** MAIN CONTENT ******************/
	
#contentcenter {
	width: 746px;
	/*height: 100%;*/
	float:left;
	/*border-left: 1px solid #ccc;*/
	/*background: #C6D8F1 url(../graphics/centercolumn_top.gif) repeat-x top left;*/
	}
#wide-contentcenter {
	width: 900px;
	margin-bottom: 30px;
	/*height: 100%;*/
	/*border-left: 1px solid #ccc;*/
	/*background: #C6D8F1 url(../graphics/centercolumn_top.gif) repeat-x top left;*/
	}
	
#contentright {
	width: 152px;
	/*height: 969px;  replace this with a background img on the container to give impression of full length */
	float:left;
	/*background: #f7f1e4 url(../graphics/right-footer.jpg) no-repeat bottom left;*/
	color: #555;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 90%;
}

/****************** NARROW AND WIDE BOXES  ******************/

#noticebox {
	margin: 20px;
	padding: 20px;
	color: #ccc;
	background-color: #244758;
	border: 1px solid #aaa;
	font-size: 120%;
}

#narrow-box {
	margin: 20px;
	width: 707px;	
	color: #ccc;
	
	background: url(../graphics/promo-box-middle.gif) repeat-y top left;
}
	#narrow-box-top {
		padding: 0;
		margin: 0;
		height: 10px;
		background: url(../graphics/promo-box-top.gif) no-repeat top left;
	}
	#narrow-box-content {
		padding-left: 20px;
		padding-top: 5px;
		margin: 0;
		font-size: 120%;
	}
	#narrow-box-bottom {
		padding: 0;
		margin: 0;
		height: 10px;
		background: url(../graphics/promo-box-bottom.gif) no-repeat top left;
	}
		#narrow-box ul {
			line-height: 140%;
			font-size: 90%;
			list-style: none;
			margin-top: 10px;
		}
		#narrow-box li img {
			padding-right: 4px;
			vertical-align: middle;
		}

#wide-box {
	margin: 20px;
	width: 860px;	
	color: #ccc;
	background: #fff;
	/*background: #244758 url(../graphics/title-box-middle.gif) repeat-y top left;*/
}
	#wide-box-top {
		padding: 0;
		margin: 0;
		height: 10px;
		/*background: #244758 url(../graphics/title-box-top.gif) no-repeat top left;*/
	}
	#wide-box-content {
		padding-left: 20px;
		padding-top: 5px;
		margin: 0;
		font-size: 120%;
	}
	#wide-box-bottom {
		padding: 0;
		margin: 0;
		height: 10px;
		/*background: #244758 url(../graphics/title-box-bottom.gif) no-repeat top left;*/
	}
		#wide-box h2 {
			padding: 5px;
			margin: 0;		
			font-size: 110%;
			color: #fff;
		}
		#wide-box img {
			padding: 5px;
			margin: 0;
		}
#wide-box-bg {
	margin: 20px 50px 20px 20px; /* right margin - 30px margin to mimic the left margin of the gallerycontainer, plus 20px more to match the other margins.  Should eventually even out the gallery container! */
	padding: 10px;
	color: #ccc;
	background-color: #244758;
	border: 1px solid #aaa;
}
/*	#wide-box-top-bg {
		padding: 0;
		margin: 0;
		height: 10px;
		background: url(../graphics/title-box-top.gif) no-repeat top left;
	}*/
	.wide-box-content-bg {
		margin: 5px;
	}
/*	#wide-box-bottom-bg {
		padding: 0;
		margin: 0;
		height: 10px;
		background: url(../graphics/title-box-bottom.gif) no-repeat top left;
	}*/
/****************** END NARROW AND WIDE BOXES ******************/

/****************** CONTENT STYLES ******************/

#wide-contentcenter p {
	color: #676767;
	margin: 0 100px 10px 100px;
	line-height: 140%;
}
#wide-contentcenter h3 {
	color: #676767;
	margin: 20px 100px 10px 100px;
}
#wide-contentcenter ul {
	color: #676767;
	line-height: 140%;
	font-size: 90%;
	list-style: disc;
	margin: 10px 0 0 150px;
	width: 500px;
}
#wide-contentcenter ul.wide-list {
	margin: 10px 100px 10px 110px;
}
#wide-contentcenter .community-desc {
	text-align: justify;
	color: #676767;
	margin: 30px 100px 30px 100px;
	line-height: 140%;
}
	#wide-contentcenter .community-desc img {
		border: 1px solid #ccc;
		float: left;
		width: 128px;
		height: 128px;
		margin-right: 10px;
	}
	#wide-contentcenter .community-desc h4 {}
	#wide-contentcenter .community-desc .community-score {
		text-align: center;
		font-size: 80%;
		line-height: 100%;
		color: #999;
		/*border: 1px solid #ccc;*/
		background: url(../graphics/community-score-bg2.jpg) no-repeat top left;
		height: 90px;
		width: 83px;
		float: right;
		margin: 25px 0 10px 20px;
	}
		#wide-contentcenter .community-desc .community-score span.title {
			display: block;
			margin: 4px 4px 0 0;
			color: #fff;
		}
		#wide-contentcenter .community-desc .community-score span.score {
			display: block;
			font-size: 200%;
			font-weight: 600;
			color: #fff;
			margin: 25px 4px 5px 0;
		}

#openvotingmessage {
	padding: 6px;
	text-align: center;
	background-color: #F0A315;
	color: #fff;
	font-size: 110%;
	font-weight: 600;
	border-bottom: 1px solid #aaa;
}

#dpmessage {
	padding: 6px;
	text-align: center;
	background-color: #F0A315;
	color: #fff;
	font-size: 110%;
	font-weight: 600;
	border-bottom: 1px solid #ccc;
}
a.dpmessagelink {
	color: #fff;
	padding: 2px 4px;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a.dpmessagelink:link {}
a.dpmessagelink:visited {}
a.dpmessagelink:hover {
	color: #eee;
	background: #F0A315;
	text-decoration: none;
	border-bottom: 1px dotted #eee;
}
a.dpmessagelink:active {}


span.superimportant {
	color: #c00;
	font-weight: 600;
}

#votenotice {
	color: #fff;
	float: right;
	width: 200px;
	height: 120x;
	margin: 20px 30px 0 0;
	text-align: center;
}
div.quote {
	height: 40px;
	width: 250px;
	margin: 0 100px 10px 120px;
	padding-top: 2px;
	background: #fff url(../graphics/quote-start.gif) no-repeat top left;
}

span.quote {
	display: block;
	height: 36px;
	background: #fff url(../graphics/quote-end.gif) no-repeat bottom right;
	margin: 8px 0 0 40px;
	padding: 0;
	color: #676767;
}

#legal-notice {
	font-size: 80%;
	margin-top: 30px;
}
	#legal-notice h4 {
		margin: 0 100px 10px 100px;
		color: #676767;
	}

#newestcontent {
	background: #fff;
	margin: 10px 0 10px 10px;
}

/* no longer used, for now - separate section of the homepage gallery */
/*#dpcontent {
	background: #eee;
	border-top: 1px solid #ccc;
	padding: 5px 0 10px 15px;
}*/

#mostpopularcontent {
	background: #fff;
	margin: 10px 0 10px 10px;
}

#gallerycontent {
	background: #fff;
	margin: 30px 0 15px 30px;
}

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

.pagerlinks {
	background-color: #fff;
	color: #244758;
	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: #244758;
	color: #fff;
	padding: 4px 6px;
	margin-right: 3px;
	border: 1px solid #ccc;
}
/******** End Paging links ********/

/* Controls the display of every thumbnail on the site */
.imggallery {
	/* image dimensions must be 1.45:1 - remove widths when images are in place
	height: 106px;*/
	width: 164px; 
	float: left;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	color: #555;
	margin: 10px 8px 10px 0;
	text-align: center;
	font-size: 85%;
}

/* Tweaks the gallery previews to lessen the left margin and paddings, to prevent a line break */
#gallerycontent .imggallery {
	margin: 10px 0 10px 30px;
	padding: 4px;
}

.theme-preview-details {
	text-align: left;
}
.theme-preview-title {
	font-size: 100%;
	color: #244758;
}
.theme-preview-creator {
	color: #777;
}
.theme-preview-affiliation {
	color: #aaa;
}
.theme-preview-score {
	float: right;
	color: #555;
	font-size: 140%;
	font-weight: 600;
	padding: 2px;
	margin-top: 15px;
	overflow: hidden;
	text-align: center;
}
.theme-preview-score span {
	font-size: 60%;
	font-weight: normal;
}

.theme-view-container {
	/*border: 1px solid #f00;*/
	margin: 10px;
}
.theme-view-container img {
	border: 1px solid #ccc;
	margin: 10px 10px 5px 10px;
}
.theme-details {
	margin: 5px 0 5px 10px;
	text-align: left;
}
.theme-title {
	width: 450px;
	font-size: 120%;
	font-weight: 600;
	color: #244758;
}
.theme-desc {
	width: 450px;
	color: #777;
}
.theme-creator {
	width: 450px;
	color: #777;
}
.theme-affiliation {
	width: 450px;
	color: #aaa;
}
.theme-score {
	float: right;
	background: #fff;
	border: 1px solid #aaa;
	height: 42px;
	color: #555;
	font-size: 150%;
	font-weight: 600;
	padding: 6px;
	margin: 10px 20px 0 0;
	text-align: center;
}

.theme-score span {
	font-size: 50%;
	font-weight: normal;
}

.theme-vote {
	float: right;
	/*background: #fff;
	border: 1px solid #aaa;*/
	height: 42px;
	color: #555;
	font-size: 100%;
	font-weight: 600;
	padding: 6px;
	margin: 10px 20px 0 0;
	text-align: center;
}
.theme-vote .vote-comment {
	margin-bottom: 8px;
	font-size: 80%;
	font-weight: normal;
}

#disabledvoting {
	display: none;
	visibility: hidden;
}

.blade-links {
	margin-left: 10px;
}
.blade-links a {
	color: #244758;
	padding: 5px 20px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	cursor: pointer;
	}
.blade-links a:link {}
.blade-links a:visited {}
.blade-links a:hover {
	color: #fff;
	background: #244758;
	text-decoration: none;
}
.blade-links a:active {}
.blade-links #backlink {
	margin-left: 166px;
}
.vote-loggedout { /* replaced! */
	display: inline;
	padding: 5px 20px;
	margin-right: 4px;
	border: 1px solid #ccc;
}
.vote-loggedout-details {
	height: 30px;
	margin-bottom: 12px;
}
.vote-loggedout-details img {
	border: none;
}
div.votetype-loggedout {
	color: #ccc;
}
#activevoting input {
	height: 30px;
	margin-bottom: 4px;
}
div.votetype {
	margin-bottom: 10px;
}
.theme-score-temp {
	margin-top: 30px;
}
#voting-container {
	float: right;
}
#theme-score-box {
	background: #244758;
	border: 1px solid #aaa;
	height: 130px;
	width: 130px;
	color: #fff;
	font-size: 250%;
	font-weight: 600;
	margin: 10px 10px 0 0;
	text-align: center;

}
#theme-score-box span {
	display: block;
	margin-top: 20px;
	font-size: 40%;
	font-weight: normal;
}
.theme-vote-temp {
	/*float: right;
	background: #fff;
	border: 1px solid #f00;
	height: 42px;*/
	width: 130px;
	color: #555;
	font-size: 100%;
	font-weight: 600;
	margin: 30px 0 0 0;
	text-align: center;
}
.theme-vote-temp .vote-comment {
	margin-bottom: 8px;
	font-size: 90%;
	font-weight: normal;
}
#activevoting a {
	display: block;
	height: 30px;
	/*width: 120px;*/
	padding: 10px 0 0 0;
	margin-bottom: 5px;
	text-decoration: none;
	cursor: pointer;
}
a.vote-notbad {	color: #336633; border: 1px solid #336633; }
a.vote-notbad:link {}
a.vote-notbad:visited {}
a.vote-notbad:hover {
	color: #fff;
	background: #336633;
	text-decoration: none;
}
a.vote-good:active {}
a.vote-good {	color: #ff6600; border: 1px solid #ff6600; }
a.vote-good:link {}
a.vote-good:visited {}
a.vote-good:hover {
	color: #fff;
	background: #ff6600;
	text-decoration: none;
}
a.vote-good:active {}
a.vote-great {	color: #cc0000; border: 1px solid #cc0000; }
a.vote-great:link {}
a.vote-great:visited {}
a.vote-great:hover {
	color: #fff;
	background: #cc0000;
	text-decoration: none;
}
a.vote-great:active {}

/*#specialcontent {
	background: #fff;
	border: 1px dotted #ccc;
	margin: 10px;
}

#activecontent {
	background: #fff;
	border: 1px dotted #ccc;
	margin: 0 10px 10px 10px;
}

#comingsooncontent {
	background: #fff;
	border: 1px dotted #ccc;
	margin: 0 10px 10px 10px;
}

/*#viewallcontent {
	background: #fff;
	border: 1px dotted #ccc;
	margin: 0 10px 10px 10px;
}*/

/* Individual preview sections on home page */
/*.previewcontent {
	background: #fff;
	border: 1px dotted #ccc;
	margin: 10px;
	
	float: left;
	width: 301px;
}
*/


.clearboth {
	clear: both;
}

#copycontent {
	background: #fff;
	color: #555;
	border: 1px dotted #ccc;
	margin: 10px;
	padding: 0 30px 10px 30px;
	line-height: 150%;
}

#copycontent h4 {
	margin-top: 20px;
}

.specialnote {
	padding: 5px;
	font-size: 110%;
	background: #FFFF99;
	color: #000;
}

.sectiontitle {
	margin: 10px 10px 0 10px;
	font-size: 100%;
	font-weight: 500;
}

.sectiontitle h4 {
	margin: 0 0 0 10px;
	font-size: 110%;
	font-weight: 600;
	color: #555;
}

.sectiontitle_right {
	/*text-align: right;*/
	margin: 10px;
	font-size: 100%;
	font-weight: 500;
}

.sectionlink {
	color: #336699/*#b30000*/;
	padding: 2px 2px 0 2px;
	text-decoration: none;
	border-bottom: 1px dotted #6699cc;
}

.sectionlink:link {

}
.sectionlink:visited {

}
.sectionlink:hover {
	color: #fff;
	background: #6699cc;
	text-decoration: none;
}
.sectionlink:active {

}

.right-panel-section {
	font-size: 90%;
	/*background: url(../graphics/right-footer.jpg) no-repeat bottom left;*/
	padding-bottom: 10px;
}
#right-panel-section-bottom{
	background: none;
}
	.right-panel-section div {
		margin: 0 10px 10px 10px;
	}
	.right-panel-section table {}
	.right-panel-section caption {
		text-align: left;
		font-size: 110%;
		font-weight: 600;
		color: #888;
		margin: 4px 0 2px 0;
	}
	.right-panel-section ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.right-panel-section ul img {
			height: 30px;
			width: 132px;
			border: 1px solid #ccc;
		}
		.right-panel-section ul li {
			font-size: 110%;
			font-weight: 600;
			color: #888;
			padding: 4px 0 0 0;
			margin: 0 0 10px 0;
		}
	.right-panel-section a{
		margin-left: 5px;
	}

/* notice sections are the individual topic section on the right sidebar */
.noticesection {
	margin: 20px 15px 30px 25px;
	/*border-bottom: 1px dotted #eee;*/
}

/*.noticesection*/ h4 {
	font-size: 110%;
	font-weight: 600;
	margin: 10px 0;
	margin-left: -10px;
}

.noticesection h5 {
	font-size: 100%;
	font-weight: 600;
	margin: 10px 0;
}

/*.noticesection*/ p {
	margin-top: 5px;
}

.noticesection ul {
	margin-top: 0;
	margin-left: 3px;
	padding-left: 3px;
	line-height: 130%;
}
.noticesection li {
	list-style-type: disc;
	list-style-image: url(../graphics/bullet_go.gif);
}
.noticesection img {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
}
/* End notice section */


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

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

/* Main blue textual link throughout the site */
a.textlink {
	color: #336699 /*#b30000*/;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px dotted #6699cc;
}
a.textlink:link {}
a.textlink:visited {}
a.textlink:hover {
	color: #fff;
	background: #6699ff;
	text-decoration: none;
}
a.textlink:active {}
/* Sorting textual links on the gallery page */
a.sortlink {
	color: #fff /*#b30000*/;
	padding: 0;
	margin: 0px 5px;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
a.sortlink:link {}
a.sortlink:visited {}
a.sortlink:hover {
	color: #336699;
	background: #fff;
	text-decoration: none;
}
a.sortlink:active {}

.sortsubtitle {
	margin-left: 5px;
}
.sorttitle {
	margin-left: 30px;
}

a#login-link {
	float: right;
	width: 330px;
	color: #555 /*#b30000*/;
	padding: 0;
	margin: 6px 30px 0 0;
	text-decoration: none;
	border-bottom: 1px dotted #555;
}
a#login-link:link {

}
a#login-link:visited {

}
a#login-link:hover {
	color: #fff;
	background: #555;
	text-decoration: none;
}
a#login-link:active {

}

a.highlight-link {
	color: #fff;
	text-decoration: underline;
}
a.highlight-link:link {}
a.highlight-link:visited {
	color: #fff;
}
a.highlight-link:hover {
	color: #8ba8ba;
	text-decoration: underline;
}
a.highlight-link:active {	}

#signup-button {
	float: right;
	height: 85px;
	width: 138px;
	padding: 10px;
}

/* floating images within the copy on the informational pages */
.floating-image-right {
	float: right;
	margin: 10px -15px 3px 3px;
	padding: 5px;
	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;
}

/* 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;
}

/* blade titles on the gallery detail page */
.gallerycontainer .bladetitle {
	margin: 10px 0 10px 10px;
	color: #555;
}

.gallerycontainer .bladetitle a {
	padding: 5px 5px;
	margin-right: 5px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #555;
}
.gallerycontainer .bladetitle a:link{
}
.gallerycontainer .bladetitle a:visited{
}
.gallerycontainer .bladetitle a:hover{
	background: #f5f5f5;
	color: #555;
}
.gallerycontainer .bladetitle a:active{
}

.gallerycontainer .theme {
	margin: 0;
	padding: 5px;
	color: #555;
	width: 612px;
}

.gallerycontainer .theme img {
	border: 1px solid #ccc;
}

.gallerycontainer .theme #theme-discription {
	width: 400;
	padding: 10px;
	font-size: 90%;
	line-height: 150%;
} 

.gallerycontainer .theme #artist-details {
	float: right;
	padding: 10px;
	background-color: #f5f5f5;
	font-size: 90%;
	line-height: 150%;
}

.gallerycontainer .theme #artist-details a {
	text-align: right;
	color: #b30000;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px dotted #b30000;
}

.gallerycontainer .theme #artist-details a:link {
}
.gallerycontainer .theme #artist-details a:visited {
}
.gallerycontainer .theme #artist-details a:hover {
	color: #fff;
	background: #b30000;
	text-decoration: none;
}
.gallerycontainer .theme #artist-details a:active {
}

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


/****************** FOOTER ******************/
#footercontainer {
	background: #27343c url(../graphics/footer-bg.gif) no-repeat bottom left;
	color: #fff;
	border-top: 10px solid #505050;
	
	height: 100px;
	/*margin-bottom: 20px;*/
}

#footer {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

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

#depth-links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 0 0 20px;
	font-size: 80%;
	color: #7f909a;
}
	#depth-links a {
		text-decoration: none;
	}
	#depth-links a:link {
		color: #7f909a;
	}
	#depth-links a:visited {
		color: #7f909a;
	}
	#depth-links a:hover {
		color: #aaa;
		text-decoration: underline;
	}
	#depth-links a:active {	}