@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie|Inconsolata|Tangerine|Homemade+Apple);

/* CSS Document */
body { background-color: black; font-family: 'Inconsolata', Geneva, sans-serif; color: #CCC; font-size: 16px; margin: 0px auto; background-position: center top; background-repeat: no-repeat; }
img { border: none;	}
img.cmt {position: relative; top: 50px; left: -60px; float: right; }
/*general layout */
#container { width: 990px; height: auto; margin: 0px auto; background-image: url(../images/bg_container.png) repeat left top;}
#content { width: 990px; height: auto; margin: 0px auto; }
#content2 { width: 970px; height: auto; margin: 0px auto; padding: 10px; }

/*image specific controls*/
#logo {	width: 270px; height: 270px; margin: 10px 0px 0px 30px; }
#polaroid {	position: relative; top: 10px; right: 20px; float: right; clear: right; }
#youtube { margin: 0px auto; width: 640px; height: 390px; border: 1px silver dotted; }
#youtube_list {	margin: 0px auto; width: 640px; height: auto; font-size: 11px; }
#nav { background-image: url(../images/nav.png); background-position: top center; width: 988px; height: 55px; line-height: 55px; }
#footer { width: 988px; height: 75px; }
#header { width: 990px; height: auto; margin: 0px auto; }

/*layout index*/
#hleft { float: left; clear: left; width: 495px; height: 400px; }
#hright { float: right; clear: right; width: 495px; height: 400px; }
#socialnetworking { width: 210px; margin: 10px 0px 0px 50px; text-align: center; border: groove 2px #996633; }
#cleft { float: left; clear: left; width: 390px; height: auto; }
#cleftheader { width: 390px; height: 55px; background-image: url(../images/bg_upcoming.png) no-repeat center top; margin: 0px auto; }
#clefttext { background-image: url(../images/bg_container.png) repeat left top; height: 300px; width: 350px; margin: 0px auto; padding: 10px; }
#clefttext span { text-align: left; color: #CCC; font-size: 12px; line-height: 22px; }
#cright { float: right;	clear: right; width: 600px; height: auto; }
#crightheader { width: 555px; height: 55px; background: url(../images/content_header.png) no-repeat center top; margin: 0px auto; }
#crighttext { background: url(../images/bg_container.png) repeat left top; height: auto; width: 500px;margin: 0px auto;	color: #CCC; padding: 10px; }

/* Navigation Styles */
#navigation { width: 920px; height: 50px; line-height: 50px; margin: 0px auto; font-size: 14px;	font-family: 'Reenie Beanie', Geneva, sans-serif; }
#navigation ul { list-style-type: none; margin: 2px; padding: 0px; text-align: center; font-family: 'Reenie Beanie', Geneva, sans-serif; font-weight: bold; }
#navigation ul li { width: 100px; float: left; clear: right; margin: 0px; }
#navigation ul li a { width: 100px; display: block; height: 50px; line-height: 50px; background-image: url(../images/rollover.png); color: white; }
#navigation ul li a:hover { color: white; background-position: 0px -50px; }

/* Text Styles */
.title { font-family: 'Reenie Beanie', Geneva, sans-serif; height: 55px; line-height: 55px; padding-left: 10px;	font-size: 25px; font-weight: bold; letter-spacing: 2px; color: white; }
.signature { font-family: 'Homemade Apple', Geneva, sans-serif; font-size: 24px; letter-spacing: 2px; }
.snbhead { font-size: 16px; font-variant: small-caps; letter-spacing: 2px; }
.success { color: red; font-weight: bold; display: none; font-size: 14px; margin: 10px; }

a:link { color: #009999; text-decoration: none; font-size: 22px; font-family: 'Reenie Beanie', Geneva, sans-serif; }
a:visited { color: #009999; text-decoration: none; font-size: 22px; font-family: 'Reenie Beanie', Geneva, sans-serif; }
a:hover { color: #996633; text-decoration: none; font-size: 22px; font-family: 'Reenie Beanie', Geneva, sans-serif; }