/* 
LYONE 
 * Version something-or-other
 * Created: July 4th, 2010 
 * Last Updated: July 13th, 2010  
 
 * Notes: Based off of a stylesheet I created 
   on June 23rd; elements are completely 
	 changed, of course, but the fixed navigation 
	 and sidebar still remains. 
===============================================
*/ 
body {
 background-color: #FFFFFF;
 color: #707070;
 font: 10.5pt Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
 line-height: 24pt;
 margin: 0 auto;
 text-align: left;
}

p {
 margin: 0 0 20px 0;
}

@font-face {
 font-family: Adelle;
 src: url('Franchise.ttf');
}

h1 {
 display: none;
} 

h2 {
 color: #606060;
 font: 29pt Adelle, Rockwell, "Courier New", "Times New Roman", Times, Georgia normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: lowercase;
} 

h3 {
 color: #808080;
 font: 24pt Rockwell, "Courier New", "Times New Roman", Times, Georgia normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: lowercase;
}

h3.excerpt {
 color: #303030;
 font-size: 19pt;
}

h3.rss {
 background: url(img/avRSS.png) top left no-repeat;
 color: #95749A;
 margin: 0 0 4px 0;
 padding: 0 0 0 30px;
}

h3.rss a {
 color: #81753B;
 font-style: normal;
 text-decoration: underline;
}

h3.rss a:hover {
 color: #534B22;
}

h4 {
 color: #606060;
 font: 21pt Rockwell, "Courier New", "Times New Roman", Times, Georgia normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: lowercase;
}

h5 {
 color: #606060;
 font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
 font-size: 16pt;
 font-weight: normal;
 margin: 0 0 1px 0;
 text-align: left;
 text-transform: uppercase;
}

#userpanel h4 {
 color: #4D5C21;
}

#userpanel h5 {
 color: #718436;
}

#lastfm h2, #myanime h2 {
 /*background: url(img/avMediaRSS.png) top left no-repeat;*/ 
 color: #707070;
 /*padding: 0 0 0 30px;*/
}

#lastfm h2 a, #myanime h2 a {
 border: 0;
 color: #707070;
 font-size: 19pt;
 font-style: normal;
 text-decoration: underline;
}

#lastfm h2 a:hover, #myanime h2 a:hover {
 color: #303030;
 text-decoration: none;
}

a {
 border-bottom: 2px solid #B0B0B0;
 color: #505050;
 font-style: italic;
 text-decoration: none;
}

a:hover {
 border-bottom: 2px solid #505050;
 color: #B0B0B0;
}

a img {
 border: 0;
}

/*
LAYOUT STYLES:
-----------------------------------------
*/
#container {
 margin: auto;
 text-align: left;
 width: 100%;
}

#navigation {
 background-color: #000000;
 height: 52px;
 padding: 8px 0 0 0;
 width: 100%;
}

#wrapper {
 float: right;
 margin-left: 260px;
 width: 100%;
}

#sidebar {
 /*float: left;
 margin: 0 1% 0 0;
 width: 24%;*/ 
 float: left;
 margin: 0 10px 0 0;
 width: 250px;
}

#logowrapper {
 background-color: #D40000;
 margin: 0 0 20px 0;
 padding: 100px 20px 20px 0;
 -khtml-border-radius-bottomleft: 0;
 -khtml-border-radius-bottomright: 15px;
 -khtml-border-radius-topleft: 0;
 -khtml-border-radius-topright: 0;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 0;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 15px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
}

#logo {
 background: url(img/hvLogo.png) bottom right no-repeat;
 height: 51px;
}

#sideline {
 background-color: #000000;
 margin: 0 0 20px 0;
 padding: 10px;
 -khtml-border-radius-bottomleft: 0;
 -khtml-border-radius-bottomright: 15px;
 -khtml-border-radius-topleft: 0;
 -khtml-border-radius-topright: 15px;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 15px;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 15px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 15px;
}

#sidelineTop {
 background: url(img/hvSidebarBottom.png) top left no-repeat;
 height: 200px;
 margin: 0 0 0 -10px;
 width: 240px;
 -khtml-border-radius-bottomleft: 0;
 -khtml-border-radius-bottomright: 15px;
 -khtml-border-radius-topleft: 0;
 -khtml-border-radius-topright: 15px;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 15px;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 15px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 15px;
}

#sidelineBottom {
 background: url(img/hvSidebarTop.png) top left no-repeat;
 height: 200px;
 margin: 0 -10px 0 auto;
 text-align: right;
 width: 240px;
 -khtml-border-radius-bottomleft: 15px;
 -khtml-border-radius-bottomright: 0;
 -khtml-border-radius-topleft: 15px;
 -khtml-border-radius-topright: 0;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 0;
 -webkit-border-bottom-left-radius: 15px;
 -webkit-border-bottom-right-radius: 0;
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 0;
}

#main {
 /*float: left;
 padding: 1% 0;
 width: 74%;*/ 
 margin: 0 0 0 260px;
 padding: 0;
}

#content {
 margin: 0 -2% 0 0;
 padding: 1% 0;
 width: 98%;
}

#content p {
 text-shadow: 1px 1px 1px #E0E0E0;
}

#info {
 float: left;
 padding: 0 10px 0 0;
 width: 380px;
}

#rcomments {
 float: right;
 padding: 00;
 width: 390px;
}

#flickr, #lastfm {
 float: left;
 padding: 0 5px 0 0;
 width: 285px;
}

#flickr img {
 border-bottom: 2px solid #75487C;
 border-right: 2px solid #75487C;
 margin: 1px;
}

#flickr img:hover {
 border-bottom: 2px solid #36163B;
 border-right: 2px solid #36163B;
}

#lastfm, #myanime {
 width: 100%;
}

#lastfm ul, #myanime ul {
 margin: 0 0 15px 0; 
 padding: 0;
}

#lastfm ul li {
 background-color: #303030;
 color: #606060;
 font-size: 0.850em;
 line-height: 18pt;
 margin: 0 0 1px 0;
 padding: 2px 5px 2px 5px;
 text-align: left;
 list-style-type: none;
}

#myanime ul li {
 background-color: #303030;
 color: #606060;
 font-size: 0.850em;
 line-height: 18pt;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 2px 5px 2px 5px;
 text-align: left;
}

#lastfm ul li.first, #myanime ul li.first {
 -khtml-border-radius-bottomleft: 0;
 -khtml-border-radius-bottomright: 0;
 -khtml-border-radius-topleft: 15px;
 -khtml-border-radius-topright: 15px;
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 15px;
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 0;
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
}

#lastfm ul li.last, #myanime ul li.last {
 -khtml-border-radius-bottomleft: 15px;
 -khtml-border-radius-bottomright: 15px;
 -khtml-border-radius-topleft: 0;
 -khtml-border-radius-topright: 0;
 -moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 0;
 -moz-border-radius-topright: 0;
 -webkit-border-bottom-left-radius: 15px;
 -webkit-border-bottom-right-radius: 15px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
}

#lastfm ul li a {
 border: 0;
 color: #606060;
 font-style: normal;
 font-weight: bold;
}

#lastfm ul li a:hover {
 color: #808080;
 text-decoration: none;
}

#lastfm ul li p, #myanime ul li p {
 margin: 0;
}

#lastfm ul li p.smallDate, #myanime ul li p.smallText {
 color: #505050;
 font-size: 9pt;
}

#social {
 margin: -60px 0 0 0;
 text-align: right;
}

#social a img {
 border: 0;
 margin: 0 2px;
}

.clear {
 clear: both;
 margin: 0;
}

#footerwrap {
 background: url(img/hvFooterBg.png) top left repeat-x;
 clear: both;
 height: 200px;
 margin: 20px auto 0 auto;
 text-align: center;
 width: 100%;
}

#footer {
 background: url(img/hvFooter.png) top right no-repeat;
 clear: both;
 height: 200px;
 margin: 0 0 0 auto;
 text-align: right;
 width: 100%;
} 

#footer p {
 color: #480000;
 font: 13pt Arial, Tahoma, Verdana, "Trebuchet MS", sans-serif;
 margin: 0;
 padding: 120px 0 0 20px;
 text-align: left;
}

#footer p a {
 border-bottom: 2px solid #D70D0D;
 color: #E0E0E0;
 font-style: normal;
}

#footer p a:hover {
 border-bottom: 2px solid #101010;
 color: #FFFFFF;
}

/*
NAVIGATION STYLES:
-----------------------------------------
*/
#navigation ul#left {
 float: left;
 margin: 0;
 padding: 0;
} 

#navigation ul#right {
 float: right;
 margin: 0;
 padding: 0;
} 

#navigation ul#left li {
 border-right: 1px solid #303030;
 display: block;
 float: left;
 list-style-type: none;
 margin: 0;
 padding: 5px 15px;
 text-align: left;
 width: auto;
} 

#navigation ul#right li {
 border-left: 1px solid #303030;
 display: block;
 float: right;
 list-style-type: none;
 margin: 0;
 padding: 5px 15px;
 text-align: right;
 width: auto;
} 

#navigation ul#left li.c {
 background-color: #808080;
 border-right: 0;
} 

#navigation ul#left li.last {
 border-right: 0;
}

#navigation ul#right li.c {
 background-color: #808080;
 border-left: 0;
} 

#navigation ul#right li.last {
 border-left: 0;
}

#navigation ul li a {
 border: 0;
 color: #FFFFFF;
 font: normal 11pt Rockwell, "Courier New", "Times New Roman", Times, Georgia, serif;
 text-decoration: none;
 text-transform: uppercase;
} 

#navigation ul li a:hover {
 color: #505050;
}

#navigation ul li.c a:hover {
 color: #000000;
}

/* 
GET SUBNAVIGATION STYLES: 
*/ 
#subNavigation ul {
 margin: 0;
 padding: 0;
} 

#subNavigation ul li {
 background-color: #CFC388;
 border-bottom: 2px solid #BEAF66;
 float: left;
 display: block;
 list-style-type: none;
 margin: 0 1px 1px 0;
 padding: 0 0 1px 8px;
 text-align: left;
 width: 151px;
} 

#subNavigation ul li.last {
 margin: 0 0 1px 0;
 width: 152px;
}

#subNavigation ul li a {
 color: #A49650;
 font: normal 10pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 text-decoration: none;
 text-transform: uppercase;
} 

#subNavigation ul li a:hover, #subNavigation ul li.c a:hover {
 color: #746931;
} 

/*
GET #SMALLNOTE <ol> STYLES:
*/
.smallNote li {
 color: #909090;
 font-size: 9.5pt;
}

/*
GET TUTORIAL TABLE STYLES:
*/
table #navigation {
 margin: -10px 0 0 0;
 padding: 0;
}

table #navigation li {
 background-color: #D0D0D0;
 float: left;
 list-style-type: none;
 width: 300px;
}

/*
SCRIPT STYLES:
-----------------------------------------
*/
.blockquote {
 background: #E0E0E0 url(img/hvQuote.png) top right no-repeat;
 border: 1px solid #D0D0D0;
 color: #606060;
 display: block;
 font: 12pt Arial, Tahoma, Verdana, "Trebuchet MS", sans-serif;
 line-height: 23pt;
 padding: 15px 70px 15px 20px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

.blockquoteTutorial {
 background: #C0C0C0 url(img/quote.png) top left no-repeat;
 border-bottom: 4px solid #B0B0B0;
 border-top: 4px solid #B0B0B0;
 color: #606060;
 display: block;
 font-family: "Times New Roman", Times, Georgia, serif;
 font-size: 16px;
 font-style: italic;
 padding: 15px 0 15px 60px;
} 

.blockquoteTutorial samp {
 color: #000000;
}

.tablePage {
 background-color: #FFFFFF;
 border-bottom: 4px solid #404040;
 border-top: 4px solid #404040;
 color: #808080;
 margin: 0 0 12px 0;
} 

.tablePage tbody tr td.right {
color: #000000;
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 16px;
font-style: italic;
text-align: right;
} 

.tablePage tbody tr td.left {
 color: #808080;
 text-align: left;
}

#title .userpic {
 float: right;
 text-align: right;
} 

#title .userpic a {
 border: 0;
}

#title .userpic img {
 border: 10px solid #E0E0E0;
}

.stats_entry {
 background: url(img/avFade.png) top left repeat;
 font-size: 11.5pt;
 line-height: 19pt;
 padding: 4px 0;
 text-align: center;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

.statsTop {
 color: #303030;
 font-size: 10pt;
 line-height: 18pt;
 margin: 0 0 20px 0;
 text-align: left;
 text-transform: uppercase;
}

.statsTop a {
 font-style: normal;
} 

.statsTop .white {
 color: #A0A0A0;
}

#entryExcerpts {
 width: 100%;
}

#entryExcerpts .entryBlock {
 background-color: #E0E0E0;
 float: left;
 margin: 0 1px 20px 0;
 padding: 1%;
 width: 22%;
}

#entryExcerpts .entryLast {
 background-color: #E0E0E0;
 float: left;
 margin: 0 0 20px 0;
 padding: 1%;
 width: 24%;
}

.entryBreak {
 background: url(img/hvEntryBreak.png) top left no-repeat;
 height: 23px;
 margin: 0 auto 20px auto;
 width: 100%;
}

.excerptStats {
 color: #505050;
 font: 10pt Tahoma, Verdana, san-serif;
 text-transform: uppercase;
}

#pagination {
 background: url(img/avFade.png) top left repeat;
 color: #404040;
 font-size: 11pt; 
 margin: 18px 0 5px 0;
 text-align: center;
 text-transform: uppercase;
 width: auto;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

#pagination a {
 color: #101010;
 font-style: normal;
 text-decoration: none;
 text-transform: uppercase;
} 

#pagination a:hover {
 color: #000000;
} 

#pagination a.und {
 font-weight: bold;
}

#commentsDisplay {
 margin: 0 0 15px 0;
 padding: 0;
}

#commentsDisplay li {
 font-size: 0.920em;
 list-style-type: none;
}

#commentsDisplay li a {
 font-style: normal;
 text-transform: uppercase;
}

#commentsDisplay li p.i {
 float: left;
 width: 51px;
}

#commentsDisplay li img.commentImage {
 border-bottom: 1px solid #B0B0B0;
 border-right: 1px solid #B0B0B0;
 height: 60px;
 width: 60px;
}

#commentsDisplay li span.commentBox {
 color: #404040;
 text-transform: uppercase;
}

#commentsDisplay li p.c_m {
 background: #F0F0F0 url(img/comment_author.png) top right no-repeat;
 border: 1px solid #C0C0C0;
 line-height: 18pt;
 margin: 0 0 10px 65px;
 padding: 6px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

#commentsDisplay li p.c_l {
 background: #F0F0F0 url(img/comment_logged.png) top right no-repeat;
 border: 1px solid #C0C0C0;
 line-height: 18pt;
 margin: 0 0 10px 65px;
 padding: 6px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

#commentsDisplay li p.c_a {
 background: #F0F0F0 url(img/comment_anonymous.png) top right no-repeat;
 border: 1px solid #C0C0C0;
 line-height: 18pt;
 margin: 0 0 10px 65px;
 padding: 6px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

#commentsDisplay li.depth-1 {
 margin-left: 20px;
}

#tagCloud {
 background-color: #E0E0E0;
 margin: 0 0 20px 0;
 padding: 20px;
 text-align: center;
}

#tagCloud li {
 display: inline;
 list-style-type: none;
}

#tagCloud li.size3 a {
 font-size: 13pt;
}

#tagCloud li.size5 a {
 font-size: 16pt;
}

#tagCloud li.size7 a {
 font-size: 19pt;
}

#tagCloud li.size8 a {
 font-size: 21pt;
}

#tagCloud li.size12 a {
 font-size: 24pt;
}

#bymonth {
border-right: 1px solid #B0B0B0;
float: left;
padding: 0 1% 0 0;
width: 48%;
}

#byyear {
float: left;
padding: 0 0 0 1%;
width: 49%;
}

.aboutImage {
 height: 370px;
 margin: 0;
 padding: 5px 0;
 text-align: center;
}

.aboutImage img {
 border: 10px solid #C0C0C0;
}

.floatLeft {
 float: left;
 padding: 0 0 0 1%;
 width: 49%;
} 

.floatLeft ol {
 margin: 0 0 15px 0;
 padding: 0;
} 

.floatLeft ol li {
 background-color: #E0E0E0;
 display: block;
 line-height: 23pt;
 list-style-type: none;
 margin: 0 0 1px 0;
 padding: 2px 0 2px 8px;
 text-align: left;
} 

.floatLeft ol li p.smallDate {
 font-size: 12px;
 margin: 0;
}

.floatLeft ol li a {
 color: #202020;
 font-style: normal;
 line-height: 23pt;
} 

.floatLeft ol li a:hover {
 color: #000000;
}

.userpicSec {
 margin: 0 0 12px 0;
 text-align: center;
} 

.userpicSec img {
 border: 10px solid #D0D0D0;
 margin: 2px;
}

#userBlock {
 margin: auto;
 width: 100%;
} 

.user {
 float: left;
 text-align: right;
 width: 50%;
} 

.user img {
 border: 10px solid #D0D0D0;
 height: 70px;
 width: 70px;
}

.userInfo {
 color: #FFFFFF;
 float: left;
 font: italic 2.50em "Times New Roman", Times, Georgia, serif;
 padding: 3% 1% 0 1%;
 text-align: left;
 text-shadow: 1px 1px 2px #909090;
 text-transform: capitalize;
 width: 48%;
}

.index { 
 margin: 0 0 15px 0; 
 text-align: center; 
} 

.index tbody tr td { 
 background-color: #E0E0E0; 
} 

.explode {
 background-color: #E0E0E0;
 margin: 0 0 15px 0;
 padding: 1% 0;
 text-align: center;
} 

.explode a {
 border: 0;
 color: #A0A0A0;
 font: normal 16pt Georgia, "Times New Roman", Times, serif;
} 

.explode a:hover {
 color: #303030;
}

.pet img {
 border: 10px solid #E0E0E0;
 float: left;
 margin: 1px 4px 4px 1px;
} 

#romanise li {
 list-style-type: lower-roman;
}

/* 
FORM STYLES:
-----------------------------------------
*/
fieldset {
 background-color: #F0F0F0;
 border: 1px solid #B0B0B0;
 margin: 0 0 15px 0;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

fieldset legend {
 background-color: #FFFFFF;
 border: 1px solid #C0C0C0;
 color: #B0B0B0;
 font: 11pt Tahoma, Verdana, sans-serif bold;
 padding: 3px 6px;
 text-transform: uppercase;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

fieldset label {
 float: left;
 color: #303030;
 text-align: right;
 width: 47%;
}

input, select, textarea {
 background-color: #E0E0E0;
 border: 1px solid #D0D0D0;
 color: #404040;
 font: 11pt "Trebuchet MS", Tahoma, Verdana, sans-serif;
 padding: 5px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

.input1 {
 width: 48%;
}

/*
OTHER STYLES:
-----------------------------------------
*/
.tc {
 text-align: center;
} 

.tl {
 text-align: left;
} 

.tr {
 text-align: right;
} 

.nb {
 margin: 0 0 2px 0;
}

.noBottom {
 margin: 0;
}

.bigBorder {
 border: 10px solid #E0E0E0;
}

.bigBorder:hover {
 border: 10px solid #202020;
}

/* TUTORIAL STYLES */
.no_border {
 border: 0;
 margin: 2px;
} 

.tutorial_border {
 border: 1px solid #A0A0A0;
 margin: 1px;
} 

.tutorial_border_big {
 border: 10px solid #D0D0D0;
 margin: 1px;
} 

.tutorial_border_big:hover {
 border: 10px solid #A0A0A0;
}

.tutorialNote, .photoBlock {
 background-color: #FFFFFF;
 border: 1px solid #C0C0C0;
 margin: 0 0 12px 0;
 padding: 10px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

.photoBlock p {
 margin: 0 auto;
 text-align: center;
}

.photoBlock p.info {
 margin: 0 auto;
 text-align: center;
 width: 600px;
}

/* HIGHLIGHT/CODE */
samp {
 color: #000000;
 font-family: "Lucida Console", Georgia, Garamond, serif;
 font-size: 12pt;
}

code {
background-color: #D0D0D0;
border: 1px solid #C0C0C0;
color: #606060;
display: block;
margin: 0 0 12px 0;
padding: 1%;
}

/*
MESSAGE CLASSES
-----------------------------------------
*/
/*
For "Back to PAGE" paragraphs:
*/
.backLink {
 background-color: #FFFFFF;
 border: 1px solid #CC86A6;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

.backLink a {
 color: #808080;
 font-style: normal;
 text-decoration: underline;
} 

.backLink a:hover {
 color: #000000;
}

/*
For questions (like notes): 
*/
.question { font-weight: bold; text-transform: uppercase; }
.questionButton {
 background: #E0E0E0 url(img/question.png) top left no-repeat;
 border: 1px solid #D0D0D0;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

/*
For notes (can be marked with any error class, as "notes" differ):
*/
.note { font-weight: bold; text-transform: uppercase; }
.noteButton {
 background: #FFFFFF url(img/note.png) top left no-repeat;
 border: 1px solid #CC86A6;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 35px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
} 

fieldset .noteButton {
 background-color: #F0F0F0;
}

/* 
For regular ole errors:
*/
.error { color: #FF0000; }
.errorButton {
 background: #FFFFFF url(img/error.png) top left no-repeat;
 border: 1px solid #CC86A6;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

/* 
For success messages: 
*/
.success { color: #66CC00; }
.successButton {
 background: #FFFFFF url(img/success.png) top left no-repeat;
 border: 1px solid #CC86A6;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

/* 
For MySQL errors: 
*/
.mysql { color: #0000FF; }
.mysqlButton {
 background: #FFFFFF url(img/error_fatal.png) top left no-repeat;
 border: 1px solid #CC86A6;
 margin: 0 0 12px 0;
 padding: 2px 2px 2px 50px;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-topleft: 10px;
 -khtml-border-radius-topright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
}

/* 
For PHP errors (shares .errorButton with .error): 
*/
.php { color: #FF9900; }