/*Savantis Styles
  Date: 10/10/2008
  By: Christopher Scott    
  Email: c.scott84@ymail.com
*/

/* ~Body Style Properties*/

body{
	font-family: "trebuchet ms", verdana, arial, tahoma;
	color: #666;
	font-size:80%;
}

.smallarticletxt{
	font-family: "trebuchet ms", verdana, arial, tahoma;
	color: #666;
	font-size:95%;
	padding: 5px 0px 3px 0px; /*Note = Top - Right - Bottom - Left */

}

.floatright{
	float:right;
	padding: 5px;

	}

.floatleft{
	float:left;
	padding: 5px 10px 5px 5px; /*Note = Top - Right - Bottom - Left */
}

.imgfloatright{
	float:right;
	padding: 30px 30px 0px 0px; /*Note = Top - Right - Bottom - Left */
	}

.imgfloatleft{
	float:left;
	padding: 50px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
}

.clear{
	clear:both;
}
/* List Style Properties*/

ul{
list-style-type: none;
padding: inherit;
margin:  inherit;
}

ul.rss{
list-style-type: none;
padding: 1px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */
margin:  0px;
}


ol{
list-style-type: none;
padding:  inherit;
margin:  inherit;
}

ul#hierarchy {
  margin: 0px auto;
  border: 0 none;
  padding: 0px;
  list-style: none;
 
}

li.first {
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}

li.gloss{
background-image: url(../../images/styles/point.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 20px; /*Note = Top - Right - Bottom - Left */
margin:5px;
}

li.arrow{
background-image: url(../../images/styles/arrowpoint.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 20px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.fancyarrow{
background-image: url(../../images/styles/fancyarrow.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.tri{
background-image: url(../../images/styles/tri.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}


li.basiclight{
background-image: url(../../images/styles/basic.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.basicdark{
background-image: url(../../images/styles/basicdark.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0px 3px 30px; /*Note = Top - Right - Bottom - Left */
margin:10px;
}

li.rss{
background-image: url(../../images/styles/rss.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
margin:0px;
}


/* Image Style Properties*/

img {
	border:none;
}

/* Link Style Properties*/

a:link, a:visited { 
	color: #5b8fbe; 
	text-decoration: none; 
	border: 0px none;
	}
a:hover{ 
	color: #666; 
	text-decoration: none; 
	border: 0px none;
	}


/* Header Style Properties*/


h1.arrow {
	background-image: url(../../images/styles/arrow.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:30px;
	margin:0px;
	font-size:125%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2.arrow {
	background-image: url(../../images/styles/arrow.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:25px;
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h1.tri{
	background-image: url(../../images/styles/tri.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:30px;
	margin:0px;
	font-size:130%;
	font-weight: bold;
	color: #666;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2.open {
	background-image: url(../../images/styles/open.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right:35px;
	margin:0px;
	font-size:100%;
	font-weight: bold;
	font-family: "trebuchet ms", verdana, arial, tahoma;
	
}

h2{
	font-size:100%;
	font-weight: bold;
	color: #5b8fbe;
}

h2.bookmark{
	font-size:95%;
	font-weight: bold;
	color: #5b8fbe;
	display:inline;
	padding-right:5px;
}

h3{
	font-size:100%;
	font-weight: bold;
	color: #5b8fbe;
	padding-bottom:0px;
	margin:0px;
}

h2.tweet {
	background-image: url(../../images/styles/twitterbirdsmall.png);
	background-repeat: no-repeat;
	background-position: 100%;
	display:inline-block;
        padding:10px 45px 5px 0px;
        margin:0;
        font-size:105%;
	font-weight: bold;
	color: #666;
}


b.tweet{
        background-image: url(../../images/styles/twitterbirdsmall.png);
	background-repeat: no-repeat;
	background-position: 100%;
	padding:10px 0px 10px 40px;
        display:inline-block;
        margin:0;

}
/* Form Style Properties*/

.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

.cssform textarea{
width: 80%;
height: 150px;
font-family: "trebuchet ms", verdana, arial, tahoma;
color: #666;
}

span.copyright
{
	font-weight:bold;
	color:#FFF;
	font-size:85%
}

.captcha{
 padding:5px 0px 10px 155px;
}

.submitbutton{
    padding-left:155px;
}
/*END*/