﻿/* default styles

   -------------- */
body {
	padding: 0;
	margin: 0;
	font: 0.7em Arial, sans-serif;
	line-height: 1.5em;
	background: #000000;
	color: #333333;
}
img {
	border-style: none;
}
a {
	color: #666666;
	background: inherit;
	text-decoration: none;
}
a:link {
	color: #666666;
	background: inherit;
}
a:visited {
	color: #666666;
	background: inherit;
}
a:hover {
	color: #e99819;
	background: inherit;
}
a.newlink {
	color: #bd7504;
}
a.title {
	color: #666666;
	background: #FFF;
}
h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: 1px;
	padding: 7px 0 0 8px;
	margin: 0;
}
h2 a {
	text-decoration: none;
}
h1 a {
	text-decoration: none;
}
h2 a:hover {
	color: #FF6600;
	background: #FFF;
}
h1 a:hover {
	color: #FF6600;
	background: #FFF;
}
h1 span {
	color: #771621;
}
h2 {
	margin: 0;
	padding: 0;
	font: bold 1.7em Arial, Sans-Serif;
}
h2 {
	font-size: 16px;
	font: bold;
	margin-bottom: 5px;
	color: #454545;
	background: inherit;
}
h2 span {
	color: #771621;
}
p {
	margin: 0 0 5px 0;
}
ul {
	margin: 0;
	padding : 0;
	list-style : none;
}
form {
	margin: 0;
}
hr {
	border: 0;
	width: 80%;
}
/* layout

   ------ */
.content {
	margin: auto;
	width: 960px;
}

#vidplayer {
	position:absolute;
	visibility:hidden;
}
/* Header - Header styles------------------------------------------------------------------------------------------ */
.header {
	height: 142px;
}
/* Top Images	------ */
.branding {
	float: left;
	width: 193px;
	background-image: url('../branding_background.jpg');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
}
/* Digital Nations Logo-	------ */
.digital_nations {
	width: 99px;
	margin: 42px 0 0 0;
}

/* Artsayer------ */
.artsayer {
	float: left;
	width: 148px;
	height: 142px;
	background-image: url('../artsayer_off.jpg');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
}

.artsayer_text {
	padding: 90px 0 0 35px;
	font: 1.3em Arial, sans-serif;
	font-weight:700;
	color: #666666;
}

/* Footprints------ */
.footprints {
	float: left;
	width: 148px;
	height: 142px;
	background-image: url('../footprints_off.jpg');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
}

.footprints_text {
	padding: 90px 0 0 23px;
	font: 1.3em Arial, sans-serif;
	font-weight:700;
	color: #666666;
}

/* Vistas------ */
.vistas {
	float: left;
	width: 148px;
	height: 142px;
	background-repeat: no-repeat;
	background-image: url('../vistas_off.jpg');
	padding: 0 0 0 0;
}

.vistas_text {
	padding: 90px 0 0 45px;
	font: 1.3em Arial, sans-serif;
	font-weight:700;
	color: #666666;
}

/* Header Search Area------ */
.registration_background {
	float: left;
	width: 323px;
	height: 142px;
	background-repeat: no-repeat;
	background-image: url('../registration_search.jpg');
	padding: 0 0 0 0;
}

.dropdown_selector {
float: left;
}

.registration_navbar {
	float: left;
	height: 55px;
	width: 323px;
	background-repeat:repeat;
	background-image: url('../navbar_1px.jpg');
	padding: 0 0 0 0;
}

.registration_navbar_text {
	padding: 16px 0 0 169px;
	font: 1.1em Arial, sans-serif;
	font-weight:700;
	letter-spacing:1px;
	color: #666666;
}

.registration_searchbar {
	height: 80px;
	width: 323px;
	text-align:left;
	float: left;
	width: 323px;
	padding: 7px 0 0 0;
}

.inputwidth {
	width: 120px;
}
.go {
	width: 23px;
	height: 21px;
	background: url(../go_button.jpg) no-repeat;
}

.searchbar {
	background: url(../select_box_location.jpg) no-repeat;
	overflow: hidden;
}



/* Single Column - This is where the content tags go ------------------------------------------------------------------------------------------------ */
.singlecolumn {
	clear: both;
	float: right;
	width: 960px;
	margin: 0 0 30px 0;
}
.singlecolumn_landing {
	padding: 32px 0 0 0;
	width: 960px;
}
.singlecolumn_about {
	padding: 32px 0 0 0;
	width: 960px;
	height: 500px;
}

/* Single Column Landing 1 delete with positionedo ------------------------------------------------------------------------------------------------ */
.singlecolumn_landing1 {
	padding: 0px 0 0 0;
	width: 960px;
	height: 763px;
	background-repeat: no-repeat;
	background-image: url('../search_results_background.jpg');
}
/* Search Results ------------------------------------------------------------------------------------ */
.search_results {
	width: 960px;
}
.search_results_header {
	width: 960px;
	height: 29px;
	background-repeat: no-repeat;
	background-image: url('../Search_Results_header.jpg');
}
.search_results_header_text {
	font: 1.6em Arial, sans-serif;
	padding: 2px 0 0 12px;
	color: #666666;
}
.search_results_content_top {
	width: 960px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url('../search_results_top.jpg');
}
/* This is for odd Search results -- */
.search_results_content_field1 {
	width: 958px;
	height: 90px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
.field1_background {
	width: 958px;
	height: 90px;
	background-repeat: no-repeat;
	background-image: url('../search_results_background_field1.jpg');
}
/* END - This is for odd Search results -- */
/* This is for even Search results -- */
.search_results_content_field2 {
	width: 958px;
	height: 90px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
/* END - This is for even Search results -- */
/* This is for generated text for the section results on the left side of the field -- */
.search_results_section {
	float: left;
	width: 147px;
	margin: 35px 0 30px 10px;
}
.search_results_section_text {
	color: #666666;
	font-size: 1.5em;
	font-weight: 800;
	text-align: left;
	padding: 0 0 0 31px;
}
/* END This is for generated text for the section results on the left side of the field -- */
/* This is for generated text for the description results on the right side of the field -- */
.search_results_description {
	float: left;
	width: 790px;
	height: 75px;
	color: #666666;
	text-align: left;
	padding: 10px 0 0 0;
	overflow: auto;
}
.titleartist {
	padding: 0 10px 0 0;
}
.stars {
	padding: 0 0 0 12px;
}
.views {
	padding: 0 0 0 12px;
}
.search_results_content_bottom {
	width: 960px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url('../search_results_bottom.jpg');
}
/* END This is for generated text for the description results on the right side of the field -- */
/* End Search Results ------------------------------------------------------------------------------------*/
/* Gallery -  				------------------------------------------------------------------------------------------------ */
/* Gallery - Featured Style -------------------- */
.featured {
	width: 640px;
	height: 265px;
	float: left;
}
.featured_nav {
	width: 640px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url('../featured_nav.jpg');
}
.featured_content {
	width: 640px;
	height: 239px;
}
.video_featured_content {
	width: 960px;
	height: 505px;
}

/* Gallery - End Featured Style -------------------- */
/* Gallery - Section Description -------------------- */
.description {
	width: 300px;
	height: 263px;
	float: right;
}
.description_top {
	width: 300px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url('../section_top.jpg');
}
.description_logo {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 0 21px 0 14px;
	font: 1.2em Arial, sans-serif;
	font-weight:700;
	color: #E99819;
}
.description_content {
	height: 161px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 14px 21px 0 21px;
	overflow: auto;
}
.description_bottom {
	width: 300px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url('../section_bottom.jpg');
}
/* Gallery - End Section Description -------------------- */
/* Gallery - Thumbnail Section -------------------- */
.thumbnails {
	width: 960px;
	float: right;
	margin: 29px 0 0 0;
}
.video_thumbnails {
	width: 960px;
	float: right;
	margin: 300px 0 0 0;
}
.video_title {
	font: 1.4em Arial, sans-serif;
	color: #bd7504;
}

.thumbnails_header {
	width: 960px;
	height: 29px;
}
.thumbnails_header_title {
	clear: both;
	float: left;
	width: 178px;
	height: 29px;
	background-repeat: no-repeat;
	background-image: url('../thumbnails_header_title.jpg');
}
.thumbnails_header_sort {
	width: 772px;
	height: 29px;
	text-align: right;
	display: inline;
	margin: 0px;
	float: left;
	background-image: url('../thumbnails_header_sort.jpg');
	background-repeat: repeat-x;
}
.thumbnails_header_end {
	width: 10px;
	height: 29px;
	float: left;
	background-repeat: no-repeat;
	background-image: url('../thumbnails_header_end.jpg');
}
.thumbnails_body {
	width: 960px;
	height: 550px; /*442*/
}
/* Gallery - End Thumbnail Section -------------------- */

.vplayer_header_title {
	clear: both;
	float: left;
	width: 178px;
	height: 29px;
	background-repeat: no-repeat;
	background-image: url('../vplayer_header_title.jpg');
}


/* Registration (register.html) ------------------------------------------------------------------------------- */
/* Registration (register.html) - Sign In -------------------- */
.signin {
	width: 320px;
	float: left;
}
.signin_spacer {
	width: 320px;
	height: 24px;
}
.signin_background {
	width: 320px;
	height: 192px;
	background-repeat: no-repeat;
	background-image: url('../signin_background.jpg');
}
.signin_content {
	height: 66px;
	padding: 59px 21px 0 21px;
	overflow: auto;
}
.signin_button {
	height: 21px;
	padding: 0 18px 0 19px;
	overflow: auto;
}
/* Registration (register.html) - End Sign In -------------------- */
/* Registration (register.html) - Registration Form -------------------- */
.registration {
	width: 631px;
	height: 643px;
	float: right;
}
.registration_header {
	width: 631px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url('../registration_header.jpg');
}
.registration_top {
	width: 631px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../registration_top.jpg');
}
.registration_content {
	height: 40px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 4px 21px 0 21px;
	overflow: auto;
}
.registration_content1 {
	height: 565px;
	background-repeat: no-repeat;
	background-image: url('../regformfields_background.jpg');
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
.registration_content_name {
	width: 170px;
	float: left;
	color: #666666;
	font-size: 1.4em;
	text-align: right;
	padding: 10px 0 0 0;
}
.registration_content_fields {
	width: 400px;
	float: left;
	padding: 10px 0 0 10px;
}
input {
	color: #666666;
	background: #000000;
	border: 1px solid #323232;
}
span.select {
	position: absolute;
	width: 114px; /* With the padding included, the width is 190 pixels: the actual width of the image. */;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #666666;
	font: 12px/21px arial,sans-serif;
	background: url(../select_box_location.jpg) no-repeat;
	overflow: hidden;
}
.button {
	width: 111px;
	height: 21px;
	color: #000000;
	border: #000000;
	background: url(../create_account_button.jpg) no-repeat;
}
.registration_bottom {
	width: 631px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../registration_bottom.jpg');
}
/* Registration (register.html) - End Registration Form -------------------- */
/* End Registration (register.html) ---------------------------------------------------------------------------- */
/* Signin (signin.html) ------------------------------------------------------------------------------- */
/* Signin (signin.html) - Register -------------------- */
.register {
	width: 320px;
	float: left;
}
.register_spacer {
	width: 320px;
	height: 24px;
}
.register_background {
	width: 320px;
	height: 192px;
	background-repeat: no-repeat;
	background-image: url('../register_background.jpg');
}
.register_content {
	height: 66px;
	padding: 59px 21px 0 21px;
	overflow: auto;
}
.register_button {
	height: 21px;
	padding: 0 18px 0 19px;
	overflow: auto;
}
/* Signin (signin.html) - End Register -------------------- */
/* Signin (signin.html) - Signin Form -------------------- */
.signin_form {
	width: 631px;
	float: right;
}
.signin_form_header {
	width: 631px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url('../signin_form_background.jpg');
}
.signin_form_top {
	width: 631px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../registration_top.jpg');
}
.signin_form_content {
	height: 70px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 4px 21px 0 21px;
	overflow: auto;
}
.signin_form_content1 {
	height: 140px;
	background-repeat: no-repeat;
	background-image: url('../signin_formfield_background.jpg');
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
.signin_form_name {
	width: 170px;
	float: left;
	color: #666666;
	font-size: 1.4em;
	text-align: right;
	padding: 10px 0 0 0;
}
.signin_form_fields {
	width: 200px;
	float: left;
	padding: 10px 0 0 10px;
}
.signin_form_button {
	width: 57px;
	height: 21px;
	color: #000000;
	border: #000000;
	background: url(../Signin_Form_button.jpg) no-repeat;
}
.signin_form_bottom {
	width: 631px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('../registration_bottom.jpg');
}
/* Signin (signin.html) - End signin Form -------------------- */
/* Signin (signin.html) ---------------------------------------------------------------------------- */
/* About Digital Nations (about.html) ------------------------------------------------------------------------------- */
/* About Digital Nations (about.html) - menu -------------------- */
.menu {
	width: 320px;
	float: left;
	padding: 35px 0 0 0;
}
.navigation {
	width: 320px;
	height: 208px;
	background-repeat: no-repeat;
	background-image: url('../menu_background.jpg');
}
.menu_items {
	width: 320px;
	font-size: 1.4em;
	letter-spacing: -1px;
}
.menu_items ul {
	margin: 0px 0 0 0;
	padding: 0px;
}
.menu_items ul li {
	height: 31px; /*31*/
	line-height: 10px;
	list-style: none;
}
/* About Digital Nations (about.html) - End Menu -------------------- */
/* About Digital Nations (about.html) - About Content -------------------- */
.about_content {
	width: 631px;
	height: 450px;
	float: right;
}
.about_content_header {
	width: 631px;
	height: 28px;
	background-repeat: no-repeat;
	background-image: url('../about_header_bar_background.jpg');
}
.about_content_header_text {
	font: 1.6em Arial, sans-serif;
	padding: 6px 0 0 12px;
	color: #666666;
}
.about_content_title {
	padding: 34px 21px 0 12px;
	font: 1.3em Arial, sans-serif;
	color: #666666;
}
.about_content_intro {
	padding: 32px 130px 0 12px;
	font: 1.4em Arial, sans-serif;
	color: #666666;
}
.about_content_content {
	clear: both;
	float: left;
	width: 631px;
}
.about_content_content_singlecol {
	height: 450px;
	padding: 10px 12px 0 12px;
}
.about_content_content_singlecol1 {
	padding: 28px 130px 0 12px;
	font: 1.2em Arial, sans-serif;
	color: #666666;
}
.title_singlecol1 {
	font: 1.2em Arial, sans-serif;
	color: #bd7504;
}
.about_content_content_col1 {
	float: left;
	width: 270px;
	height: 450px;
	padding: 10px 21px 0 12px;
	overflow: auto;
}
.about_content_content_col2 {
	float: right;
	width: 270px;
	height: 450px;
	padding: 10px 20px 0 0;
	overflow: auto;
}
/* About Digital Nations (about.html) - End About Content -------------------- */
/* About Digital Nations (about.html) ---------------------------------------------------------------------------- */


/* Partners Digital Nations (partners.html) - Content -------------------- */
.partner_content {
	width: 631px;
	height: 600px;
	float: right;
}
.partner_content_content_col1 {
	float: left;
	width: 270px;
	height: 600px;
	padding: 10px 21px 0 12px;
	overflow: auto;
}
.partner_content_content_col2 {
	float: right;
	width: 270px;
	height: 600px;
	padding: 10px 20px 0 0;
	overflow: auto;
}
.partner_content_content_singlecol {
	height: 600px;
	padding: 10px 12px 0 12px;
}



/* FOOTER (Global) --------------------------------------------------------------------------------------------------- */
.footer {
	clear: both;
	text-align: left;
	color: #333333;
}
.footer li {
	float: left;
	margin: 0 0 0 3px;
	font: 0.8em Arial;
}
/* Footer Top - Hyperlinks ------ */
.footer_top {
	width: 960px;
	float: left;
}
.footer_top_links {
	width: 800px;
	margin: 14px 0 0 7px;
	padding: 0 0 0 0;
	float: left;
}
.footer_top_rss {
	width: 50px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	float: right;
}
/* Footer Bottom - Logos ------ */
.footer_bottom {
	width: 960px;
	height: 55px;
	margin: 4px 0 0 0;
	padding: 4px 0 0px 0;
	float: right;
	border-top: 1px solid #333333;
}
.style1 {
	margin: 0 0 0 12px;
	float: left;
}
.style2 {
	margin: 7px 0 0 26px;
	float: left;
}
.style3 {
	margin: 10px 0 0 34px;
	float: left;
}
.style4 {
	margin: 16px 0 0 34px;
	float: left;
}
.style5 {
	margin: 0 0 0 21px;
	float: left;
}
.style6 {
	margin: 13px 0 0 30px;
	float: left;
}
/* Footer Bottom - Copyright ------ */
/* End FOOTER (Global) ------------------------------------------------------------------------------------------------ */
/* Misc Orphans --------------------------------------------------------------------------------------------------- */
.articleHeading {
	color: #ff6633;
	font-family: "Gotham Bold","Trebuchet MS", Helvetica, san-serif;
	font-size: 14px;
}
.articleBody {
	color: #999999;
	font-family: "Gotham Book", "Trebuchet MS", Helvetica, san-serif;
}
.articleBody li {
	list-style-type: square;
}
/* below is a positing of image class for the front page ---------- */
.landing_image {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.asterix {
	color: #1e9cd9;
}
.comments1 {
	background-color:#080808;
	color:#666666;
	width:920px;
	margin: 0px 0px 0px 25px;
	display:inline;
	float:left;
	padding: 5px 5px 5px 5px;
}

.comments2 {
	background-color:#000000;
	color:#666666;
	width:920px;
	margin: 0px 0px 0px 25px;
	display:inline;
	float:left;
	padding: 5px 5px 5px 5px;
}
.vplayer_comments {
	width: 960px;
	height:500px;
	display:block;
}
.vplayer_feature {
	width: 640px;
	height: 600px;
	float: left;
}

