/************************************************************************

#  GENERAL

*************************************************************************/

/* ----- Fonts ----- */

*{

	font-family: "Times New Roman", Times, serif;

}



body, p {

	color: #777777;

	font-size: 14px;

	line-height: 19px;

}



a:link,

a:visited{

	text-decoration: underline;

	color: #3B7378;

}



a:hover{

	color: #B8C9CC;

}



em{

	font-style: italic;

}



b, strong{

	font-weight: bold;

}



u{

	text-decoration: unerline;

}



strike{

	text-decoration: line-through;

}



/* ----- Strip Twitter ----- */

.twtr-hd, .twtr-ft{

	display: none;

}



.twtr-widget .twtr-tweet{

	border:none !important;

}



/* -- Images -- */

.Post img{

	display:block;

	margin:0 auto 10px auto;

}



p img {

	padding: 0;

	max-width: 100%;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



.aligncenter{

	display:block;

	margin:0 auto;

}



img.wp-smiley{

	display:inline;

	margin: 0px !important;

	padding: 0px !important;

}



/* ----- Elements ----- */

.Clear,

.clear {

	clear: both;

}



.left,

.Left{

	float:left;

}



.right,

.Right{

	float:right;

}



.center,

.Center{

	text-align:center;

}



.Blogshow > div{

	margin:0 auto;

}



/************************************************************************

#  GENERAL END

*************************************************************************/







/************************************************************************

#  STRUCTURE

*************************************************************************/

body {

	background: #B8C9CC url("http://www.conniefeng.com/rue-blog-gateway.php?action=create_gradient&hex1=B8C9CC&hex2=B8C9CC&height=1000") repeat-x;

	
	padding:15px 0;

}



	#body-inner {

	}



	#wrapper {

		position: relative;

		margin: 0 auto 0 auto;

		width: 910px;

		padding: 30px 20px 0 20px;

		border-radius: 10px;

		background: #ffffff;

		-moz-box-shadow: 0 0 5px #888888;

		-webkit-box-shadow: 0 0 5px #888888;

		box-shadow: 0 0 5px #888888;

	}



	#content{

	}



	#content-small{

		float:left;

		width: 569px;  /* width of sidebar - some extra padding */

		border-right: 1px solid #d6d6d6;

		padding-right: 20px;

	}

/************************************************************************

#  STRUCTURE END

*************************************************************************/







/************************************************************************

#  NAVIGATION

*************************************************************************/

#navigation-container {

	position:relative;

	z-index: 9999;

	padding-bottom:15px;

	border-bottom:1px solid #d6d6d6;

	margin-bottom:19px;

}

	#navigation-container h1 {

		float: left;

		display: block;

	}

		#navigation-container h1 a {

			display: block;

			text-indent: -9999px;

		}

			#navigation-container h1 a img{

				display:block;

			}



	#navigation-container #navigation{

		z-index:9999999;

		position:absolute;

		right:0px;

		bottom:0px;

	}

		#navigation ul{

			margin:0;

			padding:0;

			list-style-type:none;

			list-style-position:outside;

			z-index:9999999;

		}

			/* 1st TIER (main) */

			#navigation ul li{

				float:left;

				margin:0px 40px 0px 0;

			}

			#navigation ul li:last-child{

				margin:0px;

			}

			#navigation ul a{

				display:block;

				text-decoration:none;

				background:none;

				font-size: 12px;

				color: #3B7378;

				cursor:pointer;

				padding-bottom: 15px;

				text-transform:uppercase;

			}

			#navigation ul li a:hover{

				color: #B8C9CC;

			}

			#navigation ul li.current_page_ancestor a,

			#navigation ul li.current-menu-ancestor a,

			#navigation ul li.current-menu-item a{

				color: #3B7378;

			}

				#navigation ul li.current-menu-item ul li a{

					color: #3B7378;

				}

					#navigation ul li.current-menu-item ul li a:hover{

						color: #B8C9CC;

					}



				/* 2nd TIER */

				#navigation ul li ul {

					position:absolute;

					display: none;

					list-style-type:none;

					list-style-position:outside;

					z-index:9999999;

					background: #ffffff;

					border:1px solid #d6d6d6;

					border-top: none;

					margin: 0 0 0 -10px;

					padding:2px 0 3px 0;



				}

					#navigation ul li ul li{

						clear: left;

						margin: 0px;

						padding: 2px 10px 3px 10px;

					}

					#navigation ul li ul li a{

						float:left;

						font-size: 12px;

						color: #3B7378;

						margin: 0px;

						padding: 0px;

					}

					#navigation ul li ul li a:hover{

					}



				/* 3rd TIER */

				#navigation ul li ul li ul {

					display: none !important;

				}



		#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li:hover ul ul ul ul{

			display: none;

		}

		#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li li li li:hover ul{

			display: block;

		}

/************************************************************************

#  NAVIGATION END

*************************************************************************/







/************************************************************************

#  HOME

*************************************************************************/

#social-icons{

	position: relative;

}

	#social-icons a{

		float: right;

		margin-left: 10px;

	}



#welcome-container{

	margin:0 auto;

	padding:0 0 4px 0;

	position: relative;

	bottom:7px;

}

	#welcome-container h3#welcome-title{

		color: #333333;

		font-size: 20px;

		padding-bottom: 14px;

		margin: 0px;

	}

	#welcome-container #welcome-content{

		padding-bottom:0px;

		margin-bottom:0px;

	}

		#welcome-container #welcome-content h2{

			font-weight:bold;

		}

		#welcome-container #welcome-content ul li{

			margin-left: 25px;

			list-style-type: disc;

		}

		#welcome-container #welcome-content p {

			padding-bottom: 10px;

		}



#twitter-container{

	position:relative;

	border-bottom:1px solid #d6d6d6;

	border-top:1px solid #d6d6d6;

	padding:10px 0;

	margin-bottom:21px;

}



	#twitter-container #twitter{

		

	}

		#twitter-container #twitter .twtr-tweet-text,

		#twitter-container #twitter .twtr-tweet-text p,

		#twitter-container #twitter .twtr-tweet-text a{

			font-style: italic;

			font-family: "Times New Roman", Times, serif;

			color: #777777;

			font-size: 24px;

			line-height: auto;

			text-align: center;

		}

		#twitter-container #twitter .twtr-tweet-text a{

			color: #3B7378 !important;

		}



		#twitter-container a#twitter-follow{

			position:absolute;

			right: 0;

			bottom: 0;

			text-decoration: none !important;

		}

		

#latest-posts{

}

	#latest-posts #latest-posts-title{

		color: #333333;

		font-size: 20px;

	}

	#latest-posts #latest-posts-subtitle{

		position:relative;

		bottom:1px;

	}

		#latest-posts #latest-posts-subtitle a{

			color: #777777;

			font-size: 13px;

			text-decoration: none;

		}

	#latest-posts .LatestPostsRow{

		padding-top: 22px;

		padding-bottom: 23px;

		margin-bottom: 5px;

		border-bottom:1px solid #d6d6d6;

	}

	#latest-posts .LatestPostsRow#latest-posts-row2{

		border-bottom: none;

	}

		#latest-posts .LatestPostsRow .LatestPost#latest-post1,

		#latest-posts .LatestPostsRow .LatestPost#latest-post2,

		#latest-posts .LatestPostsRow .LatestPost#latest-post4,

		#latest-posts .LatestPostsRow .LatestPost#latest-post5{

			margin-right:20px;

		}

		#latest-posts .LatestPostsRow .LatestPost{

			float:left;

			position:relative;

			width: 290px;

		}

		#latest-posts .LatestPostsRow .LatestPost .LatestPicture {

			position:relative;

			display:block;

			overflow:hidden;

			margin-bottom:6px;

		}

		#latest-posts .LatestTitleComment{

			position:relative;

			margin-top: 10px;

			margin-bottom:8px;

		}

			#latest-posts .LatestPostsRow .LatestPost h3.LatestTitle{

				width: 250px;

				font-size: 17px;

				line-height: font-size: 17px;

			}

				#latest-posts .LatestPostsRow .LatestPost h3.LatestTitle a{

					color: #3B7378 !important;

					width: 250px !important;

					font-size: 17px !important;

					line-height: font-size: 17px !important;

					text-decoration: none;

				}

			#latest-posts .LatestPostsRow .LatestPost a.LatestCommentBubble{

				position:absolute;

				top:-1px;

				right:0px;

				display:block;

				text-decoration:none;

				color: #777777;

			}

				#latest-posts .LatestPostsRow .LatestPost a.LatestCommentBubble img{

					position:relative;

					top:2px;

				}

		#latest-posts .LatestExcerpt{

		}

			#latest-posts .LatestExcerpt p{

				padding-bottom:7px;

				color: #333333;

			}

		#latest-posts .LatestCategories{

			font-size: 14px;

			color: #b5b5b5;

		}

			#latest-posts .LatestCategories a{

				font-size: 14px !important;

				color: #b5b5b5 !important;

				text-decoration: none;

			}

				#latest-posts .LatestCategories a:hover{

					color: #B8C9CC;

				}

/************************************************************************

#  HOME END

*************************************************************************/









/************************************************************************

#  POST

*************************************************************************/

.Post {

	position:relative;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.Post.BlogFormatPost{

	border-bottom: 1px solid #d6d6d6;

}

	.Post a.MetaComments{

		position:absolute;

		top:1px;

		right:0px;

		display:block;

		text-decoration:none;

		color: #777777;

		
		width: 32px;

		
		display:block;

	}

		.Post a.MetaComments img{

			position:relative;

			top:1px;

			float:left;

		}



	.Post .Title {

		padding-bottom: 8px;

		width: 860 px;

	}

		.Post .Title h2{

			line-height: 20px;

		}

		.Post .Title h2 a {

			font-family: Arial, sans-serif;

			text-decoration: none;

			color: #333333;

			font-size: 20px;

			line-height: 20px;

		}



	.Post .DateCategories{

		font-size: 12px !important;

		line-height: 12px !important;

		padding-bottom: 22px;

		text-decoration: none;

		color: #333333 !important;

		text-transform: uppercase;

	}

		.Post .DateCategories a:link,

		.Post .DateCategories a:visited{

			color: #3B7378;

			text-decoration: none;

		}

		.Post .DateCategories a:hover{

			color: #B8C9CC;

			text-decoration: none;

		}

		

			.Post .DateCategories .Date{

				float:left;

			}

			

			.Post .DateCategories #DateSpacer{

				padding:0 0 0 4px;

				float:left;

			}



			.Post .DateCategories .MetaCategories{

				float:left;

			}

				.Post .DateCategories .MetaCategories a{

					padding:0 5px;

				}

	



	.Post .Entry{

	}

		.Post .Entry p{

			margin-bottom:20px;

		}



		.Post .Entry ul {

			list-style-type: disc;

			margin-bottom: 20px;

		}



		.Post .Entry ol {

			margin-bottom: 20px;

			margin-left:20px;

		}



		.Post .Entry li {

			margin-left: 35px;

		}



		.Post .Entry ul ul{

			margin-bottom: 0px;

		}



		.Post .Entry a {

			text-decoration: underline;

		}



		.Post .Entry a:hover {

			color: #B8C9CC;

		}



		.Post .Entry strong {

			font-weight: bold;

		}



		.Post .Entry em {

			font-style: italic;

		}



		.Post .Entry input {

			border: 1px solid #d6d6d6;

			background none;

			padding:4px;

			margin:4px 0;

		}



		.Post .Entry h1{

			font-size: 18px;

			margin-bottom:15px;

		}



		.Post .Entry h2{

			font-size: 17px;

			margin-bottom:15px;

		}



		.Post .Entry h3{

			font-size: 16px;

			margin-bottom:15px;

		}



		.Post .Entry h4{

			font-size: 15px;

			margin-bottom:15px;

		}



		.Post .Entry h5{

			font-size: 14px;

			margin-bottom:15px;

		}



		.Post .Entry h6{

			font-size: 13px;

			margin-bottom:15px;

		}

	

	.MetaSocialMedia{

		position: relative;

	}

		.MetaSocialMedia .FacebookLike{

			margin:0 !important;

			margin-left: 5px !important;

			width:46px;

			float: left;

		}

		.MetaSocialMedia .Pinterest{

			position:relative;

			bottom:2px;

			float: left;

		}

		.MetaSocialMedia .TweetPost{

			float: left;

		}

		/* skype embeds this flash object */

		object#skypedetectionswf{

			display: none;

		}



	MetaSocialMediaAlt{

		position: relative;

	}

		.MetaSocialMediaAlt .FacebookLike{

			margin:0 !important;

			width:100px;

			float: left;

		}

		.MetaSocialMediaAlt .Pinterest{

			position:relative;

			bottom:2px;

			float: left;

		}

		.MetaSocialMediaAlt .TweetPost{

			float: left;

			margin-right: 20px !important;

		}

		.MetaSocialMediaAlt .GooglePlus1{

			float: left;

			margin-right: 5px !important;

		}

/************************************************************************

#  POST END

*************************************************************************/







/************************************************************************

#  SIDEBAR

*************************************************************************/

#sidebar{

	float:right;

	width: 300px;

	position:relative;

	padding-bottom:20px;

}

	#sidebar .widget{

		padding:0 0 25px 0;

	}



	#sidebar h2{

		font-family: Arial, sans-serif;

		text-decoration: none;

		color: #333333;

		font-size: 20px;

		line-height: 20px;

		padding:0 0 13px 0;

	}



	#sidebar a{

		color: #3B7378;

		text-decoration:none;

	}

		#sidebar a:hover{

			color: #B8C9CC;

		}

	

	#sidebar ul a{

		text-transform: uppercase;

	}	



	#sidebar ul{

		list-style:none;

		padding:0;

		margin:0;

	}

		#sidebar ul li{

		}

			#sidebar ul li ul{

				padding:0 0 0 15px;

			}

				#sidebar ul li ul li{

				}

					#sidebar ul li ul li ul{

						border:none;

					}

						#sidebar ul li ul li ul li{

							border-bottom:none;

						}



	#sidebar .widget_text h2{

		border-bottom:none;

	}



	#sidebar .textwidget{

	}



	#sidebar .widget_tag_cloud div{

		padding-top:3px;

	}



	#sidebar .widget_tag_cloud div a{

		padding:0 10px 0 0;

	}



	#sidebar #calendar_wrap{

		padding-top:3px;

	}



	#sidebar #wp-calendar{

		width:100%;

	}



	#sidebar #wp-calendar tr td a{

		text-decoration: underline;

	}



	#sidebar #wp-calendar tr td#next{

		text-align:right;

	}



	#sidebar #searchform{

	}



	sidebar a.rsswidget{

		margin: -3px 0;

	}

		#sidebar a.rsswidget img{

			position:relative;

			top: 3px;

		}

/************************************************************************

#  SIDEBAR END

*************************************************************************/







/************************************************************************

#  SEARCH

*************************************************************************/

#searchform{

	width: 210px;

}

	#searchform #s{

		border: none;

		color: #B8C9CC;

		width:198px;

		height:20px;

		background: #e9e9e9;

		padding:6px;

		font-size: 14px;

	}



	#searchform #searchsubmit{

		display:none;

		cursor:pointer;

	}

/************************************************************************

#  SEARCH END

*************************************************************************/







/************************************************************************

#  PAGES

*************************************************************************/

.Page .PageTitle{

	padding-bottom:18px;

}



.Page .PageTitle h2 a{

	font-family: Arial, sans-serif;

	text-decoration: none;

	color: #333333;

	font-size: 20px;

}

/************************************************************************

#  PAGES END

*************************************************************************/







/************************************************************************

#  SINGLE POST

*************************************************************************/

/************************************************************************

#  SINGLE POST END

*************************************************************************/







/************************************************************************

#  ARCHIVES PAGE

*************************************************************************/

h2.archivestitle{

	font-family: Arial, sans-serif;

	color: #333333;

	font-size: 20px;

}

/************************************************************************

#  ARCHIVES PAGE END

*************************************************************************/







/************************************************************************

#  ARCHIVE PAGE  -  CATEGORIES, TAGS, DATES, ETC

*************************************************************************/

#archive-title{

	padding-bottom:35px;

}



#archive-title h2{

	font-family: Arial, sans-serif;

	font-style: italic;

	font-size: 20px;

}

/************************************************************************

#  ARCHIVE PAGE END

*************************************************************************/







/************************************************************************

#  CONTACT

*************************************************************************/

#contact-area{

	padding-bottom:20px;

}



#contact-area #contact-failed,

#contact-area #contact-success{

	border: 1px solid #777777;

	margin-bottom:15px;

	padding:5px 10px;

}



#sidebar.ContactSidebar{

	width: 300px !important;

	padding-top: 36px !important;

}



#content-small.ContactContent{

	width: 570px !important;  /* width of sidebar - some extra padding */

}

	#contact-side-labels{

		float:left;

		padding-right:10px;

		font-family: Arial, sans-serif;

		font-style: italic;

		color: #333333;

	}



	#contact-side-inputs{

		float:left;

	}



		#contact-side-labels .ContactSideItem,

		#contact-side-inputs .ContactSideItem{

			clear:left;

			padding-bottom: 2px;

		}



	#contact-side-map{

		padding-top: 15px;

	}

		#contact-side-map a{

			color: #3B7378 !important;

		}

		#contact-side-map a:hover{

			color: #B8C9CC !important;

		}

/************************************************************************

#  CONTACT END

*************************************************************************/







/************************************************************************

#  COMMENTS

*************************************************************************/

#comments-archived-title{

	padding-bottom:10px;

	padding-top:5px;

}

	#comments-archived-title a{

		font-style:italic;

	}

#comments-archived{

	display: none;

}



#comments{

	position:relative;

	padding-top: 18px;

}

	#comments .CommentsTitle{

		font-family: Arial, sans-serif;

		text-decoration: none;

		color: #333333;

		font-size: 20px;

		line-height: 20px;

		padding-bottom: 19px;

	}



	ul.CommentList{

		list-style:none;

		position:relative;

	}

		ul.CommentList .CommentContainerTop{

			padding:0px;

			padding-left: 12px;

		}

			ul.CommentList .CommentAvatar{

				float:left;

				margin-right:18px;

			}

				ul.CommentList .CommentContainerTop .CommentAvatar img{

					padding:0px !important;

					margin:0px !important;

				}

			ul.CommentList .CommentAuthor{

				text-transform: uppercase;

				color: #333333;	

				padding: 9px 0 4px 0;

				font-size: 16px;

			}

				ul.CommentList .CommentAuthor a{

					text-decoration: none;

					color: #333333;					

				}

			ul.CommentList .CommentDate{

				padding-bottom:6px;

			}

				ul.CommentList .CommentDate a{

					text-decoration: none;

					color: #777777;

				}

				

		ul.CommentList .CommentContainerBottom{

			padding: 10px 8px;

			margin-top: 12px;

			background: #e9e9e9;

		}

			ul.CommentList .CommentModeration{

				font-style: italic;

			}

			ul.CommentList .CommentText,

			ul.CommentList .CommentText p{

				color: #777777;

			}



			ul.CommentList .CommentText p,

			ul.CommentList .CommentReply{

				color: #333333;	

			}



			ul.CommentList .CommentReply,

			ul.CommentList .CommentReply a{

				text-decoration: none;

				padding: 8px 0 3px 0;

			}



		/* override the indenting from the .post section */

		.Post ul.CommentList li{

			list-style:none;

			margin:0 0 36px 0;

		}

			.Post ul.CommentList li ul{

				margin-left: 10px;

				padding-top: 15px;

				border-left: 1px solid #d6d6d6;

			}

				.Post ul.CommentList li ul li{

					padding-left: 10px;

				}



	.Respond {

		position:relative;

		margin:0 0 5px 0;

		padding-top:5px;

	}

		.Respond .Left{

			width:40%;

		}



		.Respond .Right{

			width:53%;

		}



		.Respond a#cancel-comment-reply-link{

			padding: 3px 0 10px 0;

			display:block;

		}



		.Respond input,

		.Respond textarea{

			padding:5px !important;

			background:none;

			margin: 0px !important;

			background: #e9e9e9;

			border: 1px solid #d6d6d6;

			color: #777777;

			font-size: 11px;

		}



		.Respond input{

			width:60%;

		}



		.Respond textarea{

			height:82px;

			width:96.5%;

		}



		.Respond .LabelContainer{

			position:relative;

			padding-bottom:8px;

		}



		.Respond .LabelContainer label{

			position:absolute;

			top:4px;

			padding:0 0 0 10px;

		}



		.Respond input#submit{

			background: #777777;

			color: #ffffff;

			position:relative;

			top:8px;

			float:right;

			width:80px;

			border:none;

			cursor:pointer;

		}



/************************************************************************

#  COMMENTS END

*************************************************************************/





/************************************************************************

#  FOOTER

*************************************************************************/

#entry-navigation{

	padding-bottom: 19px;

}

	#entry-navigation a{

		text-decoration: none;

	}



#footer {

	margin:0 auto;

	padding:18px 0 13px 0;

	border-top: 1px solid #d6d6d6;

}

	#footer .Left{

		width: 560px;

	}

	#footer .Right{

		width: 210px;

	}

	#footer {

		position:relative;

	}

	#footer p {

		display: inline;

	}



	#footer #searchform{

		width: 210px;

		position: relative;

		top:-3px;

	}

		#footer #searchform #s{

			border: none;

			color: #B8C9CC;

			width:198px;

			height:20px;

			background: #e9e9e9;

			padding:3px 6px;

			font-size: 14px;

		}



		#footer #searchform #searchsubmit{

			display:none;

			cursor:pointer;

		}

/************************************************************************

#  FOOTER END

*************************************************************************/





/************************************************************************

#  HEADER - ORBIT

*************************************************************************/

#banner-container{

	position: relative;

	padding-bottom:11px;

}



#banner {

	width: 910px;

	height: 400px;

	background: url('images/orbit/loading.gif') no-repeat center center; overflow: hidden;

}

	#banner img,

	#banner div,

	#banner a{

		display: none;

	}



	/* CONTAINER */

	div.orbit-wrapper {

		width: 1px;

		height: 1px;

		position: relative;

	}

		div.orbit {

			width: 1px;

			height: 1px;

			position: relative;

			overflow: hidden

		}

			div.orbit>img {

				position: absolute;

				top: 0;

				left: 0;

				display: none;

			}

			div.orbit>a {

				border: none;

				position: absolute;

				top: 0;

				left: 0;

				line-height: 0;

				display: none;

			}

			.orbit>div {

				position: absolute;

				top: 0;

				left: 0;

				width: 100%;

				height: 100%;

			}



	/* TIMER */

	div.timer {

		display: none;

		width: 40px;

		height: 40px;

		overflow: hidden;

		position: absolute;

		top: 10px;

		right: 10px;

		opacity: .6;

		cursor: pointer;

		z-index: 1001;

	}

		span.rotator {

			display: block;

			width: 40px;

			height: 40px;

			position: absolute;

			top: 0;

			left: -20px;

			background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=rotator-black.png&color=ffffff) no-repeat;

			z-index: 3;

		}

		span.mask {

			display: block;

			width: 20px;

			height: 40px;

			position: absolute;

			top: 0;

			right: 0;

			z-index: 2;

			overflow: hidden;

		}

		span.rotator.move {

			left: 0;

		}

		span.mask.move {

			width: 40px;

			left: 0;

			background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=timer-black.png&color=ffffff) repeat 0 0;

		}

		span.pause {

			display: block;

			width: 40px;

			height: 40px;

			position: absolute;

			top: 0;

			left: 0;

			background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=pause-black.png&color=ffffff) no-repeat;

			z-index: 4;

			opacity: 0;

		}

		span.pause.active {

			background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=pause-black.png&color=ffffff) no-repeat 0 -40px

		}

		div.timer:hover span.pause,

			span.pause.active {

			opacity: 1;

		}



	/* CAPTIONS */

	.orbit-caption {

		display: none;

	}

		.orbit-wrapper .orbit-caption {

			background: #000;

			background: rgba(0,0,0,.6);

			z-index: 1000;

			text-align: center;

			padding: 7px 0;

			font-size: 13px;

			position: absolute;

			right: 0;

			bottom: 0;

			width: 100%;

		}





	/* DIRECTIONAL NAV */

	div.slider-nav {

		display: block;

	}

		div.slider-nav span {

			width: 36px;

			height: 36px;

			text-indent: -9999px;

			position: absolute;

			z-index: 1000;

			top: 50%;

			cursor: pointer;

			margin-top:-18px;

		}

			div.slider-nav span.right {

				background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=arrow_right.png&color=ffffff);

				right: 20px;

			}



			div.slider-nav span.left {

				background: url(http://www.conniefeng.com/rue-blog-gateway.php?action=image_colorize&effect=overlay&image=arrow_left.png&color=ffffff);

				left: 20px;

			}



	/* BULLET NAV */

	.orbit-bullets {

		display: none;

		position: absolute;

		z-index: 1000;

		list-style: none;

		bottom: -15px;

		padding: 0;

		
		left:  409.5px;

	}

		.orbit-bullets li {

			float: left;

			margin-left: 5px;

			cursor: pointer;

			color: #B8C9CC;

			text-indent: -9999px;

			width: 8px;

			height: 8px;

			overflow: hidden;

			background: #777777;

		}

			.orbit-bullets li.active {

				background:#B8C9CC;

			}

			.orbit-bullets li.has-thumb {

				background: none;

				width: 100px;

				height: 75px;

			}

			.orbit-bullets li.active.has-thumb {

				background-position: 0 0;

				border-top: 2px solid #000;

			}

/************************************************************************

#  HEADER - ORBIT END

*************************************************************************/







/************************************************************************

#  SHORTCODES

*************************************************************************/

blockquote,

blockquote p{

	font-size: 21px;

	font-style:italic;

	line-height:1.3em;

	font-family: Arial, sans-serif !important;

}



blockquote{

	background: url('images/shortcodes/quote-start.png') top left no-repeat;

	margin:0 0 15px 0;

}



blockquote p,

.entry blockquote p{

	background: url('images/shortcodes/quote-end.png') bottom right no-repeat;

	padding:5px 25px 0px 25px;

	text-indent: 2em;

}



blockquote.blockquoteLeft{

	display:inline;

	width:40%;

	float:left;

	margin:10px 10px 10px 0;

}



blockquote.blockquoteRight{

	display:inline;

	width:40%;

	float:right;

	margin:10px 0 10px 10px;

}



.red{

	border-top: 4px solid #8F0A00;

	border-bottom: 4px solid #8F0A00;

	margin:0 0 15px 0;

	padding: 10px 0 10px 40px;

	background: url('images/shortcodes/red_alert.png') no-repeat top left;

	background-position:7px 15px;

}



.green{

	border-top: 4px solid #055F00;

	border-bottom: 4px solid #055F00;

	margin:0 0 15px 0;

	padding: 10px 0 10px 40px;

	background: url('images/shortcodes/green_plus.png') no-repeat top left;

	background-position:7px 15px;

}



.yellow{

	border-top: 4px solid #AFA000;

	border-bottom: 4px solid #AFA000;

	margin:0 0 15px 0;

	padding: 10px 0 10px 40px;

	background: url('images/shortcodes/yellow_textbox.png') no-repeat top left;

	background-position:7px 15px;

}



.blue{

	border-top: 4px solid #00456F;

	border-bottom: 4px solid #00456F;

	margin:0 0 15px 0;

	padding: 10px 0 10px 40px;

	background: url('images/shortcodes/blue_check.png') no-repeat top left;

	background-position:7px 15px;

}



pre{

	border:1px dotted #777;

	padding:5px 15px;

	margin:0 0 15px 0;

	display:block;

	overflow:auto;

	background:#fff;

}



.TwoColumns{

}

	.TwoColumns .Column1{

		width: 49%;

		margin-right:2%;

		float:left;

	}

	.TwoColumns .Column2{

		width: 49%;

		float:left;

	}



.ThreeColumns{

}



	.ThreeColumns .Column1{

		width: 32%;

		margin-right:2%;

		float:left;

	}

	.ThreeColumns .Column2{

		width: 32%;

		margin-right:2%;

		float:left;

	}

	.ThreeColumns .Column3{

		width: 32%;

		float:left;

	}



.FourColumns{

}

	.FourColumns .Column1{

		width: 23.5%;

		margin-right:2%;

		float:left;

	}

	.FourColumns .Column2{

		width: 23.5%;

		margin-right:2%;

		float:left;

	}

	.FourColumns .Column3{

		width: 23.5%;

		margin-right:2%;

		float:left;

	}

	.FourColumns .Column4{

		width: 23.5%;

		float:left;

	}

/************************************************************************

#  SHORTCODES

*************************************************************************/