/* #Table of Contents

1. Site Styles
2. Top
3. Navigation
4. Main
5. Slider
6. Posts
7. Hot Categories
8. Posts Half
9. Pages
10. Author Page
11. Contact Page
12. 404 Page
10. Portofolios
11. Teams
12. Author Page
13. Sidebar
14. Footer
15. Bottom
16. Tabs
17. Icon Packs
18. Overlay Images
19. Input Icon
20. CSS Hacks
21. Media Queries
================================================== */





/* ========================= 1. Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}


.sepBorder {
	clear:both;
	display:block;
	height:8px;
	width:100%;
	background:url(../images/sepBorder2.png) repeat-x left top;
}

.clearfix {
	clear:both;
	visibility: hidden;
	line-height: 0;
	height: 0;	
}

figure {
	background-color:#FFF;
	line-height:0;
	padding:2px;
	border:3px solid #efefef;
	position:relative;
}

	figure img {
		width:100%;
	}

.no-margin-top {
	margin-top:0px !important;	
}

.margin-top30 {
	margin-top:30px !important;	
}
	
/* Site Element Styles */
	
.desc {
	background-color:#f6f6f6;
	font-size:12px;
	color:#8e8e8e;
	padding:10px;
	display:inline-block;
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.icon {
	padding-left:20px;
	text-align:left !important;
}

.input-icon {
	padding-right:55px;	
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

.embed {
	position: relative;
	padding: 0;
	padding-bottom: 56.25%;
	height: 56.25%;
	overflow: hidden;
}

.responsive {
	display: none;
	width:100%;
	padding:10px;
	margin:20px 0px;
}

/* Text Styles */

.smooth {
	color:#8e8e8e;	
}
	
.sharp {
	color:#444444;
}

.font-required {
	color:#f2472d;
}

.uppercase {
	text-transform:uppercase;	
}

.lowercase {
	text-transform:lowercase;	
}

/* Alingment Styles */

.aligncenter {
    display: block;
    margin: 0px auto 20px auto;
}

.alignright {
    float: right;
    margin: 10px 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

.left { float:left;	}
.right { float:right; }
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }

/* Image Styles */

.text-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

	.text-caption img {
		margin: 0;
		padding: 0px 4px !important;
		border: 0 none !important;
		width:100%;
		background-color:transparent !important;
	}
	
		.text-caption p.text-caption-text {
			font-size: 11px;
			line-height: 17px;
			padding: 0 4px 5px;
			margin: 0;
		}
		
/* Dropcap */

.dropcaps {
	float: left;
	color: #3A3A3A;
	font-size: 3.25em;
	line-height: 1em;
	padding-right: 10px;
	padding-top:3px;
}

/* Table */

table tr td, table tr th {
	border:1px solid #EBEBEB;
	padding:4px 4px;
	text-align:left;
}

table tr th {
	font-weight:bold;
	background-color:#F6F6F6;
	text-align:center;
}

table tfoot tr td {
	background-color:#FAFAFA;	
}

/* Highlight */

.highlight {
	padding:0.125em 0.25em 0.125em 0.25em;
	background-color:#f2472d;
	color:#FFF;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
}

/* Info Boxes */

.info-boxes {
	padding:10px;
	-moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
	font-family:'Droid Serif', serif;
	margin-bottom:10px;
	font-size:12px;
}

.info-boxes.error {
	background-color:#f8d2cc;
	color:#fc3c3c;
	border:1px solid #ffb6ab;	
}

.info-boxes.success {
	background-color:#cff5cc;
	color:#36b42c;
	border:1px solid #93f786;	
}

.info-boxes.information {
	background-color:#cce5fb;
	color:#5674d7;
	border:1px solid #99c9f3;	
}

.info-boxes.warning {
	background-color:#fdf0ca;
	color:#c5ac67;
	border:1px solid #f5de9b;	
}

/* ========================= 2. Top ========================= */



/* Logo */

.top header {
	padding:6px 0px;
}

	.top .logo {
		margin-top:0px;
	}
		
		.top .logo h1 {
			font-size:3em;
			color:#f2472d;
			text-transform:uppercase;
			margin:0px;
			line-height:1em;
		}
		
		.top .logo h5 {
			font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
			color:#8d8d8d;
			font-weight:bold;
			margin:0px;
		}
	
	.top ul.top_links {
		text-align:right;
		margin-bottom:5px;
		font-size:0.875em;
	}
	
		.top ul.top_links li {
			display:inline;
			margin-left:15px;
		}
		
			.top ul.top_links li a {
				font-family:'Droid Serif', serif;
				text-decoration:none;
				color:#6f6f6f;
			}
			
			.top ul.top_links li a:hover {
				color:#434343;	
			}
			
	.top form {
		margin:0px;	
	}

		.top form input[type="text"] {
			width:100%;
			margin:0px;
			padding-right:55px;
		}
		
		
		
/* ========================= 3. Navigation ========================= */

.nav_menu {
	background:url(../images/basenav.png) #000000 repeat-x;	
    margin-top: -1px;
    border-top: 1px solid #444444;
}

	.nav_menu ul {
		margin:0px;
		z-index: 100;
		border-left:1px solid #444;
	}

		.nav_menu ul li {
			float:left;
			margin:0px;
			position:relative;
		}
		
		.nav_menu ul li.active {
			background-color:#2c2c2c;
		}
		
		.nav_menu ul li:hover > ul {
			display: block;
		}
		
			.nav_menu ul li a {
				color:#FFF;
				text-decoration:none;
				font-size:1em;
				float:left;
				padding:15px 25px;
				border-right:1px solid #444;
				-webkit-transition: background-color 0.2s ease-out;
				-moz-transition: background-color 0.2s ease-out;
				-o-transition: background-color 0.2s ease-out;
				-ms-transition: background-color 0.2s ease-out;
				transition: background-color 0.2s ease-out;
			}
			
			.nav_menu ul li a:hover {
				background-color:#2c2c2c;	
			}
			
			.nav_menu ul li.active a:hover {
				background-color:#2c2c2c;
			}
			
			.nav_menu ul li.active ul li a:hover {
				background-color:#2c2c2c;
			}
			
/* Sub Navigation */
			
.nav_menu ul li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 200px;	
	background:url(../images/basenav.png) #313131 repeat-x;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
}
		
	.nav_menu ul li ul li {
		border-bottom: 1px solid #404246;
		width:100%;
	}
		
	.nav_menu ul li ul li:last-child {
		border-bottom: none;
	}
		
		.nav_menu ul li ul li a {
			width:100%;
		}
		
		/* Submenu level 2 */
		.nav_menu ul li ul li ul {
			left: 100%;
			top: -1px;
			font-size:1em;
		}
		


/* ========================= 4. Main ========================= */

.main {
	margin-top:40px;
	margin-bottom:60px;
}
		


/* ========================= 5. Slider ========================= */

.container.slider {
	margin-top:40px;	
}

.flexslider ul.slides {
	margin:0px;
}
	
	.flexslider ul.slides li {
		position:relative;	
	}
		
		.flexslider ul.slides li .text {
			position:absolute;
			bottom:5px;
			left:5px;
			right:5px;
			padding:15px;
			background-color:#000;
			color:#C1C1C1;
			opacity:0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter:alpha(opacity=70);
		}
		
			.flexslider ul.slides li .text h4 {
				margin-bottom:5px;
				color:#FFF;
			}
			
			.flexslider ul.slides li .text p {
				margin:0px;	
			}
			
			.flexslider ul.slides li .text a {
				color:#FFF;	
			}
			
			.flexslider ul.slides li .text a:hover {
				color:#C1C1C1;	
			}
			
		
			.flexslider ul.slides li .text2 h4 {
				background-color:#2E2E2E;
				color:#FFF;
				text-transform:uppercase;
				font-family:'Droid Serif', serif;
				padding:10px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
				margin-bottom:10px;
				display:inline-block;
				margin-top:1px;
			}
			
			.flexslider ul.slides li .text2 p {
				margin-bottom:10px;	
			}



/* ========================= 6. Posts ========================= */

.posts {
	margin:20px 0px 40px 0px;	
}

	.posts article {
		display:inline-block;
		border-bottom:1px solid #efefef;
		margin-bottom:15px;
	}

	.posts .meta {
		text-align:right;
		font-size:0.925em;
		font-family:'Droid Serif', serif;	
	}
	
		.posts .meta .desc {
			padding:5px;
			margin-top:10px;	
		}
	
	.posts .thumb figure {
		margin-bottom:10px;	
	}
	
		.posts .thumb figure img {
			height:150px;
		}
		
		.posts .meta a {
			color:#f2472d;	
		}
		
		.posts .meta a:hover {
			color:#b14333;	
		}
		
/* Single */

.single {
	display:inline-block;
}

	.single .desc {
		margin-bottom:10px;
		text-align:left;
	}
	
	.single h1, .single h2, .single h3, .single h4, .single h5, .single h6 {
		margin-bottom:15px;
	}
		
	.single img {
		background-color:#FFF;
		line-height:0;
		padding:2px;
		border:3px solid #efefef;
		max-width:540px;
	}
	
	.single .tags {
		margin-top:30px;
		font-size:0.875em;
		font-family:'Droid Serif', serif;
		border-bottom:1px solid #EBEBEB;
		padding-bottom:20px;
	}
	
	figure.video {
		margin-bottom:20px;	
	}
	
	.single a, .single .tags .lists {
		color:#f2472d;	
	}
		
	.single a:hover {
		color:#b14333;	
	}
	
	.single .flexslider {
		margin-bottom:0px;	
	}
	
	.single .flexslider img {
		max-width:580px;	
	}
	
	.single .flexslider.carousel {
		margin-bottom:50px;
		background-color:#f5f1e6;
		width:580px;
	}
	
		.single .flexslider.carousel ul li {
			margin:5px;	
		}
		
		.single .flexslider.carousel .flex-control-nav {
			bottom:-35px;	
		}
		
			.single .flexslider.carousel ul li img {
				margin:0px;
				padding:0px;
				border:0px;
				max-width:100%;
			}
	
		.single .flexslider.carousel .flex-active-slide {
			opacity:0.5;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter:alpha(opacity=50);	
		}
	
		.single .flexslider.carousel img:hover {
			opacity:0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter:alpha(opacity=70);
			cursor:pointer;
		}
	
	.single .sepBorder {
		margin-bottom:20px;	
	}
		
/* Single Auhor */
		
.single_author {
	display:inline-block;
	width:100%;
	background-color:#fafcfe;
	padding:10px 0px;
	border-bottom:1px solid #EFEFEF;
}
	
	.single_author .single_author_avatar {
		padding:0px 10px;
	}
		
		.single_author .single_author_avatar img {
			width:100%;
			padding: 2px;
			background-color: white;
			border: 1px solid #CACACA;
			float: left;
			margin-bottom:10px;
		}
			
		.single_author .single_author_details h5 {
			text-transform:uppercase;
			margin-bottom:5px;
		}
			
		.single_author .single_author_details p {
			margin-bottom:0px;
			font-size:0.925em;
			line-height:1.4em;
		}
	
/* Related Posts */
	
.single_related_posts {
	display:inline-block;
	width:100%;
	margin-bottom:20px;
	text-align:left;
}
	
	.single_related_posts .desc {
		margin-top:5px;
	}
	
	.single_related_posts ul {
		margin:0px;
	}

		.single_related_posts ul li {
			float:left;
			width:100%;
		}
		
			.single_related_posts ul li img {
				width:10%;
				padding:2px;
				background-color:#FFF;
				border:1px solid #CACACA;
				float:left;
				margin-right:3%;
				margin-top:3px;
			}
			
			.single_related_posts ul li > .content {
				float:left;
				width:86%;
				text-align:left;
			}
			
	.single_related_posts a {
		color:#555;
	}
	
	.single_related_posts a:hover {
		color:#ef3115;
	}
	
	.single_related_posts .desc a {
		color:#f2472d;
	}
	
	.single_related_posts .desc a:hover {
		color:#b14333;
	}
	
/* Share Post */
			
.share_post {
	background-color:#f2472d;
	margin:40px 0px;
	padding:0px;
	height:1em;
	line-height:0;
	text-align:center;
}

	.share_post .caption {
		background-color:#FFF;
		text-transform:uppercase;
		display: inline;
		padding: 2px 10px;
		margin:0;
		letter-spacing:0.1em;
		line-height:1.125em;
		font-family:'Droid Serif', serif;
	}

/* Comments */

.comment_lists {
	display:inline-block;
	margin:30px 0px;	
}

	.comment_lists ul {
		margin:20px 0px 0px 0px;
	}
	
		.comment_lists ul li {
			display:inline-block;
			border-bottom:1px solid #EBEBEB;
			padding:10px 15px 10px 0px;
			margin:0px;
			width:100%;
		}
		
		.comment_lists ul li.containReplies {
			background-color:#fafcfe;		
		}
	
			.comment_lists .details {
				float:left;
				text-align:center;
				width:100px;
				padding-top:2px;
				margin-left:10px;
				font-family:'Droid Serif', serif;
				text-transform:uppercase;
			}
			
				.comment_lists .details .smooth {
					font-size:9px;
					margin-bottom:5px;
					line-height:14px;
				}
			
				.comment_lists .details img {
					width:60px;
					height:60px;
					padding:2px;
					background-color:#FFF;
					border:1px solid #CACACA;
				}
				
			.comment_lists .content {
				margin-left: 120px;
				text-align:left;
			}
			
				.comment_lists .content p {
					margin-bottom:10px;
					margin-top:5px;	
				}
				
				.comment_lists .content .comment_link {
					color:#f2472d;
					text-transform:uppercase;
					font-size:12px;
					font-family:'Droid Serif', serif;
				}
				
				.comment_lists .content .comment_link:hover {
					color:#b14333;		
				}
				
			.comment_lists ul li ul {
				margin:0px;
				padding-left:25px;
				font-size:1em;
			}
			
				.comment_lists ul li ul li {
					border-bottom:0px;
					padding:15px 0px 0px 0px;
				}

/* Comment Form */

.comment_form {
	display:inline-block;
}

	.comment_form h4 {
		margin-bottom:10px;
	}
	
	.comment_form form {
		text-align:left;
	}
	
		.comment_form form input[type="text"] {
			width:70%;
		}
			
		.comment_form form textarea {
			width:100%;
			height:100px;
		}



/* ========================= 7. Hot Categories ========================= */

.hot_categories {
	margin-top:55px;
	display:inline-block;
}

	.hot_categories article {
		border:1px solid #efefef;
		padding:10px;
		position:relative;
		margin-bottom:40px !important;
		text-align:center;
	}
	
		.hot_categories article .header {
			position:absolute;
			top:-20px;
			text-transform:uppercase;
			left:10px;
			right:10px;
		}
		
			.hot_categories article .header h4 {
				font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-weight:bold;
				padding:10px;
				border:1px solid #efefef;
				color:#696969;
				background: #f0f0f0; /* for non-css3 browsers */

				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f0f0f0)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #fafafa,  #f0f0f0); /* for firefox 3.6+ */
				text-align:center;
			}
			
		.hot_categories article .content figure {
			position:relative;
			margin-bottom:10px;
			margin-top:30px;
		}
		
		.hot_categories article .content h4 {
			margin-bottom:10px;
		}
		
		.hot_categories article .content p {
			margin-bottom:10px;	
		}
		


/* ========================= 8. Posts Half ========================= */

.posts_half {
	margin-top:40px;
	display:inline-block;
}

	.posts_half article {
		border:1px solid #efefef;
		padding:10px;
		position:relative;
		margin-bottom:20px !important;
		text-align:center;
	}
			
		.posts_half article .content figure {
			margin-bottom:10px;
		}
		
		.posts_half article .content h4 {
			margin-bottom:10px;
		}
		
		.posts_half article .content p {
			margin-bottom:0px;	
		}
		
		
		
/* ========================= 9. Pages ========================= */
		
/* Breadcump */

.breadcump {
	background-color:#f6f6f6;
	padding:10px;
	font-size:0.875em;
	font-family:'Droid Serif', serif;
}

	.breadcump a {
		color:#f2472d;	
	}
	
	.breadcump a:hover {
		color:#b14333;	
	}
	
/* Pagination */
	
.pagination {
	text-align:right;
	margin:20px 0px 40px 0px;	
}
	
	.pagination ul {
		margin-bottom:0px;
	}
	
		.pagination ul li {
			display:inline;
			margin-left:5px;
		}
		
			.pagination ul li a {
				font-family:'Droid Serif', serif;
				color:#7a7a7a;
				padding:6px 10px;
				border:1px solid #d9d9d9;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				border-radius:4px;
				
				background: #f5f5f5; /* for non-css3 browsers */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e8e8e8'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #f5f5f5,  #e8e8e8); /* for firefox 3.6+ */
			}
			
			.pagination ul li a.selected {
				color:#FFF;
				background: #f2472d;
				border:1px solid #de351b;
			}
			
			.pagination ul li a:hover {
				background: #eaeaea; /* for non-css3 browsers */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d8d8d8'); /* for IE */
				background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#d8d8d8)); /* for webkit browsers */
				background: -moz-linear-gradient(top,  #eaeaea,  #d8d8d8); /* for firefox 3.6+ */
			}
				
			.pagination ul li a.selected:hover {
				background: #ef3115;
			}
	
	
	
/* ========================= 10. Author Page ========================= */

.author_page {
	display:inline-block;
	margin-bottom:20px;	
}

	.author_page figure {
		margin-bottom:10px;	
	}

	.author_page .details h6 {
		color:#a3a3a3;
		margin-top:5px;
	}
	
	.author_page .details .social {
		border-top:1px dashed #e3e3e3;	
		border-bottom:1px dashed #e3e3e3;
		margin:5px 0px;
		padding:5px 0px;
		color:#f2472d;
	}
	
	.author_page .details p {
		font-size:0.875em;	
	}
	
	.author_page .details .social a {
		color:#f2472d;	
	}
	
	.author_page .details .social a:hover {
		color:#b14333;	
	}
	


/* ========================= 11. Contact Page ========================= */

.contact_page {
	display:inline-block;
	margin-bottom:20px;	
}

	.contact_page figure {
		margin-bottom:30px;	
	}

	.contact_page form input[type="text"] {
		width:60%;	
	}
	
	.contact_page form textarea {
		width:100%;
		height:100px;
	}
	


/* ========================= 12. 404 Page ========================= */

.page_404 {
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}

	.page_404 h1 {
		font-size:8em;
		color:#f2472d;
		font-family:'Viga', sans-serif;
		line-height:1em;
	}
	
	.page_404 h2 {
		font-size:4.5em;
		color:#fc5c43;
		font-family:'Viga', sans-serif;	
		line-height:1em;
	}
	
	.page_404 p {
		color:#565656;
		font-size:1.125em;
		margin-bottom:30px;
	}
	
	.page_404 form input[type="text"] {
		display:inline;
		font-size:1em;
		width:460px;
		margin-bottom:0px;
		background: url(../images/icon/icon-search.png) #FFF no-repeat right center;
		padding-right:55px;
	}



/* ========================= 13. Sidebar ========================= */
		
.widget .header {
	background-color:#F6F6F6;
	margin:40px 0px 20px 0px;
	padding:0px;
	height:1.125em;
	line-height:0;
}

	.widget .header h4 {
		background-color:#FFF;
		text-transform:uppercase;
		display: inline;
		padding: 2px 10px;
		margin-left:15px;
		letter-spacing:0.1em;
		line-height:1.125em;
	}

.widget p {
	margin-bottom:10px;	
}

/* Sponsor */

.sponsors {
	display:inline-block;
	width:100%;
}

	.sponsors img {
		float:left;
	}

	.sponsors .full {
		width:96%;
		margin:2%;	
	}
	
	.sponsors .half {
		width:46%;
		margin:2%;
	}
	
/* Best Photo */

.best_photo {
	display:inline-block;
	width:100%;	
}

	.best_photo figure {
		margin-bottom:10px;
	}

/* Video */

.video {
	display:inline-block;
	width:100%;	
}

	.video figure {
		margin-bottom:10px;
	}
	
		.video figure iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

/* Subscribe */

.subscribe {
	display:inline-block;
	width:100%;
}

	.subscribe div img {
		width:30%;
		float:left;
		margin-right:8px;
	}
	
	.subscribe div span {
		float:left;
		font-size:0.875em;
		font-weight:bold;
		line-height:1.25em;
	}
	
		.subscribe div span em {
			font-weight:normal;
			display:block;
			font-size:0.95em;
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#ACACAC;
		}
		
/* Contact Info */

.contact_info {
	display:inline-block;
	width:100%;
	font-family:'Droid Serif', serif;
}

	.contact_info ul.lists li {
		font-size:0.925em;
		border-bottom:1px dashed #EBEBEB;
		padding-bottom:10px;
	}
	
		.contact_info ul.lists li span.icon {
			display:block;	
		}
	
	.contact_info ul.lists a {
		color:#f2472d;
	}
	
	.contact_info ul.lists a:hover {
		color:#b14333;	
	}
		
		
		
/* ========================= 14. Footer ========================= */

.footer {
	background:url(../images/stitch_large.png) left top repeat-x, url(../images/bg_bottom_1.png) repeat, #343434;
	padding-top:40px;
	color:#C1C1C1;
}

.footer p .cloak {
		color:#343434;
	}
.footer p .cloak a {
		color:#343434;
	}
.footer cloak {
		color:#343434;
	}

	.footer p {
		margin:0px;	
	}
	
	.footer div {
		padding-bottom:30px;
	}
	
	.footer div .header {
		background-color:#252525;
		margin-bottom:20px;
		padding:0px;
		height:1.125em;
		line-height:0;
	}

		.footer div .header h4 {
			background: url(../images/bg_bottom_1.png) repeat;
			color:#e0e0e0;
			text-transform:uppercase;
			display: inline;
			padding: 2px 10px;
			margin-left:15px;
			letter-spacing:0.1em;
			line-height:1.125em;
		}

.footer a {
	color:#FFF;	
}

.footer a:hover {
	color:#C1C1C1;	
}

/* Populars */

.footer .populars ul {
	margin:0px;
	text-align:left;
}

	.footer .populars ul li {
		margin-bottom:10px;
		float:left;
		padding-bottom:10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
		width:100%;
	}

		.footer .populars ul li img {
			width:25%;
			padding:2px;
			background-color:#FFF;
			border:1px solid #CACACA;
			float:left;
			margin-right:5%;
			margin-top:3px;
		}
		
		.footer .populars ul li span {
			float:left;
			width:70%;	
		}
		
			.footer .populars ul li span em {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				color: #777;
				font-size: 0.925em;
				display: block;
			}

/* Tweets */
		
.footer .tweets {
	padding:0px 0px 20px 0px !important;
}
		
	.footer .tweets .tweetText {
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
	}
		
		.footer .tweets .tweetText .text {
			display: block;
			margin-bottom: 5px;
		}
			
		.footer .tweets .tweetText .date {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #777;
			font-size: 0.925em;
			display: block;
		}
		
/* Blogrolls */

.footer .blogrolls ul {
	margin:0px;
}

	.footer .blogrolls ul li {
		margin-bottom:10px;
		padding-bottom:10px;
		background: url(../images/stitch_staggered.png) repeat-x left bottom;
	}

/* Uptodate */
			
.footer .uptodate {
	padding:0px 0px 20px 0px !important;
}
	
	.footer .uptodate p {
		margin-bottom:10px;
	}
	
		.footer .uptodate b {
			font-weight:bold;
		}
		
	.footer .uptodate input[type="email"] {
		width:100%;
			padding:10px;
			margin-top:10px;
		}



/* ========================= 15. Bottom ========================= */

.bottom {
	background:url(../images/stitch_staggered.png) left top repeat-x, url(../images/bg_bottom_2.png) repeat, #343434;
	padding:20px 0px 15px 0px;
	color:#C1C1C1;
}

.bottom a {
	color:#FFF;	
}

.bottom a:hover {
	color:#C1C1C1;	
}

	.bottom .copyright {
		line-height:24px;
		float:left;
	}
	
	.bottom ul {
		margin:0px;
		display:inline;
	}
		
		.bottom ul li {
			display:inline;	
		}
	
	.bottom ul.nav {
		float:right;
		margin-right:10px;
	}
	
		.bottom ul.nav li a {
			padding:0px 5px;
			line-height:24px;	
		}
	
	.bottom  ul.social {
		float:right;
	}
	
		.bottom ul.social li img {
			width:24px;	
		}
		
	.bottom a img {
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;	
	}
		
		.bottom a img:hover {	
			opacity:0.7;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter:alpha(opacity=70);
		}



/* ========================= #Additionals ========================= */



/* ========================= 16. Tabs ========================= */

/* Menu Tabs */

ul.tabs {
	margin: 0;
}

	ul.tabs li {
		position: relative;
		top: 1px;
	}

		ul.tabs li a.active {
			height: 44px;
		}

ul.tabs-content li {
	padding: 20px 10px 10px 10px;
	border: 1px solid #ddd;
	border-top: none;
	float:left;
	font-family:'Droid Serif', serif;
	width:100%;
}

/* Menu Tabs Content */

ul.tabs-content li ul {
	margin:0px;
	padding:0px;
}

	ul.tabs-content li ul li {
		padding:0px;
		border:0px;
		padding-bottom:10px;
		border-bottom:1px dashed #EBEBEB;
		width:100%;
	}
	
	ul.tabs-content li ul li:last-child {
		border-bottom:0px;
		padding-bottom:0px;	
	}

		ul.tabs-content li ul li img {
			width:18%;
			padding:2px;
			background-color:#FFF;
			border:1px solid #CACACA;
			float:left;
			margin-right:4%;
			margin-top:3px;
		}
		
		ul.tabs-content li ul li span {
			float:left;
			width:78%;	
		}
		
			ul.tabs-content li ul li span em {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				color: #ACACAC;
				font-size: 0.925em;
				display: block;
			}
			
/* Acordion */
		
dl.accordion {
	margin: 0;
	font-family:'Droid Serif', serif;
	text-align:left;
}

	dl.accordion dt {
		background: #f0f0f0; /* for non-css3 browsers */
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0'); /* for IE */
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f0f0f0)); /* for webkit browsers */
		background: -moz-linear-gradient(top,  #fafafa,  #f0f0f0); /* for firefox 3.6+ */
		padding:10px;
		border:1px solid #EBEBEB;
	}
	
		dl.accordion dt a {
			color:#555 !important;	
		}
		
		dl.accordion dt a:hover {
			color:#ef3115 !important;	
		}
	
	dl.accordion dd {
		background-color:#F9F9F9;
		padding:10px;
		border-left:1px solid #EBEBEB;
		border-right:1px solid #EBEBEB;
		font-size: 0.925em;
	}
	
	dl.accordion dd:last-child {
		border-bottom:1px solid #EBEBEB;
	}



/* ========================= 17. Icon Packs ========================= */

.icon.date {
	background: url(../images/icon/icon-date.png) no-repeat left center;	
}

.icon.comments {
	background: url(../images/icon/icon-comments.png) no-repeat left center;	
}

.icon.pageviews {
	background: url(../images/icon/icon-pageviews.png) no-repeat left center;	
}

.icon.contact {
	background: url(../images/icon/icon-contact.png) no-repeat left center;	
}

.icon.subscribe {
	background: url(../images/icon/icon-subcribe.png) no-repeat left center;	
}

.icon.teams {
	background: url(../images/icon/icon-teams.png) no-repeat left center;	
}

.icon.phone {
	background: url(../images/icon/icon-phone.png) no-repeat left center;	
}

.icon.fax {
	background: url(../images/icon/icon-fax.png) no-repeat left center;	
}

.icon.email {
	background: url(../images/icon/icon-email.png) no-repeat left center;	
}

.icon.home {
	background: url(../images/icon/icon-home.png) no-repeat left center;	
}

.icon.url {
	background: url(../images/icon/icon-url.png) no-repeat left center;	
}

.icon.photos {
	background: url(../images/icon/icon-photos.png) no-repeat left center;	
}



/* ========================= 18. Overlay Images ========================= */

.overlay.search {
	background: url(../images/icon/overlay-search.png) black center no-repeat;
}

.overlay.photo {
	background: url(../images/icon/overlay-photo.png) black center no-repeat;
}

.overlay.movie {
	background: url(../images/icon/overlay-video.png) black center no-repeat;
}



/* ========================= 19. Input Icon ========================= */

.input-icon.search {
	background: url(../images/icon/icon-search.png) #FFF no-repeat right center;
}



/* ========================= 20. CSS Hacks ========================= */
	
/*ie multiple background image fallbacks*/
	
.ie .footer {
	background: url(../images/bg_bottom_1.png) repeat left 2px #343434;
}

.ie .bottom {
	background: url(../images/bg_bottom_2.png) repeat #343434;
}

/*ie7 hacks*/

.ie7 .desc {
	width:92%;
}

.ie7 .top form input[type="text"] {
	width:75%;
	margin:0px;
	padding-right:55px;
}

.ie7 .nav_menu ul li:hover > ul {
	display:none;
}

.ie7 ul.tabs li a.active {
	height: 38px;
	top: 0px;
	padding-top: 0px;
 }

.ie7 ul.tabs-content li ul li span {
	width:75%;	
}

.ie7 ul.tabs-content > li {
	width:94%;
}

.ie7 .hot_categories article, .ie7 .posts_half article {
	padding-left:0px;
	padding-right:0px;
	margin-left:4px;
	margin-right:4px;
}

.ie7 .populars ul li span {
	width:65%;	
}



/* ========================= 21. Media Queries ========================= */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
	
		body {
			font-size:13px;	
		}
		
		.top ul.top_links li {
			margin-left:10px;
		}
		
		.nav_menu ul li a {
			padding:12px 16px;
		}
				
		.flexslider ul.slides li .text p {
			line-height:1.5em;
		}
		
		.posts .thumb figure img {
			height:130px;
		}
		
		.hot_categories article .header h4 {
			font-size:0.925em;	
		}
	
		.single img {
			max-width:440px;
		}
		
		.single .flexslider img {
			max-width:460px;	
		}
		
		.single .flexslider.carousel {
			max-width:460px;
		}
		
		.text-caption {
			max-width:440px;
		}

		.subscribe div img {
			width:25%;
			margin-right:5px;
		}
		
		.footer div .header {
			height:1em;
		}
	
			.footer div .header h4 {
				font-size:1em;
				line-height:1em;
				margin-left:10px;
			}
			
		.bottom ul.nav li a {
			padding:0px 2px;
		}
			
		ul.tabs li a {
			padding:0px 10px;	
		}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		body, .top ul.top_links, .pagination, .posts .meta, .single_author, dl.accordion dt {
			text-align:center;
		}
		
		.top .logo {
			margin:0px 0px 30px 0px;
		}
		
		.top ul.top_links {
			margin-bottom:10px;
		}
		
		.nav_menu .container ul {
			display:none;
		}
		
		.nav_menu .responsive {
			display:inline-block;
		}

		.top ul.top_links img {
			height:60px;
			width:468px;
		}
		
		.flexslider ul.slides li .text {
			font-size:0.875em;	
		}
		
		.flexslider ul.slides li .text p {
			line-height:1.5em;
		}
		
		.flexslider ul.slides li .text2 h4 {
			margin-top:15px;	
		}
		
		.posts figure {
			margin-bottom:10px;	
		}
		
		.posts .meta {
			margin-bottom:10px;	
		}
		
		.posts .thumb figure img {
			height:180px;
		}
		
		.contact_page {
			text-align:left;	
		}
		
		.contact_page form input[type="text"] {
			width:100%;	
		}
		
		.single {
			text-align:justify;
		}
		
			.single img {
				max-width:400px;
			}
			
			.single .flexslider img {
				max-width:420px;	
			}
			
			.single .flexslider.carousel {
				max-width:420px;
			}	
		
		.text-caption {
			max-width:400px;
		}
		
		.comment_lists ul li ul {
			padding-left:0px;
		}
		
		.comment_form form input[type="text"] {
			width:100%;
		}
		
		.header h4 {
			margin:0px;	
		}
		
		ul.tabs-content li ul li img {
			width:12%;
		}
		
		ul.tabs-content li ul li span {
			width:84%;	
		}
		
		.subscribe {
			float:none;
			display:block;
			text-align:center;
		}
		
			.subscribe div img {
				width:10%;
				float:none;
				margin-right:auto;
			}
			
			.subscribe div span {
				float:none;
				font-size:1.25em;
				line-height:1.325em;
				margin-bottom:10px;
				display:block;
			}
			
				.subscribe div span em {
					font-size:1.325em;
				}
		
		.contact_info {
			font-size:1em;	
		}
		
		.contact_info .icon {
			background:none;
		}
		
		.dropcaps {
			float: none;
			font-size: 1em;
			line-height: 1em;
			padding-right: 0px;
			padding-top:0px;
			color:#6F6F6F;
		}
		
		.dropcaps.hidden {
			display:none;	
		}
		
		.bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.bottom ul.nav {
			float:none;
			display:block;
		}
		
		.bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.footer .populars ul li img {
			width:15%;
			margin-right:4%;
		}
		
		.footer .populars ul li span {
			width:80%;	
		}
		
		.bottom ul.social li img {
			width:32px;	
		}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		body, .top ul.top_links, .pagination, .posts .meta, .single_author, dl.accordion dt {
			text-align:center;
		}
		
		.top .logo {
			margin:0px 0px 30px 0px;
		}
		
		.top ul.top_links {
			margin-bottom:10px;
		}
		
		.nav_menu .container ul {
			display:none;
		}
		
		.nav_menu .responsive {
			display:inline-block;
		}

		.top ul.top_links img {
			height:45px;
			width:304px;
		}

		.footer .banner img {
			height:45px;
			width:304px;
		}
		
		.flexslider {
			display:none;	
		}
		
		.posts figure {
			margin-bottom:10px;	
		}
		
		.posts .meta {
			margin-bottom:10px;	
		}
		
		.posts .thumb figure img {
			height:140px;
		}
		
		.contact_page {
			text-align:left;	
		}
		
		.contact_page form input[type="text"] {
			width:100%;	
		}
		
		.single {
			text-align:justify;
		}
		
			.single img {
				max-width:280px;
			}
			
			.single .flexslider img {
				max-width:300px;	
			}
			
			.single .flexslider.carousel {
				max-width:300px;
			}
		
		.text-caption {
			max-width:280px;
		}
		
		.comment_lists ul li ul {
			padding-left:0px;
		}
		
		.comment_form form input[type="text"] {
			width:100%;
		}
		
		.header h4 {
			margin:0px;	
		}
		
		ul.tabs-content li ul li img {
			width:16%;
		}
		
		ul.tabs-content li ul li span {
			width:80%;	
		}
		
		.subscribe {
			float:none;
			display:block;
			text-align:center;
		}
		
			.subscribe div img {
				width:10%;
				float:none;
				margin-right:auto;
			}
			
			.subscribe div span {
				float:none;
				font-size:1.25em;
				line-height:1.325em;
				margin-bottom:10px;
				display:block;
			}
			
				.subscribe div span em {
					font-size:1.325em;
				}
		
		.contact_info {
			font-size:1em;	
		}
		
		.contact_info .icon {
			background:none;
		}
		
		.dropcaps {
			float: none;
			font-size: 1em;
			line-height: 1em;
			padding-right: 0px;
			padding-top:0px;
			color:#6F6F6F;
		}
		
		.dropcaps.hidden {
			display:none;	
		}
		
		.bottom .copyright {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.bottom ul.nav {
			float:none;
			display:block;
		}
		
		.bottom  ul.social {
			float:none;
			display:block;
			margin-bottom:10px;
		}
		
		.footer .populars ul li img {
			width:20%;
			margin-right:5%;
		}
		
		.footer .populars ul li span {
			width:75%;	
		}
		
		.bottom ul.social li img {
			width:32px;	
		}
	
	}