/*
	CSS FOR		www.springall.me v3
	AUTHOR:		Alison Springall (web@springall.me)
	CREATED:	28/05/2010
*/


@font-face {
	font-family: 'AmericanScribeRegular';
	src: url('fonts/american_scribe.eot');
	src: local('American Scribe'), local('AmericanScribe'), url('fonts/american_scribe.woff') format('woff'), url('fonts/american_scribe.ttf') format('truetype');
}

@font-face {
	font-family: 'VrindaRegular';
	src: url('fonts/vrinda.eot');
	src: local('Vrinda'), local('Vrinda'), url('fonts/vrinda.woff') format('woff'), url('fonts/vrinda.ttf') format('truetype');
}



/* GLOBAL STYLES
----------------------------------------------------------------------------------------------------------------------------- */

body				{ background: #ecfffd url('templatefiles/body_bg.jpg') no-repeat fixed 0 0; font: normal 80% arial, verdana, sans-serif; color: #5a5a5a; text-align: center; padding: 0; margin: 0 auto; }

hr					{ height: 1px; background: transparent; color: #e8e8e8; border: 0; margin: 5px 0; }
.hr					{ height: 10px; clear: both; background: transparent url('templatefiles/divider.jpg') no-repeat center center; text-align: center; margin: 20px auto; }

form, table			{ background: transparent; font-size: 1.0em; color: #535353; }
legend				{ font-size: 1.4em; color: #b40202; }	
fieldset			{ border: 1px solid #e8e8e8; margin: 20px 10px 0; }

.tablestyle			{ border-collapse: collapse; }
.tablestyle td, 
.tablestyle th		{ vertical-align: top; padding: 5px 5px 5px 0; }
.tableborder td, 
.tableborder th		{ vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; }

.clear				{ height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; }
.right				{ float: right; }
.left				{ float: left; }

.widthwrapper		{ width: 100%; }
.padding			{ padding: 20px; }

.no-show			{ display: none; }





/* HEADINGS
----------------------------------------------------------------------------------------------------------------------------- */

h1					{ font-weight: normal; font-size: 7.0em; line-height: 1.2em; font-family: AmericanScribeRegular, arial, verdana, sans-serif; text-align: left; text-shadow: #ccc 2px 2px 5px; color: #47c2c8; margin: 0 0 25px; } 
h2					{ font-weight: normal; font-size: 2.0em; font-family: arial, verdana, sans-serif; text-shadow: #ccc 2px 2px 5px; color: #808080; margin: 30px 0 20px; }
h3					{ font-weight: bold; font-size: 1.5em; font-family: arial, verdana, sans-serif; color: #808080; margin: 0 0 5px; }

h1					{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=templatefiles/hIEfix.png,sizingMethod=crop); zoom:1; }


/* TEXT
----------------------------------------------------------------------------------------------------------------------------- */

p					{ font-size: 1.2em; line-height: 1.7em; color: #5a5a5a; margin: 0 0 20px; }
	
.smalltext			{ font-size: 0.85em; }


/* LISTS
----------------------------------------------------------------------------------------------------------------------------- */

ul					{ padding: 0; margin: 0 0 15px; }
ol					{  }

li					{ background: transparent url('templatefiles/li_bg.png') no-repeat 0 5px; list-style-type: none; font-size: 1.2em; line-height: 1.5em; color: #5a5a5a; padding: 0 0 0 35px; margin: 0 0 0; }

dl					{ padding: 0; margin: 0 0 15px; }
dt					{ background: transparent url('templatefiles/li_bg.png') no-repeat 0 6px; line-height: 1.5em; color: #5a5a5a; padding: 0 0 0 15px; margin: 10px 0 0; }
dd					{ line-height: 1.5em; color: #5a5a5a; padding: 0 0 0 15px; margin: 0; }



/* LINKS
----------------------------------------------------------------------------------------------------------------------------- */


a:link				{ color: #f272ad; text-decoration: underline; }
a:visited			{ color: #f59dc1; text-decoration: underline; }
a:hover				{ color: #70cbd2; text-decoration: underline; }
a:active			{ color: #70cbd2; text-decoration: underline; }
a:focus				{ color: #70cbd2; text-decoration: underline; }


/* IMAGES
----------------------------------------------------------------------------------------------------------------------------- */

img					{ border: 0; }

#ali				{ float: right; background-color: #fff; padding: 3px; border: 1px solid #eee; margin: 0 0 20px 20px; }
#ali img			{ display: block; }

.icons				{ vertical-align: middle; text-align: right; }
.icons img			{ vertical-align: middle; margin-bottom: 5px; }


/* LAYOUT
----------------------------------------------------------------------------------------------------------------------------- */

#container			{ min-height: 310px; position: relative; text-align: left; margin: 0 0 0 380px; }

#content			{ padding: 0; margin: 0 220px 0 0; }

#sidecol			{ width: 180px; float: right; padding: 200px 0 0; margin: 0; }


/* HEADER
----------------------------------------------------------------------------------------------------------------------------- */

#header				{ text-align: center; padding: 0; margin: 0 auto; }
#header	#sitelogo	{ position: fixed; top: 20px; right: 20px; margin: 0; }



/* NAVIGATION
----------------------------------------------------------------------------------------------------------------------------- */

.sidenav			{ position: fixed; top: 150px; right: 20px; text-align: right; margin: 0; }
.sidenav li			{ background: transparent url('templatefiles/li_bg.png') no-repeat right 7px; list-style-type: none; font-size: 1.3em; line-height: 1.8em; color: #5a5a5a; padding: 0 35px 0 0; margin: 0; }
.sidenav li	a		{ text-decoration: none; }


/* CONTENT
----------------------------------------------------------------------------------------------------------------------------- */




/* PORTFOLIO
----------------------------------------------------------------------------------------------------------------------------- */

.slideshow 				{ width: 383px; height: 234px; background: #fff; font-size: 1.2em; text-align: center; border: 2px solid #eee; margin: 0 auto 40px; }
.slideshow img 			{ display: block; margin: 5px; }