/* ----------------------------------------- */
/*  Theme Name: Theme for Chrisie            */
/*  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; }


/* ------------------------------------------------------------------------- */
/*  Base Styles                                                              */
/* ------------------------------------------------------------------------- */

body {background:#020368; text-align:left; font-size:100%; line-height:1.75em; font-family: 'Open Sans', sans-serif; color:#59595d; margin:0; }

#submit, input[type="submit"], input[type="reset"], a, li, a img, img a, img, td, i {
		-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;transition: all 0.8s ease; }

b, strong {color: #4452a7;font-weight: bold;}
i, em {color: #969696; } 

li > ul, li > ol {margin: 0;}


/*  Base Styles | Forms                                                      */
/* ------------------------------------------------------------------------- */

form { margin: 15px 5px; }

td {vertical-align: middle; padding: 0 5px;}

fieldset { border: 1px solid #313131; padding: 10px; }
	legend { margin-left: 10px; padding: 10px; color: #3025dd; 
			text-transform: uppercase; }

input, textarea, button, select { font-family: inherit; font-size: .875em; }

input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="reset"], button,  textarea { margin: 1px; }

label .required { color: #fff; }

input[type="text"], input[type="password"], input[type="email"], input[type="reset"], button[type="reset"], textarea, input, textarea, button, select { background: #313131; border: 1px solid #313131; color: #fff; display: block; padding: 10px; }

input[type="submit"], button[type="submit"] { background: #3025dd; color: #fff; padding: 10px 20px; display: inline-block; border: 1px solid #3025dd; font-weight: 500; }

button[type="submit"]:hover, input[type="submit"]:hover, button[type="reset"]:hover, input[type="reset"]:hover { background: #4137ff; border: 1px solid #4137ff; color: #fff;}


/*  Base Styles | Links                                                      */
/* ------------------------------------------------------------------------- */

a:link, a:active, a:visited {color: #2c26c7;text-decoration: underline; }
a:hover {color: #0d02f7;text-decoration: underline;border-bottom: 1px dashed #2c26c7; ;}

	
/*  Base Styles | Blockquotes                                                */
/* ------------------------------------------------------------------------- */

blockquote {display:block;font-style:italic;font-size:1em;padding:10px 20px;
		text-align:justify; background: #151515; margin: 10px 30px; }

	
/*  Base Styles | Headers                                                    */
/* ------------------------------------------------------------------------- */
	
h1,h2,h3 {margin: 5px 0; font-family: 'Open Sans', sans-serif; }

h1 {color: #bbb; padding: 0 5px 5px 5px; font-size: 1.125em; line-height: 1em; 
	text-transform: uppercase; }

h2 {font-size: 1.25em; color: #fff; background: #2c26c7; text-align: center; 
		padding: 10px; letter-spacing: 2px; text-transform: capitalize; }
			
h3 {font-size: 1.125em; color: #2c26c7; text-align:left; padding: 5px 10px 5px 10px; }


/* ------------------------------------------------------------------------- */
/*  Section | Header                                                         */
/* ------------------------------------------------------------------------- */


#container { 
max-width: 600px;
margin: 50px auto;
}

#header {
background: url(header.png) top center no-repeat;
width: 600px;
height: 375px;
}

	
/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */
	
#nav { 
text-decoration:none;
font-size: .875em;
text-transform: uppercase;
text-align: center;
font-weight: bold;
width: auto;
margin: 20px auto;
padding: 20px;
background: #000;
}

#nav ul, #nav li {display: inline-block;list-style: none;}

#nav a:link, #nav a:visited, #nav a:active {color: #cdcdcd; margin: 0 5px; padding: 5px; text-decoration:none; background: transprent; }

#nav a:hover { color: #1402fd; border: 0px solid #cdcdcd; }


/* ------------------------------------------------------------------------- */
/*  Section | Page Contents                                                  */
/* ------------------------------------------------------------------------- */

#content { padding: 20px; margin:0 auto; text-align: justify; max-width: 600px; background: #000; }

img { margin: 1px 3px; background: #313131; padding: 4px; border: 1px solid #313131; }


/* ------------------------------------------------------------------------- */	
/*  Section | Footer                                                         */
/* ------------------------------------------------------------------------- */	

#footer {
font-size: .75em;
line-height: 1.125em;
font-style: italic;
text-align: center;
padding: 25px;
margin: 20px auto;
background: #000;
}