/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #ffffff;
	font: 11px Arial, Helvetica,sans-serif, verdana,tahoma;
	color: #666666; 
	text-align: center;
}

/********************************************
   Tag cloud
*********************************************/

.w10 { font-size: 65%;list-style: none;
	background: url(images/dots.jpg) repeat-x left bottom;
	padding: 4px 0 4px 5px;
	margin: 0 2px;	
	color: #68774A;	 }
.w9  { font-size: 70%; }
.w8  { font-size: 80%; }
.w7  { font-size: 90%; }
.w6  { font-size: 100%; }
.w5  { font-size: 110%; }
.w4  { font-size: 115%; }
.w3  { font-size: 120%; font-weight: bold;}
.w2  { font-size: 130%;  font-weight: bold;}
.w1  { font-size: 140%; font-weight: bold; }

/********************************************
      Images
*********************************************/
img { border-width:0px;	}

/********************************************
      Forms
*********************************************/
label {
	display:block;
	font-weight:bold;
	margin:1px 0;
	color:#747474;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#747474;
}

/********************************************
   LAYOUT
********************************************/ 

a, a:hover { font-size:10px;font-weight:400;color:#ff7800;text-decoration:none; }
a:hover { font-size:10px;font-weight:400;border-bottom:1px #ff7800 dotted }

h1,h2,h3 {font-family:Georgia,"Times New Roman", Times, serif; font-weight:400;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
	
#wrap {width:840px;margin:0 auto;text-align:justify;}
#hdr {width: 532px; height: 139px; background: #ffffff url(images/ysa-header.jpg) no-repeat left top; padding: 0;}
	
#leftPane, #commentPane, #signin { float:left; width:560px; }
#leftPane, #commentPane { text-align:left; }

#signin { text-align:center; height:30px; }
#signin a { font-size:9px;font-weight:800;}

#leftPane a, a:hover { color: #ff7800;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:400; }
#leftPane a:hover {border-bottom:1px orange dotted;}

#leftPane h1.postTitle { font-family:Georgia,"Times New Roman", Times, serif;font-size:24px;font-weight:400; color:#000000; padding:0 0 3px 0; }
#leftPane h1.postTitle a, a:hover { font-family:Georgia,"Times New Roman", Times, serif;font-size:24px;font-weight:400;color:#000000;text-decoration:none; }
#leftPane h1.postTitle a:hover { border-bottom:1px #ff7800 dotted }

#rightPane {float:right; width:278px; padding:12px 0px 0px 0px;}
#rightPane div.panel, div.srchPanel, div.mostPanel {
	background-color: #E9E9E9;
	width: 277px;
}
#rightPane div.panel, #rightPane div.srchPanel { margin:10px 0px 10px 0px; }
#rightPane div.srchPanel { height:40px; }
#rightPane div.mostPanel { height:140px; }
#rightPane div.panelMedia { background-color:#b9d4cd; width:277px; height:252px;margin:10px 0px 10px 0px; }
/*#rightPane div.panelMedia { background-color:#b9d4cd; display: table; #position: relative; overflow: hidden;width:277px; height:252px; text-align:center; vertical-align:middle; margin:0px 0px 10px 0px; }*/

#rightPane div.panelContent { font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#747474;padding:10px 10px 10px 15px;}
#rightPane div.panelContent a.link { }
#rightPane div.mediaContent { padding:10px 10px 10px 15px; }

#rightPane div.mediaTitle, div.panelTitle { font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:800;color:#333333;}
#rightPane div.panelTitle { margin:0px 0 5px 0; }
#rightPane div.mediaTitle { margin:0px 0 5px 0px; }
	   
.middle { height: 50%; width: 50%; position:fixed; left: 25%; top: 25%; }

#rightPane div.panelBrand { width:277px; height:167px margin:0px 0px 10px 0px; float:left;}


#rightPane a, a:hover { color: #ff7800;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:400; }
#rightPane a:hover { border-bottom:1px #ff7800 dotted; }

#rightPane div.panelBrand a:hover { border-bottom-width:0px; }


#rightPane .aboutText { color:#666666; font-size:12px; } 
#rightPane .aboutText a, a:hover { color: #ff7800;text-decoration:none;font-size:12px; }
#rightPane .aboutText a:hover { border-bottom:1px #ff7800 dotted; }

.searchBox { float:left;width:190px;}
.searchButton  {float:right;width:60px;}
#idSearchString {font-size:11px;color: #666666;width:180px;height:14px;padding:0 0 0 3px;}
#onetIDGoSearch {width:58px;height:17px}

#postContent {width: 532px; padding: 10px 0 10px 0;}
#postContent img { }

#postContent #SearchSummaryTable {font-size:11px;}

#postContent #SearchSummaryTable img {padding:0 5px 0px 0;}
	   
#postContent #SearchSummaryTable a, a:hover {font-size:11px;font-weight:800;}

.postDate { font-family:Georgia,"Times New Roman", Times, serif; font-size:17px; color:#8a8a8a; padding:0 0 8px 0; }

.authorText { font-size:11px;font-weight:500; color:#8a8a8a; }
.authorName { font-size:10px;font-weight:700; color:#ff6c00; text-transform:uppercase; padding:0 3px 0 3px; }

div.postVideo { line-height:14px; padding:10px 0 10px 0; }
div.postBody { font-weight:500;font-size:11px; line-height:14px;padding:10px 0 10px 0; }
div.postCategories, div.postLink {font-weight:800;font-size:10px;line-height:15px;color:#000000; letter-spacing:1px;}

div.sep { background: transparent url(images/ysa-post-sep.gif) no-repeat scroll left top; width:532px; height:4px; padding:0 0 10px 0; }

div.pings, div.comments { font-size:11px; width:532px; border-top:1px #ff7800 dotted;padding:0 0 10px 10px; }
.comments-intro { font-weight:700; font-size:10px; letter-spacing:1px; color:#747474; }
.noContent { font-size:11px; letter-spacing:1px; width:532px;padding:0 0 10px 10px; }
#commentForm input { font-size:11px; width:200px; height:18px; border:1px #d4d4d4 solid; color:#747474}
	

#btnsrch, .imgsrch { background-image: url(images/ysa-srch.jpg) }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }