@charset utf-8;


A:link
{
  COLOR: #333366; TEXT-DECORATION: none;
}

A:visited
{
  COLOR: #333366; TEXT-DECORATION: none;
}
A:hover
{
  COLOR: #333366; TEXT-DECORATION: none;

}

A:active
{
  COLOR: #333366; TEXT-DECORATION: none;
}
hr
{
  COLOR: #DE7F4F; HEIGHT: 1px;
}
BODY
{
  BACKGROUND: #ffffff; 
  MARGIN: 0px; 
  COLOR: #333333; 
  FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif; 
  FONT-SIZE: 12px; 
  letter-spacing:0.05em;
}

A IMG
{
  color:#333333;
  BORDER-TOP-WIDTH: 0px ; 
  BORDER-LEFT-WIDTH: 0px ; 
  BORDER-BOTTOM-WIDTH: 0px ; 
  BORDER-RIGHT-WIDTH: 0px ; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;

}

IMG.profile
{
  BORDER-TOP-WIDTH: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  MARGIN-BOTTOM: 5px; 
  BORDER-RIGHT-WIDTH: 0px;
}




#mainFrame {
  MARGIN: 0px auto; 
  WIDTH: 960px;  
  POSITION: relative; 
  TEXT-ALIGN: left;
  background-image:url(http://pics.yamedia.tw/themes/fallenangel/images/back.gif);
  }


#topbar{
	height:25px;
	padding: 5;
	width: 100%;
	font-size: 12px;
	background-color:#ffffff;
	background-repeat: no-repeat;
	background-position: right top;
}
#topbar a:link{
  COLOR: #333333; 
  TEXT-DECORATION: none;
}
#topbar a:hover{
  COLOR: #000000 ;
  TEXT-DECORATION: none;
}

#companyBar {
  position: relative;
  top: 7px;
  z-index: 10;
  color: #333333;
  width: 150px;
  float: left;
  padding-left: 30px;
}
#companyBar A
{
  COLOR: #333333; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
}

#companyBar SPAN.logo
{
  display:none; 
}

#companyBar A:link
{
  COLOR: #333333; 
  TEXT-DECORATION: none;
}

#companyBar A:hover
{
  COLOR: #000000;
  TEXT-DECORATION: none;
}

#adText
{
  position: absolute;
  top: 7px;
  left: 250px;
}

#adText a
{
  color: #333333;
}

#commend{
  width:200px;
  float: right;
  text-align: center;
  color: #333333;
}

#linkLogin {
  float:right;
  position: relative;
  top: 7px;
  display: block;
  font: #333333;
}
#linkLogin A
{
  COLOR: #333333; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
}
#linkLogin A:link
{
  COLOR: #333333; 
  TEXT-DECORATION: none;
}
#linkLogin A:visited
{
  COLOR: #333333; 
  TEXT-DECORATION: none;
}

#linkLogin A:hover
{
  COLOR: #000000; 
  TEXT-DECORATION: none;
}



#banner {
	BORDER-LEFT: medium none;
	WIDTH: 960px;
	BORDER-BOTTOM: medium none;
	HEIGHT: 276px;
	background-image: url(http://pics.yamedia.tw/themes/fallenangel/images/banner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#banner a:link{
  color: #59565d;
  text-decoration: none;
}
#banner a:visited {
  color: #59565d;
  text-decoration: none;
}
#banner a:hover{
  color: #59565d;
  text-decoration: none;
}
#banner a:active {
  color: #59565d;
  text-decoration: none;
}
h1 {
	FONT-SIZE: 18px;
	text-align:left;
	left:20px;
	WIDTH: 500px;
	COLOR: #59565d;
	FONT-FAMILY: Arial Black;
	POSITION: absolute;
	TOP: 60px;
	*top:70px;
	LETTER-SPACING:0.03em;
	LINE-HEIGHT: 120%;
	height: 30px;
}
h1 A
{
   COLOR: #b22b61;
}

h2 {
	FONT-SIZE: 12px;
	font-weight: normal;
	WIDTH: 400px;
	left:20px;
	COLOR: #333333;
	LINE-HEIGHT: 170%;
	text-align:left;
	FONT-FAMILY:Verdana;
	POSITION: absolute;
	TOP: 90px;
	*top:100px;
}


#navBar
{
	POSITION: absolute;
	TEXT-ALIGN:left;
	width:100%;
	TOP: 147px;
	color:#656565;
	left:595px;
}

#navBar A:link
{
  color:#656565; 
  MARGIN-RIGHT: 0px;  
  PADDING-top:3px; 
  PADDING-bottom:3px;  
  LETTER-SPACING: 2px;
    
}
#navBar A:visited
{
  color:#656565; 
  MARGIN-RIGHT: 0px;  
  PADDING-top:3px; 
  PADDING-bottom:3px;  
  LETTER-SPACING: 2px;
    
}

#navBar A:hover
{
   MARGIN-RIGHT: 0px;  
   PADDING-top:3px; 
   PADDING-bottom:3px;  
   LETTER-SPACING: 2px;
   color:#333333;
   background-repeat:no-repeat;
}
#navBar A:active
{
   MARGIN-RIGHT: 0px;  
   PADDING-top:3px; 
   PADDING-bottom:3px;  
   LETTER-SPACING: 2px;
   color:#656565;
}

#contentBlock
{
   WIDTH: 960px; 
   TEXT-ALIGN: left; 
   padding-top:0px; 
   height:100%;
}


#MainSide
{

	BORDER-RIGHT: medium none;
	PADDING-right: 20px;
	BORDER-TOP: medium none;
	FONT-SIZE: 12px;
	Z-INDEX: 2;
	BORDER-LEFT: medium none;
	WIDTH: 210px;
	COLOR: #333366;
	LINE-HEIGHT: 1.4em;
	PADDING-top: 0px;
	PADDING-bottom: 20px;
	BORDER-BOTTOM: medium none;
	float: left; 
   
}
#MainSide A:link
{
  COLOR: #333333; TEXT-DECORATION: none;
}

#MainSide A:visited
{
  COLOR: #333333; TEXT-DECORATION: none;
}

#MainSide A:hover
{
  COLOR: #333366; TEXT-DECORATION: none;
}

#MainSide A:active
{
  COLOR: #333333; TEXT-DECORATION: none;
}


.sideColumn 
{
  BORDER-RIGHT: medium none; 
  BORDER-TOP: medium none; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
  MARGIN-BOTTOM: 0px; 
  BORDER-LEFT: medium none; 
  BORDER-BOTTOM: medium none; 
  LETTER-SPACING: 1px;
}
.sideTitle {
	FONT-SIZE: 12px;
	COLOR: #000000;
	BACKGROUND: url(http://pics.yamedia.tw/themes/fallenangel/images/side_title.gif) no-repeat left;
	height: 40px;
	MARGIN-BOTTOM: 0px;
	LETTER-SPACING: 2px;
	text-align:left top;
	FONT-WEIGHT: bold;
	PADDING-TOP: 20px;
	PADDING-left: 25px;
}
 

.sideContent
{
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 25px;
	PADDING-BOTTOM: 20px;
	COLOR: #333366;
	LINE-HEIGHT: 18px;
	FONT-FAMILY: Arial,sans-serif;
	background-image: url();
	background-repeat: no-repeat;
	background-position: bottom;
  
}

span.calendar
{
  COLOR: #333333;
  FONT-SIZE: 10px;
  FONT-FAMILY: Verdana; 
  MARGIN-LEFT: 3px; 
  MARGIN-RIGHT: 3px; 
  TEXT-ALIGN: center;
}

span.calendar a
{
	COLOR: #64b800;
	font-weight: bold;
	text-decoration:underline;
}

#MainSide ul
{
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 PADDING-BOTTOM: 0px; 
 MARGIN: 0px; 
 PADDING-TOP: 0px; 
 LIST-STYLE-TYPE: none;
}
 
#navmenu LI
{
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 1px; 
  FLOAT: left; 
  PADDING-TOP: 2px; 
  POSITION: relative;
  color:#333366;
}

#navmenu LI A:link
{
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 1px; 
  FLOAT: left; 
  PADDING-TOP: 2px; 
  POSITION: relative;
  color:#333333;
}
#navmenu LI A:hover
{
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 1px; 
  FLOAT: left; 
  PADDING-TOP: 2px; 
  POSITION: relative;
  color:#666666;
}

#navmenu LI UL
{
  DISPLAY: none; 
  LEFT: 0px; 
  COLOR: #818C92; 
  PADDING-TOP: 5px; 
  POSITION: absolute; 
  TOP: 1em;
  border-bottom:1px solid #000000;
  

}

#navmenu LI UL LI
{
  CLEAR: left; 
  BACKGROUND: #ffffff; 
  WIDTH: 130px; 
  PADDING-TOP: 5px;
  border-left:1px solid #000000;
  border-right:1px solid #000000;  
}
#navmenu LI UL LI A:link
{
  COLOR: #333333;
  text=-decoration:none;
}

#navmenu LI UL LI A:hover
{
  COLOR: #ffffff;
  background-color:#666666;
  width:100%;
}

#navmenu LI UL LI.title
{
  BACKGROUND: #000000;
  font-weight:bold;
  color:#FFFFFF; 
  TEXT-ALIGN: center;
}

#navmenu LI:hover UL
{
  DISPLAY: block;
}

 

#articleBlock
{
  PADDING-BOTTOM: 150px;
  OVERFLOW: hidden;  
  BORDER-TOP-STYLE: none; 
  LINE-HEIGHT: 1.7em; 
  BORDER-RIGHT-STYLE: none; 
  BORDER-LEFT-STYLE: none; 
  BORDER-BOTTOM-STYLE: none;
	LINE-HEIGHT: normal;
	float: right;
	padding-right:30px;
	width: 680px;
	position: relative;
}


.post_title {
	padding-top:15px;
	padding-left:10px;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	COLOR: #444444;
	LETTER-SPACING: 1px;
}
.post_title  A:link {
	COLOR: #444444; 
	TEXT-DECORATION: none
}
.post_title  A:hover {
	COLOR: #000000; 
	TEXT-DECORATION: none
}



.post_date
{
	FONT-WEIGHT:bold;
	margin-top:50px;
	margin-left:10px;
	FONT-SIZE: 9px;
	COLOR: #ffffff;
	TEXT-ALIGN: center;
	FONT-FAMILY: Verdana;
	LETTER-SPACING: 0px;
	width:100px;
	padding-left:5px;
	padding-right:5px;
	background-color:#525252;
}
 

 
.post_time 
{
	PADDING-top: 3px;
	margin-left:10px;
	PADDING-bottom: 0px;
	LINE-HEIGHT: 1.8em;
	HEIGHT: 100%;
	FONT-SIZE: 11px;
	border: #DFDFDF 0px solid;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom:solid 1px;
	border-bottom-color:#666666;
}

.post_time A:link
{
	color:#333366;
	text-decoration:none;
}
.post_time A:hover
{
	color:#333366;
	text-decoration:none;
}

.cheer{
	padding-left:30px;
  PADDING-top: 6px; 
  PADDING-bottom: 0px;  
  LINE-HEIGHT: 1.8em; 
  HEIGHT: 100%;
  FONT-SIZE: 13px; 
  border: #DFDFDF 0px solid;   
}
.post_body{
	float:left;
	width: 100%;
  
}

.post_content {
	padding-left:30px;
  PADDING-top: 15px; 
  PADDING-bottom: 15px;  
  LINE-HEIGHT: 1.8em; 
  HEIGHT: 100%;
  FONT-SIZE: 13px; 
  border: #DFDFDF 0px solid;   
}
 
.post_info {
  width:690px;
  FONT-SIZE: 11px; 
  padding-left:30px;  
  BACKGROUND:url(http://pics.yamedia.tw/themes/fallenangel/images/bottom.gif) no-repeat left bottom;  
  height: 27px;
  CLEAR: both; 
  PADDING-BOTTOM: 0px; 
  TEXT-ALIGN:left;
}
.post_info A:link {
	COLOR: #333333; 
	TEXT-DECORATION: none;
}
.post_info A:visited {
	COLOR: #333333; 
	TEXT-DECORATION: none;
}
.post_info A:hover {
	COLOR: #333366; 
	TEXT-DECORATION: none;
}

 
.post_tail
{
}
input.text, textarea {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 11px;
	BACKGROUND: #f6f6f6 url() repeat scroll 0% 0%;
	PADDING-BOTTOM: 2px;
	COLOR: #333333;
	PADDING-TOP: 2px;
	FONT-FAMILY: Verdana, Arial, serif;
	border: 1px solid #f6f6f6;
}
form {
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  FONT-SIZE: 11px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  COLOR: #333333; 
  PADDING-TOP: 0px; 
  FONT-FAMILY: verdana, arial;
}
select {
  FONT-SIZE: 10px; 
  COLOR: #888; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
input.btn {
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  FONT-SIZE: 11px; 
  PADDING-BOTTOM: 1px; 
  PADDING-TOP: 1px; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.trackback{
  width:100%;
  
}

.trackbackURL
{
  BORDER-RIGHT: #789ABB 0px dotted; 
  PADDING-RIGHT: 5px; 
  BORDER-TOP: #789ABB 0px dotted; 
  MARGIN-TOP: 10px; 
  PADDING-LEFT: 5px; 
  PADDING-BOTTOM: 8px; 
  BORDER-LEFT: #789ABB 0px dotted; 
  PADDING-TOP: 5px; 
  BORDER-BOTTOM: #789ABB 0px dotted;

}

.trackbackTitle
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	padding-left: 50px;
	padding-bottom: 6px;
}

.trackbackTitle a
{
  COLOR: #333366;
}


.trackbackBody
{
	FONT-SIZE: 12px;
	padding-left: 50px;
    padding-bottom: 6px;

}
.trackbackDate
{
	FONT-SIZE: 12px;
	padding-left: 50px;
    padding-bottom: 20px;
	width:690px;
	background-image:url(http://pics.yamedia.tw/themes/fallenangel/images/bottom.gif);
	background-position:bottom;
	background-position:left;
	background-repeat:no-repeat;
}

span.trackbackBodyTitle
{
  FONT-WEIGHT: bold; 
  COLOR: #404040;
  
}



.commentbody{ 
  width:643px;
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  FONT-SIZE: 11px; 
  PADDING-TOP: 50px;
  }
.blockquote{
  PADDING-LEFT: 25px;
  PADDING-top: 15px;
  color:#D00000;
  background:#eee;
}
.commentNote
{
	COLOR: #525252;
	BORDER-BOTTOM: #789ABB 0px dotted;
	TEXT-ALIGN: right;
	font-size:11px;
	border-bottom:solid 1px #585858;
	
}
.commentNote A
{
  COLOR: #333366; 
  text-decoration:none;
}
.commentNote A:visited
{
  COLOR: #333366; 
}
.post_commentbody{
  PADDING-LEFT: 15px;
  PADDING-right: 15px;
  PADDING-top: 15px; 
  PADDING-bottom: 15px;  
  LINE-HEIGHT: 1.8em; 
  HEIGHT: 100%;
  FONT-SIZE: 13px;   
}




 
span.highlight {
  font-weight: normal;
  color:#333366;
}
span.highlight a:link {
  font-weight: bold;
  color:#333366;
  border-bottom:1px solid #cb1c20;
}
span.highlight a:hover {
  font-weight: bold;
  color:#333366;
  border-bottom:1px solid #cb1c20;
}

.rightPage {
  text-align:center;
  margin-bottom: 10px;
  
}
.rightPage A:link{
	color:#333333;
}
.rightPage A:hover{
	color:#6a003b;
}

.rssmain{
  padding-top:10px;
}
.rssbody{
  height:auto;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  margin-top: 0px;
  position: relative;
  width: 98%;
  padding-left: 10px;
  background-color:#FFFFFF;
}
.rssmenu
{
  color: #a66;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  
}
.rss{
  width:98%;
  position: relative;
}
.rss_content{
   margin-top:10px;
}
.rss_content ul{
   margin-left:10px;
 
}
.rss_title, .rss_content {
  width:97%;
  }
.rssphoto{
  width:110px;
  height:110px;
  float: left;
   }


.rss_view {
  margin:10px;
  margin-left:30px;
  border: 1px solid #333333;
  padding: 5px;
}

.rss_view ul{
    list-style-type:none;
}
.rss_view img{
      border:1px solid #333333;
}

 
 
 
#profile
{
  MARGIN-BOTTOM: 10px; 
  COLOR: #666666; 
}
 
#profile table
{
  WIDTH: 100%; 
  font-size:13px; 
  PADDING-BOTTOM: 25px;
  background-color:#FFFFFF;
 }
 
.th_title
{
  PADDING-left: 10px;  
  FONT-WEIGHT: normal; 
  PADDING-BOTTOM: 5px; 
  WIDTH: 90px; 
  COLOR: #000000;
  font-weight:bold; 
  PADDING-TOP: 5px; 
  TEXT-ALIGN: left;

}
.td_desc 
{
  COLOR: #333333;

}
 
.profile_title 
{
   CLEAR: both; 

   WIDTH: 100%; 
   LINE-HEIGHT: 140%; 
   margin-top:15px;     
   	PADDING-LEFT: 5px;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	COLOR: #ffffff;
	LETTER-SPACING: 1px;
	background-repeat:no-repeat;
	background-position:bottom;
	background-position:left;
	background-color:#000000;
}

.introduce 
{
  PADDING-LEFT: 10px; 
  COLOR: #333333; 
  LINE-HEIGHT: 22px; 
  font-size:13px; 
  PADDING-BOTTOM: 30px;
  padding-top:10px;
  background-color:#FFFFFF;
}


.pageCtrl{
	width: 98%;
	margin: 3px;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
}

.pageCtrl ul{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
}

.pageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pageCtrl a, .pageCtrl a:visited{
padding: 0 5px;

text-decoration: none; 
color: #333333;
}

.pageCtrl a:hover, .pageCtrl a:active{

color: #333366;
text-decoration:none;
}

.pageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;

color: #333366;
}

.pageCtrl li.disablepage{
padding: 0 5px;

color: #333366;
}

.pageCtrl li.nextpage{
font-weight: bold;
}

* html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{
  margin-right: 5px;
  padding-right: 0;
  color: #333366;
}

 
#albumBlock
{
  width: 710px;
  text-align: left;
  padding-bottom: 30px;
  float: left;
  padding-right: 20px;
}
#albumbody
{
 
}
h3
{
  FONT-WEIGHT: bold; 
  FONT-SIZE: 13px; 
  COLOR: #333333; 
  LINE-HEIGHT: 30px; 
  LETTER-SPACING: 1px;
}
 

.album{
  font-size: 11px;
	color: #333333;
	text-align:center;
	width:255px;
	float: left;
	height: 270px;
	margin-left: 40px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
   
 
  
}
.albumimg {
  height: 200px;
  width:255px;
}

.albumList_title
{
  FONT-SIZE: 12px; 
  WIDTH: 100%; 
  COLOR: #333366; 
  PADDING-TOP: 8px; 
  FONT-FAMILY: Georgia, Verdana, Arial, serif; 
  HEIGHT: 14px; 
  TEXT-ALIGN: center;
 }

.albumList_date{
  FONT-SIZE: 11px; 
  COLOR: #333333; 
  PADDING-TOP: 5px; 
  FONT-FAMILY: Arial, Georgia, Verdana, serif;
}
.albumList_info{
   
}
.album IMG
{
  BORDER:#333333 1px solid; 
  BACKGROUND: #fff; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
}
#albumList{
   width:668px;
}



#photobody{
}

.albumDesc{
  color:#333333;
  font-size:12px;
  margin: 5px;
}
.albumCategory
{
  FONT-SIZE: 12px; 
  PADDING-BOTTOM: 0px; 
  COLOR: #333333; 
  LINE-HEIGHT: 150%; 
  LETTER-SPACING: 0.05em;
}
.photo{
  text-align:center;
  float: left;
  height: 150px;
  margin: 10px;
  FONT-SIZE: 12px; 
  BACKGROUND: none transparent scroll repeat 0% 0%; 
  WIDTH: 125px; 
  COLOR: #333333; 
  TEXT-ALIGN: center;
 
}
.photo IMG
{
  BORDER:#333333 1px solid; 
  BACKGROUND: #fff; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
}

.photoimg {
  height: 100px;
  width:100px;
}

.photoList_desc
{
  width: 100%;
  color: #333333;
  height: 14px;
  font-size: 13px;
  text-align: center;
 
}
.albumview
{
  text-align: right;
  width: 665px;
}

.backindex{
  float:right;
  position: relative;
  top: 7px;
  display: block;
  COLOR: #333333;
  padding-right: 10px;
}
 #viewPicDiv {
  width: 100%;
  text-align: left;
  position: relative;
  border: 1px solid #333333;
  margin: 0px auto;
}
 #viewPicDiv a:link, a:visited { color: #333333; text-decoration: none;}
 #viewPicDiv a:hover, a:active { color: #000000; text-decoration: none;}
.viewalbumTitle{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #333333;
	LINE-HEIGHT: 30px;
	LETTER-SPACING: 2px;
	padding-left: 20px;
	
	 
}
.viewalbumTitle a:link, a:visited { color: #333333; text-decoration: none;}
.viewalbumTitle a:hover, a:active { color: #000000; text-decoration: underline;}
.photoviewTitle{
  width: 100%;
  color: #666;
  height: 20px;
  text-align: center;
  float: left;
}
#photoViewbody{
   text-align:center;
}
.album_pageCtrl{
  padding: 2px;
  width: 90%;
  float: left;
  margin: 10px 10px;
  text-align: right;
  
}


.photoview
{
  text-align: center;
  width: 100%;
}
.photoview img {
  border: 1px solid #333;
}

#photomsg{
  padding-left:10px;
  width: 960px;
  margin-bottom: 20px;
}
.photomsg_title{
     font-size: 18px;
     font-weight: bold;
     line-height: 30px;
     color: #333333;

}
.photomsg_comment{
 font-size:13px;
    padding: 8px 0 8px 0;
}
.photomsg_Body
{
  font-size:13px;
  line-height: 22px;
}
.photomsg_info
{
  color: #999;
  text-align: right;
  border-bottom: 1px dotted #e5e5e5;
}
.photoviewDesc{
  width:100%;
  
}
 
table.photoList
{
  margin-top: 20px;
  margin-bottom: 20px;
}
 
td.photoList
{
  color: blue;
  height: 125px;
  width: 125px;
  font-size: 13px;
}
td.photoList img {
  BORDER-RIGHT: #2e2e2e 0px solid; 
  BORDER-TOP: #2e2e2e 0px solid; 
  BORDER-LEFT: #2e2e2e 0px solid; 
  BORDER-BOTTOM: #2e2e2e 0px solid;
}


#imsg{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	TEXT-DECORATION: none; 
	BORDER-bottom: #789ABB 0px dotted; 
	LETTER-SPACING: 0.15em;
    color:#333333; 
    BACKGROUND: none; 
	MARGIN:12PX;  
	width:100px; 
	text-align:center;
}

.friendlist{
    width:120px;
  height:150px;
  float:left;
  margin:10px 5px;
  padding:5px;
  text-align:center;
}
.buddyicon{
  color:#333333;
  BORDER-TOP-WIDTH: 0px ; 
  BORDER-LEFT-WIDTH: 0px ; 
  BORDER-BOTTOM-WIDTH: 0px ; 
  BORDER-RIGHT-WIDTH: 0px ;
  BACKGROUND: #fff; 
  PADDING-RIGHT: 3px; 
  PADDING-LEFT: 3px; 
  PADDING-BOTTOM: 3px;
  PADDING-TOP: 3px;
    
    
}
.friend_dest{
  float:left;
  width: 98%;
  padding-left: 10px;
   
}
.friend_select{
    float:right;
  display:block;
    
}

#articleBlock2
{
	line-height: 1.7em;
	width: 700px;
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
	float:right;
}


.shadetabs{
	border-bottom: 1px solid #000000;
	width: 668px;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #000000;
color: #333366;
background: #ffffff;
}

.shadetabs li a:visited{
color: #333333;
}

.shadetabs li a:hover{
  text-decoration: underline;
  color: #333366;
}

.shadetabs li.selected{
color:#000000;
top: 1px;
}

.shadetabs li.selected a{
color:#000000;
background: #ffffff;
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ 
text-decoration: none;
}

.mediamain{
  padding-top:10px;
}
.mediabody{
  height:auto;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  margin-top: 0px;
  position: relative;
  width: 655px;
  padding-left: 10px;
  background-color:#FFFFFF;
}
.medialist{
  height:100%;
  float: left;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #333333;
  margin-bottom: 10px;
  width: 100%;
  padding-bottom: 10px;

}

.mediaimg{
    padding: 5px;
}
.mediamdig{
  display:block;
  width: 60px;
  float: left;
  background-color: #ffffff;
  border: 1px dotted #333333;
  font-weight: bold;
}
 .mediaid {
 
 float: left;
 margin: 0px 3px 10px 0px;
 width: 150px;
 text-align:center;
  }
 .mediacontent{
  float: left;
  margin: 0px 0px 10px 0px;
  width: 100%;
  height: auto;
  
 }
 .mediatitle{
   padding: 5px;
 }
 .mediadesc{
  width: 95%;
  background-color: #ffffff;
  padding: 5px;
  float: left;
 
 }
 .mediainfo {
  text-align:left;
  padding: 5px;
  float: left;
  width: 60%;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #333333;
 
  
}
.mediamdy2{
  text-align:left;
  padding: 5px;
}


.mediapageCtrl{
  width: 98%;
  text-align: right;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  
}

.mediapageCtrl ul{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
}

.mediapageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.mediapageCtrl a, .pageCtrl a:visited{
padding: 0 5px;

text-decoration: none; 
color: #666;
}

.mediapageCtrl a:hover, .pageCtrl a:active{

color: #333366;
}

.mediapageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;

color: #000000;
}

.mediapageCtrl li.disablepage{
padding: 0 5px;

color: #333366;
}

.mediapageCtrl li.nextpage{
font-weight: bold;
}

* html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{
  margin-right: 5px;
  padding-right: 0;
  color: #333333;
}

.myclublist{
	height:100%;
	padding: 10px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	margin-bottom: 10px;
	width: 630px;

}

.myclubimg{
  padding: 5px;
  width: 155px;
  float: left;
}

 .myclubid {
  float: left;
  margin: 0px 0px 10px 0px;
  width: 630px;
  height: auto;
  }
  .myclubinfo{
  text-align:left;
  padding: 5px;
  float: left;
  width: 70%;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #333333;
}
 .myclubcontent{
  width: 610px;
  font-size: 12px;
  float: left;
  padding: 10px;
  background-color: #EBF1F1;
  
 }
 .myclubtitle{
   padding: 5px;
 }
 .myclubdesc{
   padding: 5px;
 
 }
 .myclubdesch3 {
  font-size: 14px;
  color:#57453E;
  }

.cletemp {display: inline-block;}
.clearboth {
 clear:both;
 }

.mediarss{
	margin:10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	height: 120px;
	width: 95%;
}
.mediarss_ID{
  text-align:center;
  width:120px;
  float: left;
}
.mediarss_view{
  float: left;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999999;
}

.mediarss_list{
  text-align:center;
  width:160px;
  float: left;
}




.clx {
     clear: both;
   }