/* ----------------------------------------- */
/*  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:#f3f0f9; text-align:left; font-size:100%; line-height:1.75em; 
		font-family: 'Roboto', sans-serif; color:#6b7072; 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 {font-weight: bold;}
i, em {color: #d7c144; } 

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


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

form { margin: 15px 5px; }

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

fieldset { border: 1px solid #dedbe4; padding: 10px; }
	legend { margin-left: 10px; padding: 10px; 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: #7a7a7a; }

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

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

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


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

a:link, a:active, a:visited {color: #3695a3; text-decoration: underline; }
a:hover {color: #0db7d0; text-decoration: underline; }

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

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

	
/*  Base Styles | Headers                                                    */
/* ------------------------------------------------------------------------- */
	
h1,h2,h3 {margin: 5px 0; font-family: 'Oxygen Mono', monospace; font-weight: 400;
		text-transform: uppercase; }

h1 {color: #4b8091; padding: 0 5px 5px 5px; font-size: 1.875em; line-height: 1em; 
		font-weight:500 !important; }

h2 {font-size: 1.45em; color: #fff; background: #4b8091; text-align: center; 
		padding: 10px; letter-spacing: 2px; text-transform: lowercase;}
			
h3 {font-size: 1.25em; color: #3695a3; text-align:left; padding: 5px 10px 5px 10px;}


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

#header {
background: url(header.jpg) top center no-repeat;
width: 100%;
height: 552px;
margin: 0 auto 25px auto;
}

	
/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */
	
#nav { 
text-decoration:none;
font-size: 1em;
text-align: center;
font-weight: 400 !important;
margin: 0 auto;
padding:20px;
font-family: 'Oxygen Mono', monospace;
}

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

#nav a:link, #nav a:visited, #nav a:active {color: #fff; margin: 0 10px; 
		padding: 6px 10px; text-decoration:none; text-transform: uppercase; 
		background: #7ad2f1; }

#nav a:hover { background: #ffc43c; }


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

#content { margin:25px auto; text-align: justify; max-width: 1205px; padding: 0 20px; }

img { margin: 1px 3px; background: #dedbe4; padding: 5px; }


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

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

@media only screen and (max-width:1100px) {
#header { background-size: cover; max-height: 450px; }
}