/* --------------------------------------------- */
/*  Theme: Ultimate Dolly Coming Soon #2         */
/*  Author: Courtney Wood                        */
/*  Author URI: http://cordy.nu                  */
/* --------------------------------------------- */

/* ------------------------------------------------------------------------- */
/*  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126        */
/* ------------------------------------------------------------------------- */
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, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ----- Page Elements ----- */
body {background:#000 url(bg.jpg) no-repeat top center; margin:0; font-weight: 400; }

#logo { position: absolute; top: 200px; right: 50px;
		max-width: 800px; height: 255px; width: 100%; }

a, a:hover, a i:hover, a i:link {-webkit-transition: all 0.8s ease; 
	-moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; 
	transition: all 0.8s ease;}

.credit {display:block; font-size: 1.75em; position: absolute; bottom: 20px; right: 20px; 
		padding: 10px; background: #000; }	
	a i:link, a {color:#fff !important;}
	a i:hover, a:hover {color:#c85687 !important;}


/*  HANDHELD DEVICES - 800px and lower                                      */
/* ------------------------------------------------------------------------- */	
@media only screen and (max-width:800px) {

		#logo { width:100%!important; position: absolute; top: 40%; left: 5%; }
			#logo img { max-width: 650px; }

}

@media only screen and (max-width:500px) {

		#logo { width:100%!important; position: absolute; top: 30%; left: 5%; }
			#logo img { max-width: 450px; }

}