/*
Theme Name: Pei Pei Chung
Template: eprom_1_4_3
Author: Naseem Hyder
Version: 1.0
*/

@charset "UTF-8";
@import url('../eprom_1_4_3/style.css');
body {
	background: #000 !important;
	color: #efefef !important;
}
a {
	outline: none !important;
}
hr.divider {
	background: none repeat scroll 0 0 #000000 !important;
	border-bottom: 1px solid #222222 !important;
	border-top: 1px solid #333333 !important;
	clear: both;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	padding-top: 0 !important;
}
h1, h2, h3, h4, h5 {
	font-weight: normal !important;
}
#header {
	height: 62px;
}
label {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 13px;
	margin: 0 0 5px;
}
ul.details li span {
	color: #666666;
}
ul.details:before {
	border-top: 0px solid #222222;
}
/* Logo */

#logo {
	margin-top: 0px !important;
}
/* Home */

.heading-icon {
	padding-top: 0 !important;
	margin-top: 0 !important;
	font-weight: normal !important;
}
/* Buttons */

input[type="submit"], button, .btn {
	background: #782A8D !important;
	border: 1px solid #1B1B1B !important;
	color: #FFFFFF !important;
}
.text-button {
	display: block;
	font-size: 12px;
	margin-top: 0 !important;
	text-transform: uppercase;
}
.btn.small {
	text-transform: uppercase !important;
}
.btn.small:hover {
	color: #ccc !important;
}
/* Border */

#share-wrap ~ hr, #page-header .hgroup ~ hr, .page-slogan ~ hr, .page-title ~ hr, .page-subtitle ~ hr, .project-title ~ hr {
	margin-bottom: 5px !important;
	margin-top: 0;
}
hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #EEEEEE -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-right: 0 none;
	border-style: solid none none;
	border-width: 0 !important;
	margin-bottom: 20px;
	margin-top: 20px;
}
/* Header */

#page-header {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #292929;
	padding-top: 14px !important;
	width: 100%;
}
.page-title {
	color: #FFFFFF !important;
	font-size: 30px !important;
	font-weight: normal;
	margin-top: 0 !important;
	text-transform: uppercase;
}
.page-subtitle {
	font-size: 36px;
	margin-top: 0 !important;
}
#page-header .hgroup {
	display: inline-block;
	margin-bottom: 20px;
	text-align: right !important;
	width: 100% !important;
	max-width: 100% !important;
}
/* Top Nav */
#top-nav-menu {
	float: right;
}
#top-wrap ul.nav > li a {
	padding: 0.5em 1em !important;
}
#top-nav-menu ul.nav > li a {
	color: #ccc !important;
	font-weight: normal !important;
	padding: 0.5em 1em !important;
	background: none !important;
}
#top-nav-menu ul.nav > li a:hover {
	color: #a838c6 !important;
}
.nav.top-right-nav {
	display: none;
}


/* Menu */

#menu-main-menu {
	padding: 0 !important;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
	color: #A838C6 !important;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
	color: #A838C6 !important;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a {
	background-color: #121212;
	border-right: 1px solid #0F0F0F;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a {
	background-color: #121212;
	border-right: 1px solid #0F0F0F;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
	color: #FA4C29;
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
	color: #FA4C29;
}
#main-nav a {
	font-weight: normal !important;
	line-height: 54px !important;
	padding:5px 15px 2px !important
}
#main-nav a:hover, #main-nav .hover > a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav .current-menu-ancestor > a, #main-nav .active > a {
	color: #a838c6 !important;
	text-decoration: none !important;
}
#main-nav ul ul a {
	font-size: 12px;
	line-height: 21px !important;
	padding: 0 20px !important;
	text-transform: uppercase;
}
#main-nav ul ul {
	top: 62px;
}

/* Content */
.entry.comments {
	display: none;
	margin-bottom: 0;
}
.color {
	color: #A838C6 !important;
}
section a, section a > * {
	color: #f7f7f7 !important;
	font-weight: normal !important;
}
section a:hover, section a:hover > * {
	color: #A838C6 !important;
}
a:hover {
	color: #fff !important;
}
.portfolio article footer h2 a {
	color: #fff !important;
}
.portfolio article footer h2 a:hover {
	color: #A838C6 !important;
}
/* Playlist */

.playlist .player-button {
	color: #FFFFFF !important;
}
.playlist {
	padding-left: 0;
}
.playlist .playlist-details {
	color: #666666;
	float: left;
	font-size: 13px;
	margin: 2px 0 6px 42px;
}
.playlist .track-number {
	color: #999;
}
.playlist .playable {
	background-image: url("img/player-play-btn.png");
}
/* Pages */


#main-content {
	margin-top: 20px !important;
}
img {
	max-width: 100%;
}
.masonry.width-1-7 {
	width: 233px;
}
.masonry.height-1-7 {
	height: 233px;
}
] /* Social Icons */
 .social-icons:before {
 background: none !important;
 content: "";
 height: 46px !important;
 width: 48px !important;
}
a.social-icon {
	background-color: #161616;
	background-position: left top;
	background-repeat: no-repeat;
	height: 48px !important;
	margin-left: 1px;
	padding: 0;
	width: 48px !important;
}
a.social-icon:hover {
	background-color: #A838C6 !important;
}
.social-icon.twitter {
	background-image: url("img/icon-twitter.png") !important;
}
.social-icon.facebook {
	background-image: url("img/icon-facebook.png") !important;
}
.social-icon.googleplus {
	background-image: url("img/icon-googleplus.png");
}
.social-icon.youtube {
	background-image: url("img/icon-youtube.png");
}
.social-icon.vimeo {
	background-image: url("img/icon-vimeo.png");
}
.social-icon.soundcloud {
	background-image: url("img/icon-soundcloud.png") !important;
}
.social-icon.myspace {
	background-image: url("img/icon-linkedin.png") !important;
}
.social-icon.digg {
	background-image: url("img/icon-digg.png");
}
.social-icon.skype {
	background-image: url("img/icon-skype.png");
}
.social-icon.lastfm {
	background-image: url("img/icon-imdb.png") !important;
}
.social-icon.rss {
	background-image: url("img/icon-rss.png");
}
.contact {
	margin-top: 14px !important;
}
#share .buttons {
	background-color: #782A8D;
}
/* Contact */
.contact .email {
	background: url("img/icon-email.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contact li {
	font-size: 14px;
	padding: 0 0 0 35px;
}
/* Category Filters */

#cat-filter a.active {
	background: none repeat scroll 0 0 #0B0B0B;
	color: #A838C6 !important;
}
#cat-filter a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #CCCCCC !important;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 800;
	margin: 0;
	padding: 18px 14px;
	text-transform: uppercase;
}
/* Individual Pages */

.page-id-698 #page-header {
	display: none;
}
.thumb-icon .view.icon:after {
	background-image: url("img/thumb-icon-play.png");
}
/* Customer Area */

.navbar-default, .cuarsu-main {
	background-color: #333;
	border-color: #666;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .current-menu-parent > a, .navbar-default .navbar-nav > .current-menu-parent > a:hover, .navbar-default .navbar-nav > .current-menu-parent > a:focus {
	background-color: #666;
	color: #555;
}
.cuar-item .panel {
	padding: 5px;
}
.dropdown-menu {
	background-color: #222;
}
*, *:before, *:after {
	box-sizing: inherit !important;
}
/* All mobile devices */
@media only screen and (max-width: 767px) {
/* Columns */
.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
	float: left !important;
	margin-right: 20px !important;
}
.col-1-2, #main .col-1-2 {
	width: 300px;
}
.col-1-3, #main .col-1-3 {
	width: 300px;
}
.col-2-3, #main .col-2-3 {
	width: 300px;
}
.col-1-4, #main .col-1-4 {
	width: 135px !important;
}
.col-3-4, #main .col-3-4 {
	width: 300px;
}

/* Menu */
#top-wrap { 
	height: auto;
	overflow: hidden !important;
	margin-bottom: 10px;
}
#header {
	overflow:visible !important;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
/* Content
	 ---------------------------------------------------------------------- */
.container {
	width: 420px;
}
/* Columns */
.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
	float: left !important;
	margin-right: 20px !important;
}
.col-1-2, #main .col-1-2 {
	width: 420px;
}
.col-1-3, #main .col-1-3 {
	width: 420px;
}
.col-2-3, #main .col-2-3 {
	width: 420px;
}
.col-1-4, #main .col-1-4 {
	width: 200px !important;
}
.col-3-4, #main .col-3-4 {
	width: 420px;
}
}