/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   titles
------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title				{ font-size:12px; font-family:Verdana; color:#EEEEEE; font-weight:bold; }
.titlesmall			{ font-size:12px; font-family:Arial; color:#333333; font-weight:bold; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   text
------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.text				{ font-size:11px; font-family:Arial; color:#BBBBBB; font-weight:normal; }
.textbold			{ font-size:11px; font-family:Arial; color:#FFFFFF; font-weight:bold; }
.textredbold		{ font-size:11px; font-family:Arial; color:#b90000; font-weight:bold; }
.textbigbold		{ font-size:12px; font-family:Arial; color:#FFFFFF; font-weight:bold; }
.textlarge			{ font-size:14px; font-family:Verdana; color:#FFFFFF; font-weight:bold; }
.textsmall			{ font-size:9px; font-family:Verdana; color:#BBBBBB; font-weight:normal; }
.textsmalli			{ font-size:9px; font-family:Verdana; color:#999999; font-weight:normal; font-style:italic; }
.textsmallbold		{ font-size:9px; font-family:Verdana; color:#BBBBBB; font-weight:bold; }
.textsmallbold2		{ font-size:9px; font-family:Verdana; color:#FFFFFF; font-weight:bold; }

.debug				{ font-size:11px; font-family:Fixedsys; color:#BBBBBB; font-weight:normal; }

.texton				{ font-size:12px; font-family:Verdana; color:#5da4db; font-weight:bold; }
.textoff			{ font-size:12px; font-family:Verdana; color:#333333; font-weight:bold; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   links
------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

a:link				{ font-size:12px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a:visited			{ font-size:12px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a:active			{ font-size:12px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a:hover				{ font-size:12px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:underline; }

a.small:link		{ font-size:10px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a.small:visited		{ font-size:10px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a.small:active		{ font-size:10px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:none; }
a.small:hover		{ font-size:10px; font-family:Arial; color:#5da4db; font-weight:normal; text-decoration:underline; }

a.menu:link			{ font-size:11px; font-family:Arial; color:#CCCCCC; font-weight:bold; text-decoration:none; }
a.menu:visited		{ font-size:11px; font-family:Arial; color:#CCCCCC; font-weight:bold; text-decoration:none; }
a.menu:active		{ font-size:11px; font-family:Arial; color:#CCCCCC; font-weight:bold; text-decoration:none; }
a.menu:hover		{ font-size:11px; font-family:Arial; color:#FFFFFF; font-weight:bold; text-decoration:none; }

/*a.on0:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on0:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on0:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on0:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }*/

a.on0:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.on0:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.on0:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.on0:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.on1:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on1:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on1:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on1:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }

a.on2:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on2:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on2:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on2:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }

a.on3:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on3:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on3:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on3:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }

a.on4:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on4:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on4:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on4:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }

a.on5:link			{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on5:visited		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on5:active		{ font-size:12px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }
a.on5:hover			{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; background-color:#363a3a; }

a.off0:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off0:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off0:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off0:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.off1:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off1:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off1:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off1:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.off2:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off2:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off2:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off2:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.off3:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off3:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off3:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off3:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.off4:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off4:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off4:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off4:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.off5:link			{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off5:visited		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off5:active		{ font-size:12px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.off5:hover		{ font-size:12px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

a.plus:link			{ font-size:14px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 4px 0px 4px; }
a.plus:visited		{ font-size:14px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 4px 0px 4px; }
a.plus:active		{ font-size:14px; font-family:Verdana; color:#5da4db; text-decoration:none; font-weight:bold; padding: 0px 4px 0px 4px; }
a.plus:hover		{ font-size:14px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 4px 0px 4px; }

a.minus:link		{ font-size:14px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.minus:visited		{ font-size:14px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.minus:active		{ font-size:14px; font-family:Verdana; color:#333333; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }
a.minus:hover		{ font-size:14px; font-family:Verdana; color:#FFFFFF; text-decoration:none; font-weight:bold; padding: 0px 5px 0px 5px; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   stuff
------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body {height: 100%;}

.style01			{ padding:2px 5px 2px 5px; }
.style02			{ padding:1px 2px 1px 2px; }
.style03			{ padding:2px 10px 2px 10px; } /* skill list, image */
.style04			{ padding:2px 0px 2px 0px; } /* skill list, skill title */
.style05			{ padding:0px 0px 2px 0px; } /* skill list, skill level */
.style06			{ padding:2px 10px 2px 5px; background-color:#292929; } /* skill details */
.style06a			{ padding:2px 5px 2px 0px; background-color:#292929; width:100%; } /* skill details */
.style07			{ padding:2px 10px 2px 5px; background-color:#242424; } /* skill details */
.style07a			{ padding:2px 5px 2px 0px; background-color:#242424; width:100%; } /* skill details */
.style08			{ padding:1px 30px 0px 0px; }
.style09			{ padding:2px 5px 10px 5px; }
.style10			{ padding:5px 5px 5px 5px; }
.style11			{ padding:10px 10px 0px 10px; }
.style12			{ padding:10px; }


.imageborder		{ border: 1px solid #333333 }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   forms
------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

form				{ margin: 0px 0px 0px 0px; }

input				{ font-size: 11px; font-family: Arial; color:#BBBBBB; font-style: normal; background: transparent; background-color: #333333; border: 1px solid #444444; }
textarea			{ font-size: 12px; font-family: Arial; color:#BBBBBB; font-style: normal; background: transparent; background-color: #333333; border: 1px solid #444444; scrollbar-base-color: #333333; scrollbar-arrow-color: #333333; scrollbar-shadow-color: #333333; scrollbar-face-color: #EEEEEE; scrollbar-highlight-color: #EEEEEE; }
select				{ font-size: 12px; font-family: Arial; color:#BBBBBB; font-style: normal; background: transparent; background-color: #333333; border: 1px solid #444444; }

.pure				{ border: 0px; }