/* CSS Document */

* {/*Global Rule*/
border: 0px;
margin: 0px; 
padding: 0px;
}

	html {
	border: 0px solid red;
	height: 100%;
	width: 100%;
	min-width: 1060px;
	}

		body {
		border: 0px solid yellow;
		background-color: none;
		height: 100%;
		width: 100%;
		min-width: 1060px;
		}

			div.container {
			border: 0px solid blue;
			width: 100%;
			height: 100% auto;
			/*overflow: hidden;*/
			}

				div.banner {
				border: 0px solid pink;
				border-bottom: 1px solid #999999;
				position: relative;
				background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/banner_bg.gif);
				background-repeat: repeat-x;
				width: 100%;
				height: 106px;
				min-width: 848px;
				overflow: hidden;
				}

					/*div.innerLeft {
					border: 1px solid red;
					position:absolute;
					z-index: 5;
					}*/
					
					div.innerLeft {
					border: 0px solid red;
					position:absolute;
					padding-top:18px;
					padding-left:22px;
					height: 105px;
					z-index: 5;
					}
					
						div.headerframe1 {
						border-bottom: 2px solid #BBBBBB;
						border-left: 2px solid #BFBFBF;
						}
					
						div.headerframe {
						border: 2px solid #EEEEEE;
						height: 100% auto;
						width: 100% auto;
						background-color:#CCCCCC;
						color: #FFFFFF;
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						text-shadow: #666666 -1px 1px 3px;
						}
						
						div.headerframe0 {
						/*border-top: 1px solid #999999;
						border-right: 1px solid #999999;
						border-bottom: 1px solid #DDDDDD;*/
						}
						
						/*h1 {
						border: 1px solid blue;
						position: relative;
						top:17px;
						left:22px;
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						font-size:36px;
						color:#000000;
						font-weight:normal;
						width: 400px;
						}*/
						
						h1 {
						border:0px solid #666666;
						position: relative;
						font-size:32px;
						font-weight:normal;
						padding-top:0px;
						padding-left:5px;
						padding-right:5px;
						width: 100% auto;
						}
						
						a.headerlink:link {text-decoration:none;color:#000000;}
						a.headerlink:visited {text-decoration:none;color:#000000;}
						a.headerlink:hover {text-decoration:none;color:#000000;}
						
						h2 {
						border: 0px solid #666666;
						position: relative;
						font-size:13px;
						font-weight:500;
						padding-top:0px;
						padding-left:7px;
						width: 265px;
						height:23px; /* the 47px to reach bottom of container*/
						}
						
						h2 #title1 {
						border: 0px solid black;
						}
						h2 span.pipe {
						border: 0px solid black;
						margin-bottom:2px;
						position:relative;
						bottom:0px;
						margin-left:5px;
						margin-right:5px;
						}
						h2 #title2 {
						border: 0px solid black;
						}
						
						/*div.innerLeft img {
						margin-top:13px;
						margin-left:12px;
						}*/

					/*div.innerRight {
					border: 0px solid blue;
					position:absolute;
					top:0px;
					right:0px;
					z-index: 6;
					}*/

				div.main {
				border: 0px solid orange;
				position: relative;
				width: 100%;
				height: auto;
				}

					div.nav {
					border: 0px dashed blue;
					position: absolute;
					float:left;
					top:27px;
					left:23px;
					width: 150px;
					min-width: 150px;
					height: 320px;
					}

						div#nav_gamedesign {/*IE Rule*/
						border: 1px solid #999999;
						position: relative;
						height: 232px;
						width: 150px;
						display: block;
						text-align:left;
						padding-top: 9px;
						padding-left: 0px;
						}
						
						html>body div#nav_gamedesign {/*All Other Browers*/
						border: 1px solid #999999;
						position: relative;
						height: 235px;
						width: 145px;
						min-width: 145px;
						display: block;
						text-align:left;
						padding-top: 6px;
						padding-left: 6px;
						}
						
						div#nav_sounddesign {/*IE Rule*/
						border: 1px #999999 solid;
						position: relative;
						top:13px;
						height: 40px;
						width: 150px;
						display: block;
						text-align:left;
						padding-top: 9px;
						padding-left: 0px;
						}
						
						html>body div#nav_sounddesign {/*All Other Browers*/
						border: 1px #999999 solid;
						position: relative;
						top:13px;
						height: 40px;
						width: 145px;
						min-width: 145px;
						display: block;
						text-align:left;
						padding-top: 7px;
						padding-left: 6px;
						}
						
						div.nav a {/*IE Rule*/
						border: 1px #99CCCC solid;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/out.gif);
						background-repeat: repeat-x;
						color: #0099ff;
						font-size: 12px;
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						text-align: left;
						height: 27px;
						width: 132px;
						text-decoration: none;
						margin: 2px;
						margin-bottom: 7px;
						margin-left: 8px;
						display: block;
						}
						
						html>body div.nav a {/*All Other Browers*/
						border: 1px #99CCCC solid;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/out.gif);
						background-repeat: repeat-x;
						color: #0099ff;
						font-size: 12px;
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						text-align: left;
						height: 27px;
						width: 132px;
						min-width: 132px;
						text-decoration: none;
						margin: 2px;
						margin-bottom: 7px;
						display: block;
						}
						
						div.nav a p {
						margin-top: 6px;
						margin-left: 6px;
						min-width: 132px;
						}
						
						html>body #coolmenu a{ /*Non IE rule*/
						width: auto;
						min-width: auto;
						}
						
						div.nav a:hover {
						border: 1px #CC9999 solid;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/over.gif);
						background-repeat: repeat-x;
						color: #FF3300;
						}
						
						div.nav a.current {
						border: 1px #CC9999 solid;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/over.gif);
						background-repeat: repeat-x;
						color: #FF3300;
						}
						
						div.nav_bottom {
						border-top: 1px solid #CCCCCC;
						border-left: 1px solid #CCCCCC;
						border-bottom: 1px solid #CCCCCC;
						position: relative;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/banner_bg.gif);
						background-repeat: repeat-x;
						height: 24px;
						left: 180px;
						}
						
						div.contact {
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						font-size:12px;
						color:#666666;
						margin-left: 10px;
						margin-top: 30px;
						}
						
						p.disclaimer {
						font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
						font-size:10px;
						color:#999999;
						padding-top:25px;
						font-style:oblique;
						text-align:center;
						}


					div.content {
					border: 0px dashed pink;
					position: relative;
					width: 860px;
					height: 100%;
					min-width: 610px;
					margin-left: 200px; /*defines the offset of the content section*/
					top: 28px; /*Top offset using to compensate for original block style layout*/
					}

						div.dummyheader { /*Necessary because IE doesnt read margins right for the first nested DIV*/
						border: 0px dashed blue;
						position: relative;
						width: 100% auto;
						height: 0px auto;
						}

						div.headerwrapper {
						border: 1px solid #999999;
						border-bottom: 0px solid #CCCCCC;
						position: relative;
						background-image: url(http://www.arsunmedia.com/server/images/ra-sun/gamedesign/header_bg.gif);
						background-repeat:repeat-x;
						width: 100% auto;
						min-width: 800px;
						height: 141px;
						margin-right: 21px;
						padding-left: 15px;/*necessary to move both firefox and IE to the side, regular padding messes up firefox becuase of horizontal border collapsing*/
						}

							div.header {
							border: opx solid #CCCCCC;/*maybe*/
							position: relative;
							width: 800px;
							min-width: 800px;
							}
								
								a.projectlink{
								border:0px; 
								padding:0px; 
								font-family:Verdana, Arial; 
								font-size:12px; 
								color: #666666; 
								text-decoration:none;
								}
								
								a.projectlink:link {
								border:0px; 
								padding:0px; 
								font-family:Verdana, Arial; 
								font-size:12px; 
								color: #666666; 
								text-decoration:none;
								width: 7.5em;
								}
								
								a.projectlink:visited {
								border:0px; 
								padding:0px; 
								font-family:Verdana, Arial; font-size:12px; 
								color: #666666;
								text-decoration:none;
								width: 7.5em;
								}
								
								a.projectlink:hover {
								border:0px; 
								padding:0px; 
								font-family:Verdana, Arial; 
								font-size:12px; 
								color: #000000; 
								text-decoration:none;
								width: 7.8em;
								}
								
								a.projectlink img { /*necessary for IE, you have to explicit talk to the image when applying link styles in IE*/
								filter:alpha(opacity=70); 
								-moz-opacity: 0.7; 
								opacity: 0.7;
								height: 5em;
								width: 7.5em;
								}
								
								html>body a.projectlink img {
								z-index:1;	/*necessary for firefox and all other browsers, IE auto puts the text ontop, probably a bug. */
								}			/* curiously enough, if you don't position:absolute or position:relative an elements and give it a z-index, IE doesnt collapse the stack order. */
											/* It still might mess up in other ways though.*/
								
								a.projectlink:hover img {
								filter:alpha(opacity=100);   
								-moz-opacity: 1.0;  
								opacity: 1.0;
								border:1px solid #666666;
								height: 5.1em;
								width: 7.7em;
								margin-bottom:-1px;
								}
								
								div.projectDivider {
								border: 0px solid orange;
								position: relative;
								float: left;
								margin-left: -6px;
								margin-right: -2px;
								margin-top: 15px;
								width: 4.6em;
								text-align: center;
								}
								
								html>body div.projectDivider { /*ignored by ie6*/
								margin-left: -7px;
								margin-right: 5px;
								}
								
								div.project {
								border: 0px solid orange;
								position: relative;
								float: left;
								margin-right: 4px; /*15px*/
								margin-top: 15px;
								width: 6.2em;
								text-align: center;
								}
								
									div.project img {
									border: 1px solid #999999;
									}
									
									div.project img#divider {
									border: 1px solid #AAAAAA;
									border-right:none;
									background: #999999;
									}
									
									a.projectlink p.letter {
									border: 0px solid yellow;
									position:absolute;
									float: left;
									left:0px;
									width:100%;
									color:#cccccc;
									text-align:center;
									font-size: 3.9em;
									font-stretch:expanded;
									font-weight:bold;
									}
									
									a.projectlink:hover p.letter {
									border: 0px solid yellow;
									position:absolute;
									float: left;
									left:0px;
									width:100%;
									color:#cccccc;
									text-align:center;
									padding-top:0px;
									font-size: 3.9em;
									font-stretch:expanded;
									}
									
									html>body a.projectlink p.letter {
									z-index:2; /*necessary for firefox and all other browsers, already positions:absolute someplace else*/
									}
									
									p.titles {
									border: 0px dashed black;
									/*font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
									font-size:12px;
									color:#999999;*/ /*Not used because the style is applyed through the a tag*/
									font-size:12px;
									text-align: center;
									margin-top: 6px;
									}
								
								h3 {
								border: 1px solid #CCCCCC; 
								background-color:#eaeaea;
								font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
								font-size: 22px;
								color:#000000;
								margin-top: 25px;
								margin-left: 10px;
								padding: 15px;
								width:750px; 
								}
								
								div.about {/*IE Rule*/
								position:relative;
								background-color: #FFFFFF;
								font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
								font-size: 12px;
								color:#000000;
								margin: 15px;
								padding: 20px;
								bottom: 110px;
								border: 1px solid #eaeaea;
								}
								
								html>body div.about {/*All Other Browsers*/
								position:relative;
								background-color: #FFFFFF;
								font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
								font-size: 12px;
								color:#000000;
								margin-left: 15px;
								padding: 20px;
								bottom: 120px;
								border: 1px solid #eaeaea;
								}
								
									p.description {
									padding-bottom:15px;
									margin-bottom:15px;
									border-bottom: 1px solid #333333;
									}
								
									p.footnote {
									padding-top:40px;
									font-style:oblique;
									}
									
									span.client {
									/*font-weight:bold;*/
									color: #333333;
									font-weight:bold;
									}
									
									ul.projects {
									padding:10px;
									margin-bottom:10px;
									}
								
									li {/*IE Rule*/
									margin-top:-5px;
									margin-bottom:-5px;
									padding:0px;
									color: #999999;
									margin-left:-30px;
									}
									
									html>body li {/*All Other Browsers*/
									margin:0px;
									padding:0px;
									color: #999999;
									margin-left:-30px;
									}
									
									li a.project:link {color: #333333; text-decoration:none;}
									li a.project:visited {color: #333333; text-decoration:none;}
									li a.project:hover {color: #999999; text-decoration:underline;}
									
									div.contactbox { /*IE Rule*/
									border: 1px solid #FFFFFF;
									margin:30px;
									padding: 20px;
									position:relative;
									bottom: 110px;
									background-color: #feffe5;
									font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
									color:#666666;
									}
									
									HTML>body div.contactbox {
									bottom: 120px;
									}
									
										h4 {font-size:18px; margin-bottom:20px;}
										p.contactmethod {font-size:12px;}
										p.aboutBlurb {font-size:12px; margin-bottom:20px;}
								
									div.resumeContainer {
									}
									
									p.resumeTitle {
									font-size:20px;
									margin-bottom:2px;
									}
									
									p.resumeContact {
									color:#333333;
									margin-bottom:15px;
									}
									
									p.sectionTitle {
									border-top: 1px solid #333333;
									border-bottom: 1px solid #333333;
									padding-top:10px;
									padding-bottom:10px;
									padding-left:55px;
									margin-bottom:14px;
									}
									
									div.sectionContent {
									margin-left:65px;
									margin-bottom:30px;
									}
									
										p.skillset {
										font-weight:bold;
										margin-bottom:3px;
										}
										
										p.company {
										font-style:oblique;
										}
										
										span.dates {
										font-weight:normal;
										position:relative;
										float:right;
										bottom:15px;
										}
										
										ul.skills {
										margin-bottom:12px;
										}
										
										ul.skills li {
										color:#333333;
										margin-left:-23px;
										padding-top:4px; /*padding-top used because margin-top has problems with IE broken box model*/
										margin-bottom:5px;
										}
								
						div.bodywrapper { /*Maybe*/
						background-color: #CCCCCC;
						border: 1px solid #999999;
						border-top: 0px solid #CCCCCC;
						position: relative;
						height: 100%;
						width: 100% auto;
						min-width: 625px;
						margin-right: 21px;
						}

							div.spacer { /*necessary for making min width in IE6*/
							border: 0px dashed purple;
							width: 640px;
							min-width: 620px;
							line-height: 0px; /*necessary for eliminateing IE's EMPTY DIV HEIGHT bug*/
							font-size: 0px;
							}
							
							div.bodywrapper hr { /*IE Rule*/
							border: 0px solid red;
							position: relative;
							bottom: 25px;
							height: 0px; /*necessary for keeping HR tag the same height thickness in firefox AND IE*/
							margin-right: 15px; 
							margin-left: 15px;
							color: #999999;
							/*margin-bottom: 17px;*/
							line-height: 0px;
							font-size: 0px;
							display: none;
							}

							html>body div.bodywrapper hr { /*All other Browsers*/
							position: relative;
							bottom: 20px;
							height: 0px; /*necessary for keeping HR tag the same height thickness in firefox AND IE*/
							border-top: 0px solid #999999; /*necessary for rendering HR in Firefox*/
							margin-bottom: 0px;
							background-color: #999999;
							min-width: 596px;
							display: none;
							}
							
							div.body {/*IE Rule, Slides everything up because HR puts a padding underneath it*/
							border: 0px dashed black;
							position: relative;
							bottom:30px;
							}
							
							html>body div.body {
							border: 0px solid #999999;
							border-top: 1px solid #CCCCCC; /*necessary to make Firefox render the top margin; if not they collapse*/
							position:relative;
							bottom:20px;
							min-width: 820px;
							position: relative;
							}

								div.info { /*IE rule*/
								border: 1px solid #bbbbbb;
								height: 350px;
								background-color: #eaeaea; /*other good one bdbdbd, c2c2c2, or b6b6b6*/
								min-width: 580px;
								padding-top: 0px;
								margin: 15px;
								margin-bottom: 15px;
								}
								
								html>body div.info { /*All Other Browsers*/
								border: 1px solid #bbbbbb;
								height: 350px;
								background-color: #eaeaea; /*other good one bdbdbd, c2c2c2, or b6b6b6*/
								min-width: 580px;
								padding-top: 0px;
								margin: 15px;
								margin-bottom: 15px;
								}

								div.info2 { /*IE rule*/
								border-top: 1px solid #eaeaea;
								background-color: white;
								height: 360px;
								/*background-color: #bdbdbd; other good one c2c2c2, or b6b6b6*/
								margin: 15px;
								min-width: 580px;
								z-index:1;
								}
								
								html>body div.info2 { /*All Other Browsers*/
								border-top: 1px solid #eaeaea;
								background-color: white;
								height: 360px;
								/*background-color: #bdbdbd; other good one c2c2c2, or b6b6b6*/
								margin: 15px;
								min-width: 580px;
								z-index:1;
								}
									
									div.spacer2 { /*necessary for making min width in IE6*/
									border: 0px dotted orange;
									width: 600px;
									min-width: 580px;
									line-height:0px;
									}
									
									div.infoleft {
									border: 0px dotted black;
									float: left;
									padding: 15px;
									width: 42%;
									padding-top:10px;
									/*background-color:;*/
									/*margin-left: 5px;
									margin-top: 5px;
									height: 100%;
									margin-bottom: 5px;*/
									}
									
										p.infoTitle {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
										font-size:20px; 
										font-weight:bold;
										color: #000000; 
										margin-bottom:5px;
										}
										
										p.infoText {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
										font-size:12px; 
										color: #000000;
										margin-bottom: 4px;
										}
										
										p.servicesProvided {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
										font-size:12px; 
										color: #000000;
										font-style:oblique;
										margin-bottom: 20px;
										}
										
										div.player {
										padding-top:18px;
										}
										
										div.player embed {
										margin:0px;
										padding:0px;
										}
										
										div.info2 div.infoleft p.infoTitle{color:#333333} /*changes color of sound design text, makes it lighter*/
										div.info2 div.infoleft p.infoText {color:#999999} /*changes color of sound design text, makes it lighter*/
										
											span.bold {
											font-weight: bold;
											margin-right: 5px;
											}
											
										p.infoText2 {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
										font-size:12px; 
										margin-top: 15px;
										}	
											
											a.download:link {color: #999999; text-decoration:none;}
											a.download:visited {color: #999999; text-decoration:none;}
											a.download:hover {color: #666666; text-decoration:none;}
										
											div.info2 div.infoleft a.download:link {color: #999999; text-decoration:none;}
											div.info2 div.infoleft a.download:visited {color: #999999; text-decoration:none;}
											div.info2 div.infoleft a.download:hover {color: #666666; text-decoration:none;}
										
										p.overviewtitle {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 12px;
										color: #000000;
										margin-top: 40px;
										margin-bottom: 10px;
										font-weight: bold;
										}
											
										p.overviewtext {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 13px;
										color: #000000;
										margin-top: 3px;
										}
										
										p.top {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 12px;
										padding-top:15px;
										}
										p.top2 {
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 12px;
										padding-top:3px;
										}
										
									div.inforight {
									border: 0px dotted orange;
									float: right;
									margin:0px;
									/*padding: 15px;*/
									padding-top:0px; /*alternate a = 15*/
									width: 430px; /*a = 430, original = 400*/
									}
									
									div.inforight_bg {
									border: 0px dotted orange;
									background-color: #F2F2F2;
									margin-top:6px;
									padding-left:13px;
									padding-right:13px;
									height: 21.5em;
									border-right:10px solid #cccccc;
									}
									
									html>body div.inforight_bg {
									margin-top:8px;
									}
										
										div.inforight img {
										width: 400px;
										height: 300px;
										border: 1px solid #999999;
										margin:15px; /*alternate a*/
										margin-top:12px; /*alternate a*/ /*for IE*/
										}
										html>body div.inforight img {
										margin-top:15px; /*alternate a*/ /*for all other browers*/
										}
										div.inforight img.inforightimg2 {
										border:none;
										}
									
								div.details {
								border: 1px solid #CCCCCC;
								background-color:#FFFFFF;
								margin: 15px;
								}
								
									div.entry {
									border: 0px dashed red;
									border-bottom: 20px solid #CCCCCC;
									height: 400px;
									max-height: 420px;
									}
									
									html>body div.entry { /*All Other Browsers*/ /*necessary to adjust hight of entris that aren't first*/
									border: 0px dashed red;
									border-bottom: 20px solid #CCCCCC;
									height: 400px;
									max-height: 420px;
									overflow: hidden; /*SO IMPORTANT. When you reposition "div.ntrytext", it creates an overflow. NECESSARY TO HIDE OVERFLOW IN EACH ENTRY IN FIREFOX.*/ 
									}
										/*NORMAL SIDE
										div.entryimage {
										border: 0px dashed pink;
										width: 450px;
										height: 350px;
										float: left;
										}*/
										
										/*START ALT SIDE TEST*/
										div.entryimage {/*IE Rule*/
										border: 0px dashed pink;
										width: 450px;
										height: 350px;
										float: right;
										margin: 15px;
										margin-right: 10px;
										}
										html>body div.entryimage {/*All Other Browsers*/
										border: 0px dashed pink;
										width: 450px;
										height: 350px;
										float: right;
										margin: 15px;
										}
											div.entryimage img {
											border: 0px dashed blue;
											width: 450px;
											height: 350px;
											}
										
										/*NORMAL SIDE	
										div.entrytext { /*IE Rule
										/*border: 0px dashed black;
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 10px;
										color: #333333;
										float: left;
										margin-top: 3px;
										padding-right: 10px;
										}
										
										html>body div.entrytext { /*All Other Browsers*/ /*necessary because in firefox, it doesnt render right!
										/*border: 0px dashed black;
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 10px;
										color: #333333;
										position:relative;
										margin-left: 475px;
										bottom: 345px;
										height: 350px; /*necessary to keep firefox from shifting the box below the img div
										}*/
										
										/*START ALT SIDE TEST*/
										div.entrytext { /*IE Rule*/
										border: 0px dashed black;
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 10px;
										color: #333333;
										float: left;
										margin-top: 2px;
										margin-left: 10px;
										width: 290px;
										}
										
										html>body div.entrytext { /*All Other Browsers*/ /*necessary because in firefox, it doesnt render right!*/
										border: 0px dashed black;
										font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
										font-size: 10px;
										color: #333333;
										float: left;
										height: 348px;
										width: 305px;
										padding-left: 3px;
										padding-top: 1px;
										}
										
											p.entrytitle {
											font-size:12px; 
											font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
											color:#333333;
											font-weight:bold;
											/*margin-bottom:15px;*/
											margin-bottom:0px;
											padding-top:13px;
											}
											p.entrycaption {
											font-size:12px;
											font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
											color: #666666;
											/*margin-bottom:15px;*/
											margin-bottom:0px;
											padding-top:15px;
											}
											ul {
											font-size:12px; 
											font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS"; 
											color: #666666; 
											margin-left: 40px;
											}
											ul.indent {
											padding-left:30px;
											}