/*
Theme Name: Default Theme
Theme URI:
Author:
Author URI:
*/
@import url('css/reset.css');
@import url('css/forms.css');
@import url('css/layout.css');
@import url('css/typography.css');
@import url('css/colorbox.css');
@import url('css/scrollbars.css');

/* =Social Media Positioning 
-------------------------------------------------------------- */

#socialmedia {

  /* =No bullets */
  	list-style: none;

  /* =Position and float the tab */  
    float: right;
 	z-index: 10;
  
  /* =Give the tab width and padding */
  	width: 200px;
  	padding: 0;
	margin-bottom: 0px;
	margin-top:-22px;
}

/* =Items within the tab 
-------------------------------------------------------------- */

#socialmedia li {
  	margin: 0 2px 0 0;
	float: right;
}

#socialmedia li:first-child {
  	margin-top: 0;
}

/* =General Style for buttons within the tab
-------------------------------------------------------------- */

#socialmedia a {
  	display: table;
  	width: 20px;
  	background-image:url(images/follow-tab-buttons.png);
}

#socialmedia a span {
  	display: none;
}

/* ="Newsletter" button 
-------------------------------------------------------------- */

#socialmedia a.facebook {
  	height: 20px;
  	background-position: 0 0;
}

#socialmedia a.facebook:hover {
  	background-position: 0 20px;
}

/* ="RSS" button
-------------------------------------------------------------- */

#socialmedia a.hyves {
  	height: 20px;
  	background-position: 20px 0;
}

#socialmedia a.hyves:hover {
  background-position: 20px 20px;
}

/* ="Twitter" button
-------------------------------------------------------------- */

#socialmedia a.linkedin {
  	height: 20px;
  	background-position: 40px 0;
}

#socialmedia a.linkedin:hover {
  	background-position: 40px 20px;
}

/* ="Facebook" button
-------------------------------------------------------------- */

#socialmedia a.twitter {
  	height: 20px;
  	background-position: 60px 0;
}

#socialmedia a.twitter:hover {
  	background-position: 60px 20px;
}