/*  
Theme Name: Art By Giselle
Theme URI: http://artbygiselle.com
Description: A custome theme for Giselle Denis, visual artist
Version: 1.0
Author: Dave Von Bieker
Author URI: http://bodycreative.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

/* Color codes

sky blue: #60849A
darker green: #3E4712
lighter green: #5F5B2B

*/

/* Structure */
body {
	background:black url('images/giselle-bg.jpg') no-repeat;
	background-position:top center;
	text-align:center;
}

#page {
	width:900px;
	margin:0 auto;
	text-align:right;
	position:relative;
	
}

#header {
	height:180px;
	padding-top:35px;
}

#header h1 {
	font-size:3.5em;
	font-weight:normal;
}

#header h1 a {
	color:white;
}

#header p {
	font-size:2em;
	font-weight:lighter;
}

#header p.contactInfo {
	
font-size: 1em;
}
#homepageNavbar {
	font-size:22px;
}

#homepageNavbar a {
	color:white;
	text-decoration:none;
	font-weight:normal;
}

.break {
	margin-top:30px;
}

#content {
	width:600px;
	padding:10px;
	background:white;
	position:absolute;
	top:200px;
	left:10px;
	border: #60849A solid 4px;
	max-height:500px;
	overflow:auto;
	/* IE filter extension */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.85;         /* Mozilla extension */
  -khtml-opacity:0.85;        /* Konqueror extension (Safari 1.1)*/
  opacity: 0.85;              /* the correct CSS3 syntax */
 
}

#sidebar {
	width:250px;
	float:right;
}

#footer {
	font-size:0.8em;
	position:absolute;
	top:800px;
	right:0px;
}



/* Typography */

body {
	font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
	color:white;
}

#content {
	font-size:1em;
	text-align:left;
	color:black;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1.7em;
	margin-bottom:15px;
	color:#5F5B2B;
}

p {
	margin: 10px 0;
}


#footer {
	color:#5F5B2B;
}
/* Links */

a, a:link {
	color:white;
}

a:hover {
	background:black;
	color:white;
}

#content a {
	color:#3E4712;
}

#content a:hover, #footer a:hover {
	background:#3E4712;
	color:white;
}