/* Ninja Simple Icons
* By Richie Mortimer
* http://www.ninjoomla.com 
* Copyright (C) 2007 Richie Mortimer, www.ninjoomla.com - Code so sharp, it hurts.
* email: ravenlife@raven-webdesign.com 
* date: , 2007
* Release: 1.0
* PHP Code License : http://www.gnu.org/copyleft/gpl.html GNU/GPL 
* CSS  : http://creativecommons.org/licenses/by-nc-sa/3.0/
*
* Changelog
* 
* 1.0 December, 07 : 
*       horizontal or vertical
*		css and xhtml valid
*		up to 10 items
* 
//###################################################################
// Ninja Simple Icons
//Copyright (C) 2007 Richie Mortimer. Ninjoomla.com. All rights reserved.
//
//This program is free software; you can redistribute it and/or
//modify it under the terms of the GNU General Public License
//as published by the Free Software Foundation; either version 2
//of the License, or (at your option) any later version.
//
//This program is distributed in the hope that it will be useful,
//but WITHOUT ANY WARRANTY; without even the implied warranty of
//MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//GNU General Public License for more details.
//
//You should have received a copy of the GNU General Public License
//along with this program; if not, write to the Free Software
//Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
###################################################################*/
/* lets set up the horizontal and vertical css */
#iconvert,
#iconhoriz {
	margin-top: 0px;
}

#iconvert .icons,
#iconhoriz .icons{
	padding:  0;
}	
#iconhoriz {
	padding:0pt 0px 0pt 0pt;
	background-position: 100% 100% !important;
}	

#iconvert {
	padding:15px 0pt 0pt 0pt;
	background-position: 0% 0% !important;
}	

/* link settings */
#iconvert li,
#iconhoriz li {
	float: left;
	margin:0;
	padding-right: 8px;
	padding-top: 10px;
	list-style: none;
	background: none;
	position: relative;
	width:100px;
	line-height:0.7em;
}

/*icon settings*/
#iconhoriz .icons {
/*	cursor: pointer;*/
	overflow: hidden;
		padding:  0;
		margin: 0px;
}
#iconvert .icons {
/*	cursor: pointer;*/
	overflow: hidden;
		padding:  0;
		margin: 0px;
}

/* And Now lets set up the caption box */
#iconhoriz .sispan,
#iconevert .sispan {
	padding: 0px;
	font-weight: normal;
    text-decoration: none;	
	font-size: 9px;
	line-height:1.4em;
}

img{
	border: none;
}

#iconhoriz{
	height: 100%;
    text-decoration: none;
	/*opacity:0.8;*/
	/*color: #5076B6;*/
}


/*
	a:link, a:visited {
	color:#5076B6;
	opacity: 1;
}
	a:link, a:visited {
	font-weight:normal;
	text-decoration:none;
	opacity:1;
}
	a:hover {
		text-decoration: underline;
		
	}
		ul, li a:link, a:visited {
		color:#5076B6;
		opacity: 1;
	}
		ul, li a:link, a:visited {
		font-weight:normal;
		text-decoration:none;
		opacity:1;
	}*/