/* Dragonmyth Designs Main Style page
Date: 20110512
Author: Dami
Purpose: style sheet for hand-held devices.
 */
 
 body { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #154b5b; }
/* div{ border: 1px red solid; }*/
 p {margin:1em 0; line-height: 1.5; }
 h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", serif; color: #3bb1d2; margin: .25em 0 .5em 0; line-height: 1; background-color: transparent;}
 	h1 { font-size: 30px; }
	h2 { font-size: 25px; }
	h3 { font-size: 20px; }
#wrapper { width: 950px; height: auto; margin: 10px auto; } 
#page-header { width: 49%; float: left; }
#menu { width: 49%; float: right; }
#nav { float: right; }
/* Links */
	#menu a {display: block; width: 165px; font: 14px Verdana, Arial, Helvetica, sans-serif; text-align: right; margin: 1px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border:none; }
	#menu a:link,#menu a:visited {border-right: 8px solid #9cd43b; padding: 3px; background-color:#3bb1d2; color: #154b5b; }
	#menu a:hover {border-right: 8px solid #3bb1d2; padding:3px; background-color: #9cd43b; color: white;}
	a:link {text-decoration: none; border-bottom:1px #fd4f47 dotted; color: #fd4f47; background-color: transparent; }
	a:visited { text-decoration: none; border-bottom:1px #37c43f dotted; color: #37c43f; background-color: transparent; }
	a:hover { text-decoration: none; border-bottom:1px #3bb1d2 dotted; color: #3bb1d2; background-color: transparent; }
	a:active {  }
em { font-style: italic; }
.bold { font-weight: bold; }
ol li, ul li { padding: 3px 0; }
.clr { clear: both; }
#content { text-align: left; border-top: 5px solid #3bb1d2;  }
#col1 {float: left;  }
#col2 {float: left; width: 74%; margin-right: 1%;  border-right: 1px dashed #9cd43b; height: auto; padding-right: 5px; }
	#col2 li { list-style-type: square; color: #154b5b; }
#col3 {float: left; width: 23%; padding: 5px; }
	#col3 li { list-style-type: square; color: #154b5b; }
	#col3 li ul li { list-style-type: disc; color: #154b5b; margin-left: -12px; }

/* For two column content design. Currently, Links and RTU pages.*/
.col-l { float: left; width: 48%; margin-right:10px; }
.col-r { float: left; width: 48%; }

#footer { text-align: center; border-top: 5px solid #3bb1d2; margin-top: 10px; }

.initial {							/* Used with code directly below to capitialize the first letter on the page. */
	text-indent: 0;
}

#col2 p.initial:first-letter {			/* Used to capitalize the first letter on the page. */
	float:left;
	color:#3bb1d2;
	font-size:300%;
	line-height:30px;
	padding-top:3px;
	margin-right: 1px;
	font-family: Georgia, "Times New Roman", serif ;
	background-color: transparent;
	}

img.portfolio { border: 2px solid #9cd43b; }

#toTop {
	 position: fixed;
	 bottom: 5px;
	 right: 50px;
	 background: url(../images/totop.png) no-repeat;
	 margin:0px;
	 height:48px;
	 cursor:pointer;
	 width: 35px;
}
.bladepromenu a { margin:0 2px; }

/* Thumbnail images */
.tn1 { float: left; margin-right: 75px; }
.tn2 { float: left; }

/* Color Palette */ 
.ltgreen   { color: #9CD43B; background-color: transparent; }
.medgreen  { color: #37C43F; background-color: transparent; }
.medblue   { color: #3BB1D2; background-color: transparent; }
.darkblue  { color: #154B5B; background-color: transparent; }
.medmelon  { color: #FD4F47; background-color: transparent; }
.darkmelon { color: #6E0601; background-color: transparent; }