/*
Theme Name: Webstudio Modern Black
Theme URI: http://www.webstudio.com.cn/
Description: Just so so.
Version: 0.0.1
Author: Molay
Author URI: http://www.molayc.com/
Tags: webstudio, black, modern, three columns
*/
@charset "utf-8";

/* The Base Element */
html
{
}
body
{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
}
img
{
	border: none;
}
.clear
{
	clear: both;
}

/* The Top Element */
#top
{
	height: 105px;
	background-color: #000000;
	background-image: url("image/topBackground.jpg");
	background-repeat: no-repeat;
	overflow: hidden;
}

#topContent
{
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
}

#topNavigation
{
	padding-top: 0px;
	position: relative;
	bottom: 0px;
}
#topNavigation li
{
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	margin-right: 20px;
	background-color: transparent;
	background-image: url("image/navigationRollOut1.gif");
	background-repeat: no-repeat;
	background-position: left -5px;
	height: 20px;
	padding-top: 4px;
	text-transform: uppercase;
	list-style-type: none;
	list-style-position: outside;
}

.topHead
{
	padding-top: 20px;
}
.topLogo
{
	float: left;
	background-color: transparent;
	background-image: url("image/topLogo.gif");
	background-repeat: no-repeat;
	width: 182px;
	height: 52px;
	display: block;
	
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	
	padding-right: 20px;
}
.topSubtitle
{
	width: 680px;
	height: 52px;
	float: left;
	color: #CCCCCC;
	font-size: 12px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	padding-left: 40px;
	padding-top: 15px;
	overflow: hidden;
}

#topFeed
{
	background-image: url("image/topFeed.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
	color: #e4252b;
	font-size: 14px;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	
	position: absolute;
	right: 0px;
	bottom: 20px;
}


/* The Main Element */
#main
{
	background-image: url("image/mainBodyBackground.jpg");
	background-repeat: repeat-y;
	background-color: #272727;
	background-position: left;
	
	position: relative;
	min-height: 389px;
	width: 100%;
}

#mainHighlight
{
	background-image: url("image/mainBodyBackHighlight.jpg");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	width: 848px;
	height: 389px;
	
	position: absolute;
	left: 0px;
	top: 0px;
}

#mainContent
{
	width: 925px;
	position: relative;
	/*top: -389px;
	top: -340px;*/
	padding-top: 49px;
	padding-bottom: 20px!important;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#mainColumn1
{
	width: 415px;
	float: left;
	overflow: hidden;
}
#mainColumn1 .entry
{
	margin-bottom: 12px;
}
#mainColumn1 .entry .entryTitle
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	margin-bottom: 10px;
}
#mainColumn1 .entry .entryDate
{
	height: 14px;
	color: #28a9c0;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryDate.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 3px;
}
#mainColumn1 .entry .entryTag
{
	color: #9a9898;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryTag.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 3px;
}
#mainColumn1 .entry .entryComment
{
	color: #fdc6c6;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryComment.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 3px;
}
#mainColumn1 .entry .entryCategory
{
	color: #9a9898;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryCategory.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 15px;
}
#mainColumn1 .entry .entryContent
{
	color: #f1efef;
	font-size: 12px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	
	border-top-color: #292929;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-color: #838384;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
	padding-top: 10px;
	padding-bottom: 10px;
}
#mainColumn1 .entry .entryContent img
{
	max-width: 410px;
	border-color: #303030;
	border-style: solid;
	border-width: 2px;
	padding: 0px;
}
#mainColumn1 .entry .entryEnterButton
{
	color: #fd2128;
	font-size: 11px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryEnterButtonArrow.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right center;
	text-align: right;
	padding-right: 10px;
	margin-top: 5px;
}


#mainColumn2
{
	width: 255px;
	float: left;
	overflow: hidden;
	margin-left: 75px;
}
#mainColumn2 .entry
{
	background-color: #181818;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	
	margin-bottom: 5px;
	
	/*background-image: url("image/entryBackground.png");
	background-color: transparent;*/
}
#mainColumn2 .entry .entryTitle
{
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryTitle.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 10px;
}
#mainColumn2 .entry .entryContent img
{
	max-width: 239px;
}
#mainColumn2 .entry .entryContent
{
	color: #b3b2b2;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
}

#mainColumn2 .entry ul
{
	color: #b3b2b2;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#mainColumn2 .entry ul li
{
	list-style-type: none;
	list-style-position: outside;
	
	border-bottom-color: #424444;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
	margin-bottom: 4px!important;
	margin-bottom: 4px;
	padding-bottom: 4px;
	
	padding-left: 10px;
	
	width: 227px;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}



#mainColumn3
{
	width: 165px;
	float: left;
	overflow: hidden;
	margin-left: 15px;
	background-color: #000000;
	padding-top: 10px;
}
#mainColumn3 .entryRed, .entryWhite, .entryGreen
{
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 8px;
	
	margin-bottom: 20px;
}
#mainColumn3 .entryTitle
{
	font-size: 12px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	margin-bottom: 8px;
}
#mainColumn3 .entryRed .entryTitle
{
	color: #ff8e8e;
}
#mainColumn3 .entryWhite .entryTitle
{
	color: #ffffff;
}
#mainColumn3 .entryGreen .entryTitle
{
	color: #abff95;
}
#mainColumn3 ul
{
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#mainColumn3 ul li
{
	list-style-type: circle;
	list-style-position: inside;
	margin-bottom: 4px!important;
	margin-bottom: 0px;
}
#mainColumn3 .entryRed ul
{
	color: #bb7373;
}
#mainColumn3 .entryWhite ul
{
	color: #838282;
}
#mainColumn3 .entryGreen ul
{
	color: #4e6349;
}

#search
{
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 25px;
	
	background-image: url("image/searchButton.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
}
#search #searchInput
{
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/searchInputBackground.jpg");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	border: none;
	width: 135px;
	height: 14px;
}
.searcherBlur
{
	color: #b3b2b2;
}
.searcherFocus
{
	color: #fff600;
}

#mainAdorn
{
	width: 558px;
	height: 96px;
	background-image: url("image/mainAdorn.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	
	position: absolute;
	right: 0px;
	bottom: 0px;
}

/* The Clamp Element */
.clamp
{
	background-color: #000000;
	border-bottom-color: #424444;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#clampContent
{
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
}
#commentContent
{
	margin-bottom: 20px;
}
#commentContent #commentContentTitle
{
	font-size: 18px;
	width: 100%;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	border-bottom-color: #3C3C3C;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#commentContent .entry
{
	margin-bottom: 12px;
	
	border-bottom-color: #3C3C3C;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 20px!important;
	padding-bottom: 0px;
}
#commentContent .entry .entryAvatar
{
	float: left;
}
#commentContent .entry .entryAvatar img
{
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}
#commentContent .entry .entryInfo
{
	float: left;
	margin-left: 20px;
	width: 800px;
}
#commentContent .entry .entryContent
{
	color: #999999;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryComment.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	padding-left: 25px;
}
#commentContent .entry .entryTitle
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	margin-bottom: 10px;
}
#commentContent .entry .entryDate
{
	color: #28a9c0;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryDate.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 3px;
}
#commentContent .entry .entryAuthor
{
	color: #FDC6C6;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/entryName.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 25px;
	margin-bottom: 3px;
}

#commentPanel
{
	width: 626px;
	
	padding-bottom: 4px;
	border-bottom-color: #3C3C3C;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
	margin-bottom: 50px;
}
#commentPanel #commentPanelTitle
{
	font-size: 14px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", "微软雅黑", "sans-serif";
	padding-bottom: 10px;
	margin-bottom: 4px;
	
	border-bottom-color: #3C3C3C;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#commentPanel #commentPanelContent
{
	height: 212px;
	background-color: #121212;
	padding-left: 20px;
	padding-right: 20px;
}
/*comment panel*/
#commentPanel .left
{
	float: left;
	width: 305px;
	height: 195px;
	margin-top: 8px;
	border-right-color: #3C3B3B;
	border-right-style: dotted;
	border-right-width: 1px;
}
#commentPanel .right
{
	float: left;
	margin-top: 24px;
	padding-left: 20px;
}
#commentPanel .entryTitleComment, .entryTitleName, .entryTitleEmail, .entryTitleSite
{
	color: #999999;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 6px;
}
#commentPanel .entryTitleComment
{
	background-image: url("image/entryComment.gif");
}
#commentPanel .entryTitleName
{
	background-image: url("image/entryName.gif");
}
#commentPanel .entryTitleEmail
{
	background-image: url("image/entryEmail.gif");
}
#commentPanel .entryTitleSite
{
	background-image: url("image/entrySite.gif");
}
#commentPanel #entryInputContent, #comment
{
	color: #999999;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/commentContentBackground.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	background-attachment: inherit!important;
	background-attachment: fixed;
	border: none;
	width: 271px;
	height: 166px;
	padding-left: 1px;
}
#commentPanel #entryInputName, #entryInputEmail, #entryInputSite
{
	color: #999999;
	font-size: 10px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	background-image: url("image/commentContentInput.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	border: none;
	width: 258px;
	height: 18px;
	padding-top: 2px;
	padding-left: 1px;
	margin-bottom: 3px;
}
#commentPanel #entryButton
{
	width: 127px;
	height: 32px;
	background-image: url("image/commentPostCommentOver.jpg");
	background-repeat: no-repeat;
}
#commentPanel #entryButton a
{
	width: 127px;
	height: 32px;
	background-image: url("image/commentPostCommentOut.jpg");
	background-repeat: no-repeat;
	display: block;
}
#commentPanel #entryButton a:hover
{
	background: none;
}


/* The Bottom Element */
#bottom
{
	height: 102px;
	background-color: #000000;
}

#bottomContent
{
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	
	position: relative;
}

#bottomLogo
{
	float: left;
	margin-top: 40px;
	margin-left: 10px;
}

#bottomCopyright
{
	float: left;
	width: 650px;
	color: #676363;
	font-size: 12px;
	font-family: "Verdana", "Arial", "微软雅黑", "sans-serif";
	margin-left: 20px;
	margin-top: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-left-color: #3C3B3B;
	border-left-style: solid;
	border-left-width: 1px;
}


/* The Useful */
.navigation
{
}
.navigation .alignleft
{
	float: left;
}
.navigation .alignright
{
	float: right;
}


/* WordPress Style*/
.current_page_item
{
	color: #FF0000;
}
.page_item a:link, .page_item a:visited
{
	text-decoration: none;
	color: #ffffff;
}
.page_item a:hover, .page_item a:active
{
	text-decoration: none;
	color: #FE4444;
}
.current_page_item a:link, .current_page_item a:visited
{
	text-decoration: none;
	color: #FE4444;
}
.current_page_item a:hover, .current_page_item a:active
{
	text-decoration: none;
	color: #E7FFAE;
}


/* The Link */
a:link, a:visited
{
	text-decoration: none;
	color: #00FCFF;
}
a:hover, a:active
{
	text-decoration: underline;
	color: #E7FFAE;
}

#topFeed a:link, #topFeed a:visited
{
	text-decoration: none;
	color: #e4252b;
}
#topFeed a:hover, #topFeed a:active
{
	text-decoration: underline;
	color: #FF0000;
}

#mainColumn1 .entry .entryTitle a:link, #mainColumn1 .entry .entryTitle a:visited
{
	text-decoration: none;
	color: #ffffff;
}
#mainColumn1 .entry .entryTitle a:hover, #mainColumn1 .entry .entryTitle a:active
{
	text-decoration: none;
	color: #B9FE00;
}

#mainColumn1 .entry .entryTag a:link, #mainColumn1 .entry .entryTag a:visited
{
	text-decoration: none;
	color: #9a9898;
}
#mainColumn1 .entry .entryTag a:hover, #mainColumn1 .entry .entryTag a:active
{
	text-decoration: underline;
	color: #FFFFFF;
}

#mainColumn1 .entry .entryCategory a:link, #mainColumn1 .entry .entryCategory a:visited
{
	text-decoration: none;
	color: #9a9898;
}
#mainColumn1 .entry .entryCategory a:hover, #mainColumn1 .entry .entryCategory a:active
{
	text-decoration: underline;
	color: #FFFFFF;
}

#mainColumn1 .entry .entryComment a:link, #mainColumn1 .entry .entryComment a:visited
{
	text-decoration: none;
	color: #fdc6c6;
}
#mainColumn1 .entry .entryComment a:hover, #mainColumn1 .entry .entryComment a:active
{
	text-decoration: underline;
	color: #FD2C9D;
}

#mainColumn1 .entry .entryContent a:link, #mainColumn1 .entry .entryContent a:visited
{
	text-decoration: none;
	color: #00FCFF;
}
#mainColumn1 .entry .entryContent a:hover, #mainColumn1 .entry .entryContent a:active
{
	text-decoration: underline;
	color: #E7FFAE;
}

#mainColumn1 .entry .entryContent li a:link, #mainColumn1 .entry .entryContent li a:visited
{
	text-decoration: none;
	color: #00FCFF;
}
#mainColumn1 .entry .entryContent li a:hover, #mainColumn1 .entry .entryContent li a:active
{
	text-decoration: underline;
	color: #E7FFAE;
}

#mainColumn1 .entry .entryEnterButton a:link, #mainColumn1 .entry .entryEnterButton a:visited
{
	text-decoration: none;
	color: #fd2128;
}
#mainColumn1 .entry .entryEnterButton a:hover, #mainColumn1 .entry .entryEnterButton a:active
{
	text-decoration: underline;
	color: #fd2128;
}

#mainColumn2 .entry ul li a:link, #mainColumn2 .entry ul li a:visited
{
	text-decoration: none;
	color: #B3B2B2;
}
#mainColumn2 .entry ul li a:hover, #mainColumn2 .entry ul li a:active
{
	text-decoration: none;
	color: #E7FFAE;
}

#mainColumn3 .entryRed ul li a:link, #mainColumn3 .entryRed ul li a:visited
{
	text-decoration: none;
	color: #bb7373;
}
#mainColumn3 .entryRed ul li a:hover, #mainColumn3 .entryRed ul li a:active
{
	text-decoration: none;
	color: #FF0000;
}

#mainColumn3 .entryWhite ul li a:link, #mainColumn3 .entryWhite ul li a:visited
{
	text-decoration: none;
	color: #838282;
}
#mainColumn3 .entryWhite ul li a:hover, #mainColumn3 .entryWhite ul li a:active
{
	text-decoration: none;
	color: #FFFFFF;
}

#mainColumn3 .entryGreen ul li a:link, #mainColumn3 .entryGreen ul li a:visited
{
	text-decoration: none;
	color: #4e6349;
}
#mainColumn3 .entryGreen ul li a:hover, #mainColumn3 .entryGreen ul li a:active
{
	text-decoration: none;
	color: #6CFF00;
}

#commentContent .entry .entryAuthor a:link, #commentContent .entry .entryAuthor a:visited
{
	text-decoration: none;
	color: #FDC6C6;
}
#commentContent .entry .entryAuthor a:hover, #commentContent .entry .entryAuthor a:active
{
	text-decoration: none;
	color: #FD2C9D;
}


#commentContent .entry .entryDate a:link, #commentContent .entry .entryDate a:visited
{
	text-decoration: none;
	color: #28A9C0;
}
#commentContent .entry .entryDate a:hover, #commentContent .entry .entryDate a:active
{
	text-decoration: underline;
	color: #00FCFF;
}

#commentContent .entry .entryContent a:link, #commentContent .entry .entryContent a:visited
{
	text-decoration: none;
	color: #28A9C0;
}
#commentContent .entry .entryContent a:hover, #commentContent .entry .entryContent a:active
{
	text-decoration: underline;
	color: #E7FFAE;
}