@charset "UTF-8";
/* 

	CampInteractive 2008 v.1 CSS Document
	Created: May 1, 2008
	By: Jesus Galvez
	CSS DEFAULTS 
*/

body
	{
	background-image:url(../images/components/backgroundtexture.png);
	background-repeat:repeat;
	background-color:#000000;
	font-family: Lucida Grande, geneva, helvetica, arial, sans-serif;
        color:#A8A8A8;

	}

a, a img
	{
	border-style:none;
	text-decoration:none;
	color:#FB8630;
	}

object
    {
        margin:20px 0px;
    }

.video
    {
        margin:0px 0px;
    }
	
/* ---------DIV ID specifications--------- */

#container
	{
	margin-bottom:30px;
	}
		
#wrapper
	{
	margin:auto;
	width:900px;
	background:#333333; /*  Other Background colors #33332D*/ 
	/*border-style:solid;
	border-width:thin;
	border-color:#666666;*/
	text-decoration:none;
	}

#banner 
	{
	background-repeat:no-repeat;
	background-image:url(../images/components/CI-Logo3d.png);
	/*background-color:#000;*/
	background-position:35px 15px;
	width:900px;
	height:90px;
	}
	
#donate_button 
	{
	float:right;
	padding:35px 60px 0px 0px;
	}
		
#navigation
	{
	width:900px;
	height:29px;
	background-color:#000000;
        font-size:12px;
	}

#center_media
	{
	position:relative;
	padding:0px;
	width:900px;
	height:307px;
	background-color:#000000;
	border-bottom:solid #FB8630;
	border-top:solid #FB8630;
	border-bottom-width:10px;
        border-top-width:10px;
	margin:0px;
	}
        
#panoramic_image
	{
	position:absolute;
	width:900px;
	left:0px;	
	z-index:1; 
	}

#crowdrise_butt
        {
	position:absolute;
	right:230px;
	bottom:3px;	
	z-index:15;	
	}
        
#tube_butt
	{
	position:absolute;
	right:181px;
	bottom:0px;	
	z-index:15;	
	}
 
#vimeo_butt
	{
	position:absolute;
	right:133px;
	bottom:0px;	
	z-index:15;	
	}     
        
#flickr_butt
	{
	position:absolute;
	right:85px;
	bottom:0px;	
	z-index:15;	
	}
        
#twitter_butt
	{
	position:absolute;
	right:37px;
	bottom:0px;	
	z-index:15;	
	}
	
#facebook_butt
	{
	position:absolute;
	right:-10px;
	bottom:0;	
	z-index:15;
	}
			
#content
	{
	position:relative;
	display:inline-block;
        max-width:900px;
	width:900px;
	height:auto;
	color:#A8A8A8;
	padding:0px;
	margin:0px;
	}
	
#announcements
	{
	display:block;
	height:40px;
	width:900px;
	margin:10px 0px 5px 2px;
	background-color:#222222;
	}
	
#social_networks
	{
	right:20px;
	}
#social_networks a, img
	{
	float:right;
	padding: 0px 10px 0px 0px;
	}

#social_networks img
	{
	height:30px;
	padding: 0px 5px 0px 5px;
	}
		
#content_text
	{
	width:550px;
	float:left;
	height:auto;
	text-align:left;
	background-position:center;
	vertical-align:text-top;
	margin:20px 0px 20px 35px;
	}
	
img.left
	{
	position:relative;
	display:inline;
	float:left;
	clear:left;
	padding-right:300px;
	}

#feed_sidebar
	{
	width:220px;
	height:auto;
	float:right;
        font-size:12px;
	/*border-style:solid;
	border-width:medium;
	border-color:#CCCC9F;
	text-align:left;*/
	padding: 10px 0px 10px 0px;
	margin:20px 30px 20px 0px;
	}
/*---------- Twitter Specifications --------*/
.tweet .tweet_list, .query .tweet_list
        {
        list-style-type: none;
        margin: 0;
        padding: 0;
        }

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic
        {
        text-transform: uppercase;
        }

.tweet .tweet_list li, .query .tweet_list li
        {
        overflow-y: auto;
        overflow-x: hidden;
        padding: .5em;
        }

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar
        {
        padding-right: .5em;
        float: left;
        }
/*---------- Twitter Specifications --------*/

#footer
	{
	height:20px;
  	width:auto;
	clear: both;
	text-align:center;
	padding-top:8px;
	}

/* ---------CLASS SPECIFICATION---------*/
	
	
.footer a
	{
	padding: 0px 5px 0px 5px;
	color:#FFFFFF;
	}
	
.small_font
	{
	font-size:10px;
	font-weight:400;
	line-height:12px;
	letter-spacing:normal;
	}
	
.default_font
	{
	font-size:12px;
	
	}	
.medium_font
	{
	font-size:12px;
	}

.large_font
	{
        font-size:18px;
        letter-spacing:-.05em;
        line-height: 1.0em;
	}

.mega_font
	{
        font-size:32px;
        font-weight:bolder;
        letter-spacing:-.05em;
        line-height: 28px;
	}
	
.white
	{
	color:#FFFFFF;
	}
	
.aqua 
	{
	color:#1EB8F4;
	}
	
.brightaqua
	{
	color:#59D8E5;	
	}
	
.orange 
	{
	color:#FB8630;
	}

.gray 
	{
	color:#A8A8A8;
	}

.olive
	{
	color:#CCCC9F;
	}	
	
.red
	{
	color:#B9121B;
	}
	
	
/* ---------Feed Sidebar Properties--------- */
#social_network_click_me	
	{
	position:absolute;
	left:670px;
	}
	
#feed_sidebar ul
	{
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
	}
    


 * html #feed_sidebar li a  /* make hover effect work in IE */
 	{ 
	width:220px;
	}

#feed_sidebar li a:hover 
	{
        background: #ffffcc;
	color:#009900;
	}


/*-----------------Events---------------------*/

/* A Skating Extravaganza */

#skatingwrap
	{
	position: absolute;
	background-color: #647678;
	font-family: Myriad Pro, Lucida Grande, helvetica, arial, geneva;
	color: #D5FBFF;
	padding: 15px 0px 0px 50px;
	width: 750px;
	height: 390px;
	}

#skatebuttons
	{
	margin-top: 15px;
	height: 90px;
	float: left;
	}

/*#skatebuttons img
	{
	display: block;
	float: left;
	margin-right:10px;
	}
	
#skatebuttons
	{
	margin-top: 30px;
	height: 90px;
	}

#skatebuttons a
	{
	display:block;
	color:#D5FBFF;
	width:190px;
	height:90px;
	}
	
#skatebuttons a:hover
	{
	color:#FFFFFF;
	background: #9FBCBF;
	}
*/

#basic
	{
	display:block;
	margin-right: 10px;
	float: left;
	}
	
#onechild
	{
	display:block;
	margin-right: 10px;
	float: left;
	}
	
#twochild
	{
	display:block;
	margin-right: 10px;
	float: left;
	}
	
#tenchild
	{
	display:block;
	float: left;	
	}


/* Made on a Mac */

#applewrap
	{
	position: absolute;
	background-color: #FFFFFF;
	font-family: Myriad Pro, Lucida Grande, helvetica, arial, geneva;
	color: #333333;
	padding: 35px 0px 0px 78px;
	width: 720px;
	height: 375px;
	}

#applewrap img
	{
	float: left;
	top: -50px;
	height: -90%;
	}


#madeonmac
	{
	margin-top: 15px;
	height: 90px;
	float: left;
	text-align: center;
	
	}

#raftingwrap
	{
	position:absolute;
	background-color: #FFFFFF;
	font-family: Myriad Pro, Lucida Grande, helvetica, arial, geneva;
	color: #333333;
	padding: 25px 0px 25px 45px;
	width: 800px;
	height: 450px;
	}
        
#celebrationwrap
	{
	position: absolute;
	background: #4f5b62;
	color: #333333;
	width: 800px;
	height: 480px;
	}