/*
Theme Name: The Vintage
Description: A brown colored and vintage theme. This theme includes the retro style, ornament of the borders, and the old yellow-brown vintage papers. Supporting the widgetized sidebar, widget-ready footer area, threaded-comments and multilevel jQuery drop-down custom menu.
Version: 0.01
Author URI: http://www.alihan.com.tr/blog/
Author: Ali Han
Tags:Brown,Light,Two-Columns,Right-Sidebar,Fixed-Width,Custom-Menu,Editor-Style,Featured-Images,Sticky-Post,Threaded-Comments

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* CSS Document */
* { margin:0; padding:0;}
body {
	background:url(images/bg.jpg) top center repeat;
        background:none;
        background-color:#ffffe8;
	color:#3E371A;
	font:12px/18px Arial, Helvetica, sans-serif;
	padding-top:90px;
}
img {
	border:0;
	clear:both;
	margin:0;
	height:auto;
}
ul { list-style:none;}
a, a:focus { text-decoration:none; outline:none;}
input, select, textarea {
	font:11px/14px Arial, Helvetica, sans-serif;
	outline:none;
}
/* Start: Custom Fonts by GOOGLE */
.font-1 {
	font-family: 'Special Elite', cursive;
}
/* End: Custom Fonts */
/* Start: Main Container */
.wrapperBg {
	/*background:url(images/main-bg-2.gif) repeat-x 0 100%;*/
}
.mainCont {
	margin:0 auto;
	width:1000px;
	padding: 0;
}
/* End: Main Container */

/* Start: Header */
.header {
	position:relative;
	padding:0 0 15px 50px;
}

.header h1 a {
	color:#3E371A;
	font-size:38px;
}
.header h2 {
	color:#3E371A;
	font-size:14px;
}
.header .rss-kite {
	position:absolute;
	top:-10px;
	right:15px;
	display:block;
	width:52px;
	height:45px;
	text-indent:-20000px;
	background:url(images/bg-comment-bubble-rss.png) top center no-repeat;
}

	/* Search Form */
	.header .searchForm {
		position:absolute;
		right:35px;
		top:-80px;
		padding:2px;
		opacity:
		background:#6baabb;
		opacity:0.6;
		filter:alpha(opacity=60); /* For IE8 and earlier */
	}
	.header .searchForm input.field {
		width:70px;
	}
	.header .searchForm input.field.active {
		color:#333;
		font-weight:bold;
	}
/* End: Header */

/* Start: Header Menu */
	.header-menu {
		z-index:999;
		position:relative;
		background:url(images/bg-menu.png) no-repeat 0 0;
		padding:0 22px 0 22px;
		height:45px;
	}
		.header-menu ul {
			height:40px;
			line-height:36px;
			font-size:14px;
			position:relative;
		}
		.header-menu ul li {
			float:left;
			padding-right:1px;
			position:relative;
		}
		.header-menu ul li a {
			display:block;
			padding:0 10px;
			height:36px;
			color:#fff;
			background:url(images/topmenu-bg-hover.png) repeat-x 0 -100px;
		}
		.header-menu ul li a:hover,
		.header-menu ul li.current_page_item a,
		.header-menu ul li.activeParent a {
			background-position:0 0;
		}
		.header-menu ul li.home a {
			width:50px;
			padding:0;
		}
		.header-menu ul li.home a strong {
			background:url(images/home-icon.png) no-repeat 50% 50%;
			cursor:pointer;
			height:36px;
			display:block;
			text-indent:-20000px;
		}
		.header-menu > ul > li > a {
			color:#3E371A;
			font-size:14px;
			font-weight:bold;
		}
		
			/* Drop Down Menu */
			.header-menu ul ul {
				position:absolute;
				width:200px;
				left:0;
				top:36px;
				background:#9C8A64;
				height:auto;
				font-size:13px;
				line-height:18px;
				display:none;
			}
				.header-menu ul ul li {
					float:none;
					padding:0;
					min-height:35px;
					background:url(images/bg-menu.png) -35px 0;
				}
				.header-menu ul ul li:hover {
					background:url(images/topmenu-bg-hover.png) repeat-x;
				}
				.header-menu ul ul li a {
					display:block;
					background:none;
					height:auto;
					padding-top:8px;
					padding-bottom:4px;
					height:100%;
				}
				.header-menu ul ul li.sub > a span {
					float:right;
					height:8px; width:5px;
					margin-top:8px;
					background:url(images/bullet-right.gif) no-repeat;
				}				
                .header-menu ul ul ul {
	            left:100%;
	            top:0;
                }			
/* End: Header Menu */

/* Start: Body Content */
.body-bg {
	background:url(images/bg-body.png) repeat-y;
}
.bodyContent {
	padding:0 20px 20px 50px;
	overflow:hidden;
	height:100%;
}
	/* Start: Left Panel */
	.leftPanel {
		width:660px;
		float:left;
		padding:10px 0 0 0;
		margin: 0;
	}
		.leftPanel a {
			color:#3E371A;
		}
		.leftPanel a:hover { text-decoration:none;}
		/* Post */
		.post, .type-page {
			position:relative;
			margin:0;
			padding: 0 0 34px 0;
		}
		.post {
			background:url(images/hr.png) no-repeat bottom center;
		}
			.post .post-title,
			.type-page .post-title {
				color:#3E371A;
				text-decoration:none;
				font-size:20px;
				line-height:28px;
				display:block;
				min-height:30px;
				padding:0 0 5px 30px;
			}
			.post h2 a:hover, .type-page h2 a:hover { text-decoration:underline;}
			body.page .type-page .post-title {
				padding:0 0 5px 0;
			}
			.post .more-link a {
				display:block;
				float:right;
				text-decoration:none;
			}
			.post img {
				max-width:600px;
			}
			/* post date */
			.entry-date {
				display:block;
				position:absolute;
				top:-4px;
				left:-29px;
				width:40px;
				height:45px;
				padding-left:15px;
				background:url(images/bg-date.png);
				color:#3E371A;
				font-weight:bold;
				text-shadow:1px 1px 1px #D3C19B;
				text-transform:uppercase;
				line-height:12px;
			}
			.entry-date .d {font-size:19px; margin-top:8px;}
			.entry-date .m {font-size:10px;}
			.entry-date .toggle-me {
				position:absolute;
				top:-1px;
				left:55px;
				width:150px;
				padding:1px 5px 1px 6px;
				background:#AD9B75;
				border:#3E371A 1px solid;
			}
			.entry-date .toggle-me b {
				font-size:10px;
			}
			.entry-date .toggle-me p {
				margin:0;
				padding:5px;
			}
			/* comment bubble */
			.post .comment-bubble {
				position:absolute;
				top:0;
				right:-20px;
				width:52px;
				height:45px;
				background:url(images/bg-comment-bubble.png);
			}
			.post .comment-bubble .count {
				display:block;
				border:none;
				text-transform:uppercase;
				text-decoration:none;
				text-align:center;
				font-size:18px;
				font-weight:bold;
				color:#666;
				margin:6px 4px 0 0;
			}
			.post .comment-bubble span.count {
				color:#999;
			}
			/* post categories and tags */
			.post .tags-cats select {
				padding:3px 3px 3px 20px;
				margin-left:5px;
				border:#D2D2D2 1px solid;
				background:#FEFFE1 no-repeat;
			}
			.post .tags-cats select .title {
				color:#999;
			}
			.post .tags-cats select.cats {
				background-image:url(images/icon-dir.png);
			}
			.post .tags-cats select.tags {
				background-image:url(images/icon-tag.png);
			}
				/* content */
				.entryContent { 
					overflow:hidden;
					height:100%;
				}
				/* links*/
				.entryContent a { color:#3E371A; border-bottom:#3E371A dotted 1px;}
				.entryContent a:hover { border-bottom:#000 solid 1px;}
				/* headings */
				.entryContent h1,
				.entryContent h2,
				.entryContent h3,
				.entryContent h4 {
					padding:0;
					font-family:Arial, Helvetica, sans-serif;
					text-transform:none;
					clear:both;
					font-weight:bold;
				}
				.entryContent h1 {
					font-size:24px;
					color:#000;
				}
				.entryContent h2 {
					font-size:19px;
				}
				.entryContent h3 {
					font-size:17px;
				}
				.entryContent h4 {
					font-size:15px;
				}
				.entryContent h5 {
					font-size:14px;
				}
				.entryContent h6 {
					font-size:12px;
				}
				
				/* Paragraph text */
				.entryContent p {
					padding-bottom:18px;
				}
				/* Blockquote */
				.entryContent blockquote {
					font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
					background: url(images/quote-open.png) no-repeat left top\9 !important; /* background-image hack for IE8 and below */
					background-image: url(images/quote-open.png), url(images/quote-close.png);
					background-position: top left, bottom right;
    				background-repeat:no-repeat;
					padding-left: 0px;
					padding-bottom: 10px;
					text-indent: 28px;
					color:#fff;
				}
				/* hr */
				.entryContent hr {
					border:none;
					width:99%;
					height:32px;
					background: url(images/hr.png) no-repeat top center;
				}
				
				/* Unordered List */
				.entryContent ul {
					list-style:disc;
					padding:0 0 20px 20px;
				}
					.entryContent ul li {
						padding-bottom:3px;
					}
					
				/* Ordered List */	
				.entryContent ol {
					list-style:decimal inside;
					padding:0 0 20px 5px;
				}
				
				/* Defination List */
				.entryContent dl {
					padding:10px;
				}
				.entryContent dl dt {
					font-weight:bold;
					padding-bottom:3px;
				}
				.entryContent dl dd {
					padding:0 0 5px 10px;
				}
				
				/* Tabular data */
				.entryContent table {
					border:#DCDCDC 1px solid;
					border-collapse:collapse;
					margin-bottom:20px;
				}
					.entryContent table td {
						border:#DCDCDC 1px solid;
						padding:3px 8px;
					}
				
				/* Code Display Style */
				.entryContent pre {
					padding-bottom:20px;
				}
				
				/* Image testing */
				.alignright {
					float:right;
					margin:0 0 10px 10px;
				}
				.alignleft {
					float:left;
					margin:0 10px 10px 0;
				}
				.aligncenter {
				    clear: both;
	                display: block;
					margin:0 auto 10px;
				}
				.alignnone {
					margin-bottom:10px;
					margin-right: 5px;
				}
				.size-thumbnail {
					margin-right:8px;
					display:inline;
				}
				.attachment-post-thumbnail {
					float: left;
					background:url(images/bg-calendar.png);
					padding:10px;
					margin:5px 10px 5px 0;
					border-bottom: 2px solid #330000;
					border-right: 1px solid #534525;
				}
				
	/* End: Left Panel */
	/* Start: Right panel */
	.rightPan {
		width:251px;
		float:right;
		margin: 0;
		padding: 0;
	}
		.rightPan .inner {
			padding:0 20px 0 18px;
			background:url(images/sidebar-border.png) repeat-y 0 0;
		}
		.rightPan span.topBg,
		.rightPan span.bottomBg {
			display:block;
			height:9px;
			font-size:0;
			line-height:0;
		}
		.rightPan span.bottomBg {
			background:url(images/widget-orn-2.png) no-repeat center bottom;
			height:16px;
		}
		.rightPan h3 {
			background:url(images/widget-orn-1.png) no-repeat center top;
			margin:3px 0 5px 0;
			padding-top:15px;
			font-size:18px;
			line-height:28px;
			color:#6E5E39;
			text-align:center;
		}
		.rightPan h3 span {
			display:block;
			background:url(images/widget-orn-2.png) no-repeat center bottom;
			height:16px;
		}
		.rightPan a { color:#6E5E39;}
		.rightPan a:hover { color:#3E371A;}
		
		/* Start: Widget Style */
		.widgetBlock {
			padding-bottom:18px;
		}
		.widgetBlock ul {
			line-height:16px;
		}
		.widgetBlock ul li {
			padding:7px 0 7px 17px;
			background:url(images/bullet-right.gif) no-repeat 3px 13px;
		}
		/* End: Widget Style */
		
		/* Start: Search Form Style */
		.searchForm {
			background:#F1F1F1;
			padding:14px 11px 14px 14px;
			overflow:hidden;
		}	
			.searchForm p {
				border-top:#909090 1px solid;
			}
			.searchForm input { float:left;}
			.searchForm input.field {
				border-color:#909090;
				border-style:solid;
				border-width:0 0 0 1px;
				padding:3px 3px;
				height:15px;
				width:160px; 
				color:#575757;
				background-color:#fff;
			}
			.leftPanel .searchForm { padding-right:0;}
			.leftPanel .searchForm input.field { 
				width:560px;
				height:20px;
				font-size:18px;
				line-height:20px;
				padding:6px 8px 8px;
			}
			.leftPanel .searchForm p {
				background-color:#fff;
				overflow:hidden;
				width:98%;
			}
			.leftPanel .searchForm p input.btn {
				float:right;
				margin-top:5px;
			}
		/* End: Search Form Style */
		
	/* End: Right panel */
	
.body-top {
	display:block;
	height:24px;
	background:url(images/bg-top.png) no-repeat;
}
.body-bottom {
	display:block;
	height:64px;
	background:url(images/bg-bottom.png) no-repeat left bottom;
}

/* End: Body Content */


/* Start: Footer */
.footer {
	background:url(images/footer.png) no-repeat top center;
}
.footer a,
.footer a:visited {
	color:#3E3619;
}
.footer h3 {
	width:100%;
	display:block;
	color:#3E3619;
	background:url(images/widget-orn-2.png) no-repeat center bottom;
	font-size:18px;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:5px;
}
.footer .inner {
	width:935px;
	margin:0 auto;
	padding:36px 0 10px 0;
	overflow:hidden;
	height:100%;
	min-height:200px;
}
.footer .footer-widget {
	float:left;
	width:290px;
	overflow:hidden;
}
.footer .footer-widget.center {
	margin:0 15px 0 25px;
}
.footer .footer-widget.right {
	float:right;
}
.by {
	padding-right:15px;
	text-align:center;
	margin:5px 0 25px 0;
}
.footer .credits, .footer .credits a { text-align:center; letter-spacing:3px; font-size: 11px; margin-top: 25px;}
	/* Tag cloud*/
	.wp-tag-cloud {
		text-align:center;
	}
	.wp-tag-cloud ul {
		margin: 0 auto;
	}
	.wp-tag-cloud li,
	.widgetBlock ul.wp-tag-cloud li {
		display:inline-block;
		margin:0 5px 3px 0;
		background:url(images/tag-bg.png) no-repeat;
		border:none;
		padding:0;
	}
	.wp-tag-cloud li a,
	.wp-tag-cloud li a:visited {
		display:block;
		color:#3E371A;
		background:url(images/bg-calendar.png);
		border:#646464 1px solid;
		font-size:11px;
		font-weight:bold;
		height:20px;
		padding:2px 5px 0 3px;
		margin-left:18px;
	}
/* End: Footer */

/* Comment Form */
#respond h3 {
	font-size:24px;
	font-weight:bold;
	margin:20px 0 25px 0;
}
#commentform p {
	padding-bottom:12px;
}
#commentform .comment-notes,
#commentform .form-allowed-tags {
	clear:both;
}
#commentform .comment-notes .required {
	position:relative;
	font-size:12px;
	top:0;
}

#commentform p span.required {
	position:absolute;
	top:25px;
	right:0;
	font-size:36px;
	font-weight:bold;
	color:#D50000;
}

#commentform label {
	font-size:18px;
	padding-left:5px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
	position:relative;
	float:left;
}
.comment-form-email {
	margin:0 8px 0 8px;
}
.comment-form-comment {
	display:block;
}
#commentform #author,
#commentform #email,
#commentform #url {
	display:block;
	background:url(images/bg-input.png) no-repeat;
	border:none;
	width:180px;
	height:40px;
	margin:0;
	padding:3px 10px 0;
	color:#8F7445;
	font-size:18px;
}
#commentform #comment {
	display:block;
	background:url(images/bg-textarea.png) no-repeat;
	border:none;
	width:600px;
	height:100px;
	padding:10px 30px 10px 10px;
	color:#8F7445;
	font-size:18px;
}
#commentform input#submit {
    color: #3E371A;
    font-size: 15px;
	font-weight:bold;
    height: 35px;
    line-height: 35px;
	background: url("images/bg-calendar.png");
	border:none;
    border-bottom: 2px solid #330000;
    border-right: 1px solid #534525;
	margin-top: 15px;
    padding: 6px;
}
h3#respond,
h3#comments {
	font-size:20px;
	padding-bottom:10px;
}
/* Comment Reply Form */
ul.commentlist li.comment #respond #commentform .comment-form-author,
ul.commentlist li.comment #respond #commentform .comment-form-email,
ul.commentlist li.comment #respond #commentform .comment-form-url {
	float:none;
	display:block;
	margin:0;
}
ul.commentlist li.comment #respond #commentform #author,
ul.commentlist li.comment #respond #commentform #email,
ul.commentlist li.comment #respond #commentform #url,
ul.commentlist li.comment #respond #commentform #comment {
	display:block;
	background:#FFF;
	border:#999 1px solid;
	width:90%;
	height:45px;
	padding:0 10px 0 10px;
	color:#CCC;
	font-size:18px;
}
ul.commentlist li.comment #respond #commentform #comment {
	height:150px;
	padding:10px;
}

/* Comment Closed */
p.nocomments {	
	font-weight:bold;
	font-style:italic;
}

/* Comment List */
.comments-paginate {
	text-align:center;
}
.comments-paginate span,
.comments-paginate a {
	display:inline-block;
	background:url(images/bg-nav.png) top center;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	height:16px;
	padding:8px;
}
.comments-paginate .prev {
	background-position:top left;
	padding-left:50px;
}
.comments-paginate .next {
	background-position:top right;
	padding-right:50px;
}
.comments-paginate .current {
	color:#999;
}
.commentlist li {
	overflow:hidden;
}
.commentlist ul.children li {
	padding-left:20px;
	background:url(images/icon-reply.png) no-repeat;
}
.commentlist .comment-body .comment-reply-link {
	float:right;
	display:none;
}
.commentlist li .comment-body {
	position:relative;
	padding-bottom:20px;
	border:1px solid transparent;
}
.commentlist .comment-body:hover {
	border:#AE9D71 1px dotted;
}
.commentlist .comment-body:hover .comment-reply-link {
	color:#3E371A;
	font-size:16px;
	font-weight:bold;
	display:inherit;
}
.commentlist li .comment-body ul,
.commentlist li .comment-body ol {
	list-style:inside;
	padding-left:10px;
}
.commentlist li .comment-body ul {
	list-style:upper-roman;
}

.commentlist li img.photo {
	float:left;
	margin:5px;
	border:#ccc 1px solid;
	padding:2px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 0px 5px 1px ;
	-moz-box-shadow: 0px 0px 5px 1px ;
	box-shadow: 0px 0px 5px 1px ; 
}
.commentlist li p img {
	display:inline;
}
.commentlist li p {
	padding-bottom:8px;
}

.commentlist cite.fn,
.commentlist cite.fn a {
	color:#000;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.commentlist li .says {
	display:none;
}
.commentlist li .commentmetadata {
	float:right;
	display:inline-block;
}
.commentlist li .commentmetadata a {
	position:absolute;
	top:0;
	right:0;
	font-size:10px;
	text-decoration:none;
	display:none;
}
.commentlist .comment-body:hover .commentmetadata a {
	display:block;
}
.commentlist li .commentmetadata a.comment-edit-link {
	top:15px;
}

/*Custom style*/
.author-bio {
	margin:25px 0 25px 0;
	width:600px;
	padding:10px;
	border:#927B55 1px dotted;
}
.author-bio .name-avatar {
	float:left;
	width:80px;
	text-align:center;
}
.author-bio .name-avatar .avatar {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:#CCC 1px solid;
}
.author-bio .description {
	float:right;
	width:500px;
	text-align:justify;
}
.navigation {
}
.navigation a {
	position:relative;
	background:url(images/bg-nav.png) top left no-repeat;
	color:#402F0B;
	font-size:16px;
	font-weight:bold;
	padding:6px 10px 0 50px;
	height:26px;
	display:block;
	text-decoration:none;
}
.navigation .alignright a {
	background-position: top right;
	padding:6px 50px 0 10px;
}
.toggle-me { display:none; }
s {color: #000;}
.sticky h2 { background:url(images/sticky.png) 0 0 no-repeat; margin-left:40px; padding-left:25px; }
.wp-caption {
	background: url("images/bg-calendar.png");
	border-bottom: 2px solid #330000;
    border-right: 1px solid #534525;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px 0;
	padding:0;
	color: #330000;
	font-size: 12px;
}
.wp-caption a, .wp-caption a:hover {
	color: #330000;
	border:none;
}
.bypostauthor {}
.clear {clear: both;}

/* Post Format: Gallery */
.gallery-caption {
	color: #000;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl,
.gallery dt {
	padding:0;
	margin:0;
}
#gallery-1 dl dt {
	font-weight:bold;
}
#gallery-1 dl dt a {
	border:none;
}
#gallery-1 dl dt img {
	background:url(images/bg-calendar.png);
	padding:10px;
	border-bottom: 2px solid #330000;
    border-right: 1px solid #534525;
}

/* Calendar Widget */
.widget_calendar {float: left;}
#wp-calendar {
	margin:0 auto;
	padding:5px;
	width:220px;
	background:url(images/bg-calendar.png);
	border-bottom:#300 2px solid;
	border-right:#534525 2px solid;
}
#wp-calendar caption { text-align:center; color: #3E371A; font-size: 12px; font-weight:bold; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar tbody { color:#3E371A; font-size:16px; font-weight:bold; }
#wp-calendar tbody a { color:#3E3619; display:block; }
#wp-calendar tbody td {
	background:url(images/bg-calendar.png);
	border-bottom:#300 2px solid;
	border-right:#534525 1px solid;
	text-align:center;
	padding:6px 3px;
}
#wp-calendar tbody .pad { background: none; border:none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; }


/* Image testing */
.alignright {
float:right;
margin:0 0 10px 10px;
}
.alignleft {
float:left;
margin:0 10px 10px 0;
}
.aligncenter {
clear: both;
display: block;
margin:0 auto 10px;
}
.alignnone {
margin-bottom:10px;
margin-right: 5px;
}
.size-thumbnail {
margin-right:8px;
display:inline;
}

.wp-caption img, .wp-caption embed {max-width: 580px;}
.wp-caption {max-width: 600px;}



.dropdown-show {
	display:none;
}

.dropdown-overlay {
	position: fixed;
	width: 50%;
	height: 100%;
	
	top: 205px;
	left: 30%;
	z-index: 1000;
	opacity: 1;
	background: none;
	-webkit-transition: all 1.5s ease-out;
	-moz-transition: all 1.5s ease-out;
	transition: all 1.5s ease-out;

}


.dropdown-content {
	color: #3e371a;
	
        background:url(images/footer.png) no-repeat;
        z-index: 5001;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;

}

.dropdown-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
font-family: 'Special Elite', cursive;
	font-size: 2em;
line-height: 1.1em;
	font-weight: 300;
	opacity: 1;
z-index: 10000;
	background: none;
	border-radius: 3px 3px 0 0;
}

.dropdown-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.01em;
}

.dropdown-content > div p {
	margin: 0;
	padding: 10px 0;
}

.dropdown-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.dropdown-content > div ul li {
	padding: 5px 0;
}

.dropdown-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}


.dropdown-bttnn {
	margin-left:33%;
        float: center;
	background: url("../images/go-btn.png") no-repeat center center #4d94eb;
	height:29px;
	font-size: 16px;
        color: F1F2F2;
	border:1px solid #F1F2F2;
	border-left: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	width:29px;


}




.dropdown-bttnn:hover{
  color: #ffffff;
  background-color: #b53000;
  *background-color: #9c2900;
-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;


}

.dropdown-bttnn:active {
background-color: #bfff00;
*background-color: #900000;
}

.dropdown-bttnn:hover .dropdown-show {
 display:block;
}

.dropdown-overlay:hover .dropdown-show{
 display:block;
}


#post-wrap {
    position: relative;
    margin: 20px 0px 0px 20px;
    padding: 10px 10px 10px 10px;
    height: auto;
    min-height: 150px;
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    background-color: #fff;
/*  box-shadow: rgba(0, 0, 0, 0.247059) 0px 3px 8px 0px; */
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px
}

#show-stuff{
    position: absolute;
    right: -400px;
    top: 10px;
    margin: 0px 0px 0px 0px;
    height: 100px;
    width: 150px;
    overflow: auto;
}

#button-delete {
    cursor: pointer;
    float: right;
    height: 30px;
    width: auto;
    border: 1px solid #bbb;
    border-radius: 4px 4px 4px 4px;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
    display:none;
}

#button-delete p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: calibri;
    font-weight: bold;
    font-size: 16px;
    color: #444;
}

#post-wrap:active #button-delete{
    display:block;
}


#set-6 {
	background: #64bb5d;
}

.no-touch a:hover,
.no-touch a:active {
	color: #333;
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}



.hi-icon-cog:before {
	content: "\2665";
}

.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;

}


.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;

}

.yellow-gear-box {
position: absolute;

	width: 128px;
	height: 128px;
	top: 205px;
	left: 30%;
	z-index: 100000;
	background: transparent;
}

#gear-yellow-spinning {
position: absolute;
top: 0;
left: 0;    
width: 128px;
    height: 128px;
    background: url('images/gear_yellow.png');
z-index: 10300;
display:none;

}


#gear-yellow-static {
position: absolute;
top: 0;
left: 0;
    width: 128px;
    height: 128px;
    background: url('images/gear_yellow.png');
z-index: 50000;
}


.red-gear-box {
position: absolute;

	width: 128px;
	height: 128px;
	top: 405px;
	left: 30%;
	z-index: 100000;
	background: transparent;
}

#gear-red-spinning {
position: absolute;
top: 0;
left: 0;    
width: 128px;
    height: 128px;
    background: url('images/gear_red.png');
z-index: 10300;
display:none;

}


#gear-red-static {
position: absolute;
top: 0;
left: 0;
    width: 128px;
    height: 128px;
    background: url('images/gear_red.png');
z-index: 50000;
}



.blue-gear-box {
position: absolute;

	width: 128px;
	height: 128px;
	top: 505px;
	left: 40%;
	z-index: 100000;
	background: transparent;
}

#gear-blue-spinning {
position: absolute;
top: 0;
left: 0;    
width: 128px;
    height: 128px;
    background: url('images/gear_blue.png');
z-index: 10300;
display:none;

}


#gear-blue-static {
position: absolute;
top: 0;
left: 0;
    width: 128px;
    height: 128px;
    background: url('images/gear_blue.png');
z-index: 50000;
}



@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}



.rotating-clock {
    -webkit-animation: rotating 2.5s linear infinite;
}


@-webkit-keyframes spinElement {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

.rotating-counter {
     -webkit-animation: spinElement 2.5s linear infinite;
}

.yellow-gear-box:hover #gear-yellow-spinning {
display:block;
}

.yellow-gear-box:hover #gear-yellow-static {
display:none;
}

.red-gear-box:hover #gear-red-spinning {
display:block;
}

.red-gear-box:hover #gear-red-static {
display:none;
}



.blue-gear-box:hover #gear-blue-spinning {
display:block;
}

.blue-gear-box:hover #gear-blue-static {
display:none;
}



.spinner {
  height: 102px;
  width: 102px;
  overflow: hidden;
  background: #000;
  -webkit-mask-image: url('images/gear_yellow.png');
  -webkit-mask-size: 102px 102px;

}


.spinner:hover {
  height: 102px;
  width: 102px;
  overflow: hidden;
  background: #f00911;
  -webkit-mask-image: url('images/gear_yellow.png');
  -webkit-mask-size: 102px 102px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -webkit-mask-image: url('images/gear_yellow.png');
  -webkit-mask-size: 124px 124px;
  -webkit-mask-background: #000;



}

ul.no_bullet {
list-style-type: none;
padding: 0;
margin: 0;
}



li.phone-icon {
background: url("http://honorbrightonline.com/wp-content/uploads/2014/08//phone-icon-black.png") no-repeat left top;
height: 40px;
margin-top: 6px;
padding-left: 34px;
padding-top: 0px;
padding-bottom: 5px;
}


li.chat-icon {
background: url("http://honorbrightonline.com/wp-content/uploads/2014/08//chat-icon-black.png") no-repeat left top;
height: 40px;
margin-top: 6px;
padding-left: 34px;
padding-top: 0px;
padding-bottom: 5px;
}


li.email-icon {
background: url("http://honorbrightonline.com/wp-content/uploads/2014/08//small-envelope-icon-black.png") no-repeat left top;
height: 40px;
margin-top: 6px;
padding-left: 34px;
padding-top: 0px;
padding-bottom: 5px;
}


.span32-contact {
    position: relative;
    margin: 20px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    height: auto;
    min-height: 140px;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 6px 6px 6px 6px;
    background-color: #f2efef;
  box-shadow: rgba(0, 0, 0, 0.347059) 0px 5px 10px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px 0px
}