/*

Theme Name: Megical

Theme URI: http://#

Description: Megical v1.0 : Megical Theme

Author URI: http://#

Version: 1.0

*/







/* =============================================================== */

/* Reset section

================================================================ */

@import url("css/base.css");			





/* =============================================================== */

/* Miscellaneous Site Styles

================================================================ */



html,

body {

  

        /* The html and body elements cannot have any padding or margin. */

}



ol {margin-left:40px; margin-top:20px;margin-bottom:20px;}



h1, h2, h3, h4, h5, h6, strong {color:inherit;}







/* =============================================================== */

/* Header

================================================================ */

header {

  width:100%;

  /*border-bottom:1px solid #ccc;*/

  margin-bottom:0px;

  

}

.header-menu {

  float:left;

}

.logo-site {

    padding-top: 8px;

}

.logo-site-text {margin-top:27px;font-size:14px;}









/* =============================================================== */

/* Wrap

================================================================ */

#wrap {

  padding-left:40px; padding-right:40px;

  /*min-height:500px;*/

}

#wrap-after {

  padding-left:40px; padding-right:40px;

}

#wrap-header {

  padding-left:40px; padding-right:40px;

}

#wrap-header-c {

  padding-left:40px; padding-right:40px;

}

#wrap-slide1 {

  width:100%; 

  margin-bottom:40px;

  position: relative;

  -webkit-box-shadow: 0 4px 4px #ccc;

	   -moz-box-shadow: 0 4px 4px #ccc;

	        box-shadow: 0 4px 4px #ccc;

}

#wrap-slide2 {

  width:100%; 

  margin-bottom:40px;

  position: relative;

  -webkit-box-shadow: 0 4px 4px #ccc;

	   -moz-box-shadow: 0 4px 4px #ccc;

	        box-shadow: 0 4px 4px #ccc;

}

#fullwidth {

  width:100%; 

  padding-top:20px; padding-bottom:20px;

  background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	

}

  

#wrap-footer1 {

  min-height: 100%;

  padding-left:40px; padding-right:40px;

}

#wrap-footer2 {

  min-height: 100%;

  padding-left:40px; padding-right:40px;

}









/* =============================================================== */

/* Container

================================================================ */

.container {

  width: auto;

  max-width: 960px;

}

.container-fluid {

  width: auto;

  max-width: 960px;

}







/* =============================================================== */

/* Main Navigation

================================================================ */

.selectnav1 {display: none; cursor: pointer; width: 100%; padding: 8px; height: 37px; float: left; font-size: 14px;}

nav {float: right; margin-top:30px; }

nav ul, nav li {list-style:none; padding:0; margin:0; display:inline;}

nav ul li{float:left; position:relative; margin-left:10px;}

nav ul li a { 

	display: inline-block;

	color: #fff;

	padding: 10px 20px 10px 20px;

	margin: 0 0px;

	text-decoration: none;

	font-size: 12px;

	font-weight:bold;

	background:#000000;

	border-radius:3px;

	

}

.current-menu-item a {background:#000000;}

nav ul li a:hover{}

nav ul ul {

	margin: 1px 0 0 0px;

	position: absolute;

	top:-99999px; 

	left: 0;

	background: #323A45;

	z-index: 999;

	padding-top:10px; padding-bottom:10px;

	-webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    behavior: url(css/PIE.htc);

}

nav ul ul li a:hover {}

nav ul ul li a:visited {color: #ffffff;}

nav ul ul li a {

	padding: 8px 0;

	display: block;

	width: 150px;

	margin: 0 16px;

	font-weight: normal;

	font-size: 12px;

	border-top: 1px solid transparent;

	color:#ffffff;

}

nav ul ul ul { 

	position:absolute; 

	top:-99999px; 

	left:100%; 

	opacity: 0;

	margin: -3px 0 0 0;

	z-index: 999;

}

nav ul ul ul li a { 

	border-top: 1px solid transparent;

	color:#ffffff;

}

nav ul li:last-child a {}

nav ul ul li:last-child a, nav ul ul li:last-child a:hover {border-bottom: 1px solid transparent}

nav ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}

nav ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0;}

nav ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497; background: #fff border: 0; }

nav ul li:hover > a {color: #fff; background:#000;}

nav ul ul li:hover > a {border-top: 1px solid transparent; color: #cccccc;}

#currentnav1 {color: #323A45 !important;}

.ie-dropdown-fix {position: relative; z-index: 5;}















/* =============================================================== */

/* Website Elements

================================================================ */

.p-back {background:#323A45;}

.s-back {background:#154890;}

.p-color {color:#323A45;}

.s-color {color:#154890;}

.p-border {border: 1px solid #323A45;}

.s-border {border: 1px solid #154890;}

.p-border-top {border-top: 1px solid #323A45;}

.s-border-top {border-top: 1px solid #154890;}

.p-border-bottom {border-bottom: 1px solid #323A45;}

.s-border-bottom {border-bottom: 1px solid #154890;}

.p-border-left {border-left: 1px solid #323A45;}

.s-border-left {border-left: 1px solid #154890;}

.p-border-right {border-right: 1px solid #323A45;}

.s-border-right {border-right: 1px solid #154890;}

.p-border-top2 {border-top: 2px solid #323A45;}

.s-border-top2 {border-top: 2px solid #154890;}

.p-border-bottom2 {border-bottom: 2px solid #323A45;}

.s-border-bottom2 {border-bottom: 2px solid #154890;}

.p-border-left2 {border-left: 2px solid #323A45;}

.s-border-left2 {border-left: 2px solid #154890;}

.p-border-right2 {border-right: 2px solid #323A45;}

.s-border-right2 {border-right: 2px solid #154890;}

.margin20 {margin-top:20px;}









/* Icons color and border

==========================*/





.icon-color {color:#323A45;}



/* Icons size

==========================*/

.size1 {width:15px; height:15px;}

.size2 {width:30px; height:30px;}

.size3 {width:45px; height:45px;}

.size3b {width:45px; height:35px; padding-top:20px;}

.size4 {width:60px; height:60px;}

.size5 {width:80px; height:65px; padding-top:25px;}





















/* Blackquote

==========================*/

blockquote {

  font-size: 18px;

  font-style: italic;

  margin: 20px 20px 20px 20px;

  padding-left:50px;

  color: #383838;

  background: url(images/quotes.gif) left top no-repeat;

  min-height:29px;

}





/* Post tags

==========================*/

.post-tags {

  margin: 10px 0px 40px 0px;

}











#backtotop {

	position: fixed;

	right:0px;

	display:none;

	bottom: 20px;

	margin: 0 20px 0 0;

	z-index:100;

}

#backtotop a {

	text-decoration:none;

	border:0 none;

	display:block;

	width:40px;

	height:40px;

	background: url(images/back_to_top_btn.png) no-repeat 50% 50%;

	background-color:#000000;

	-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

#backtotop a:hover {background-color: #000000;}













/* =============================================================== */

/* Blog

================================================================ */

.navleft {float:left;}

.navright {float:right;}



/* Widget

==========================*/

.widget_search input[type="text"] {width:90%;}

.span3 .widget {margin-bottom:30px;}

.widget-title {margin-bottom:5px; text-transform:uppercase;}

.widget-title .tagcloud a {padding-right:20px;}

.widget ul {}

.widget_nav_menu .sub-menu { border-top: 1px dotted #ced8df; }

.widget li {

	background: url(images/arrow_blog.png) no-repeat 0 11px;

	border-bottom: 1px dotted #ced8df;

	list-style: none;

	margin: 0;

}

.widget li:last-child { border-bottom: none; }

.widget li a {

	color: #868686;

	display: block;

	padding: 5px 0 5px 15px;

}

.widget li a:hover,

.widget_nav_menu .current_page_item > a, .widget_nav_menu .current-menu-item > a { color: #323A45; }



.widget .recentcomments {

	display: block;

	padding: 5px 0 5px 15px;

}

.widget_calendar table { width: 100%; }

.widget_calendar th, .widget_calendar td {

	background: none;

	border: 0;

	padding: 0;

}

.widget_calendar caption {

	font-size: 12px;

	margin-bottom: 10px;

	text-align: center;

}

.widget_calendar tr th {

	font-size: 12px;

}

.widget_calendar tr td {

	padding: 4px 6px;

	text-align: center;

}

.widget_calendar tr td#prev {

	padding: 5px 0 0;

	text-align:left;

}

.widget_calendar tr td#next {

	padding: 5px 0 0;

	text-align: right;

}

.widget_calendar tr td#today {

	background: #f8f8f8;

	border: 1px solid #ced8df;

	font-weight: bold;

}

#footer .widget_calendar tr td#today {

	background: #464646;

	border: 1px solid #363636;

	font-weight: bold;

}

.widget_calendar tr td a {

	display: inline;

	font-weight: bold;

	padding: 0;

}

.rsswidget img { margin: 0 5px 0 0; }

.widget_rss .rss-date, .widget_rss .rssSummary { padding: 0 0 0 15px; }

.widget_rss .rss-date {

	color: #bbb;

	font-style: italic;

}



/* Posts

==========================*/

.post {margin: 10px 0 30px 0;}

.post p {margin: 0 0 10px 0;}

.post-img, .embed {margin: 0 0 15px 0;}

.post-content {margin: 0 0 0 0px !important;}

.post-title h2 {

	font-size: 18px;

	color: #444;

	margin: 0 0 5px 0px;

	display: block;

}

.post-title h2 a {

	font-size: 18px;

	color: #444;

	display: block;

}

.post-title h2 a:hover {color: #606060;}

.post-desc {

	padding: 0px 0 0 0;

	border-bottom: 1px solid #e7e7e7;

}

.post-entry {

	margin-bottom: 20px;

	display: inline-block;

	padding-right: 13px;

	color: #323A45;

}

.post-entry i {

	padding-left: 2px;

}

.post-entry:hover {}

.post-meta {padding: 0px 0 15px 0px;}

.post-meta, .post-meta a {color: #888;}

.post-meta a:hover {color: #606060;}

.post-meta span:first-child {padding-left:0;}

.post-meta span:last-child {border: none;}

.post-meta span {

	padding: 0 10px;

	border-right: 1px solid #e7e7e7;

}

.post-date {

  background:#154890;

	padding:5px; padding-top:10px;

	margin-top:-5px;

	width:60px;

	height:55px;

  color:#ffffff;

  text-align:center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  behavior: url(css/PIE.htc);

  text-align:center;

}

.post-date span {

  color:#ffffff;

  font-weight:bold;

  font-size:25px;

  text-align:center;

  

}

.post-date p {

  color:#ffffff;

  font-weight:normal;

  font-size:11px;

  text-align:center;

}

.post-type {

  background:#323A45;

	padding:5px; padding-top:20px;

	margin-top:-5px; margin-left:-5px;

	width:60px;

	height:45px;

  color:#ffffff;

  text-align:center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  behavior: url(css/PIE.htc);

  

}



/* Comments

==========================*/

.comments-sec{

	float:left;

	width:100%;

	line-height: 20px;

}

.comments-sec h5 {

	border-bottom: 1px solid #e7e7e7;

	margin: 0;

	padding-bottom: 10px;

}

.comments-nr h5 {

	border-bottom: 1px solid #e7e7e7;

	margin: 0;

	padding-bottom: 10px;

}

.comments-sec h5 span {color: #888;}

.comments{

	float:left;

	background:#F4F4F4;

	padding:20px;

	-webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  behavior: url(css/PIE.htc);

}

.avatar {float:left}



.comment-show {

	margin-bottom: 40px!important;

	margin-left: 0px!important;	

}

.comment-show li {

	list-style: none!important;

}

.comment-show li.comment > div {

	background-color: #F4F4F4;

  margin: 0;

  overflow: hidden;

  padding: 20px;

  margin-top: 20px;

  position: relative;

  padding-left: 110px;

  border-radius: 3px;

  -moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-o-border-radius: 3px;

	behavior: url(css/PIE.htc);

}

.comment-show .children {

	margin-left: 0px!important;

	padding-left: 40px;

}

.comment-show li.comment > div img.avatar {

	position: absolute;

	left: 20px;

	top: 20px;

}

.comment-show .reply {

	position: absolute;

	top: 20px; 

	right: 20px;	

}

.comment-show .comment-meta {

	font-size: 11px;

	line-height: 15px;

}

.comment-show li.comment > div p {

	padding-bottom: 0px;

	margin-top: 10px;

}

.comment-author a {

	color: inherit;

}

      







/* Leave a Comment

==========================*/

.form_comment label {

	display: block;

	color: #676767;

	margin-top: 15px;

	padding-bottom: 4px;

}

.form_comment label span {color:#ea1c1c;}

.form_comment input, .form_comment textarea {

	width: 240px;

}

.form_comment textarea {

	min-width: 97%;

	max-width: 97%;

	height:160px;

}

.widget {

	margin: 10px 0 0 0;

	line-height: 15px;

}

.widget h5 {

	padding-bottom: 10px;

	margin-bottom: 15px;

	margin-top:0px;

	border-bottom: 1px solid #e7e7e7;

}



/* Link post

==========================*/

.link-post {

  padding:20px; 

  background: #F4F4F4;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  behavior: url(css/PIE.htc);

  margin-bottom:10px;

}



/* Quote post

==========================*/

.quote-post {

  font-size: 15px;

  font-style: italic;

  margin: 0.25em 0;

  padding: 20px;

  line-height: 1.45;

  position: relative;

  color: #383838;

  background: #F4F4F4 url(images/quote.png) no-repeat;

  background-position: 98% 80%;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  behavior: url(css/PIE.htc);

  margin-bottom:10px;

}



/* Blackquote

==========================*/

blockquote {

  font-size: 18px;

  font-style: italic;

  margin: 20px 20px 20px 20px;

  padding-left:50px;

  color: #383838;

  background: url(images/quotes.gif) left top no-repeat;

  min-height:29px;

}



/* Autor bio

==========================*/

.author-info {

  margin: 10px 0px 40px 70px;

  padding:20px;

  background: #F9F9F9;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  behavior: url(css/PIE.htc);

}



/* Post tags

==========================*/

.post-tags {

  margin: 10px 0px 40px 0px;

}













/* =============================================================== */

/* Footer

================================================================ */

footer {

  background: #F2F2F2;

  padding-top:10px; padding-bottom:0px;

  margin-top:0px;

}



footer h5 {

  margin-bottom:15px; margin-top:0px;

}

footer p {

  font-size:13px;

}

#sub_footer {

  padding-top:10px;

}



#sub_footer {

  background: #E0E0E0;

  padding-top:20px; padding-bottom:10px;

}





#sub_footer ul.menu li {

    float: left;

    list-style-type: none;

    padding: 0 20px 0 24px;

}



#sub_footer ul.menu li ul.sub-menu li {

    float: none;

    padding-left: 5px;

}

#sub_footer .current-menu-item a {background:none;}



/* =========================================================*/

/* Modifications*/

/* =========================================================*/

.unlimitedbuynow {

float: left;

padding-left: 87px;

}



.singlebuynow {

float: left;

width: 178px;

padding-left: 426px;

}

/*.wpsc_variation_forms{
	display:none!important;
	}*/ 
	
.shortcode_wpsc_buy_button {
 	text-indent:-9999px; 
	background: url(images/purchase-now.png) no-repeat !important;
	border: none;
	text-align: center;
	/*  vertical-align: top; */
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	margin-top: 3px;
	color: #6a6c74;
	cursor: hand;
	height: 99px;
	width: 300px !important;
	}
/*.product_row product_row_0 alt {
height:60px;
}

tr .header{
font-size: 1.2em;
height:33px;
}

.checkout_cart{
width: 100%;
}

img .wpsc_email_address_p{
display:none;
}


.pricedisplay.wpsc-product-old-price {
text-decoration: line-through;
}

#wpsc_checkout_gravatar {
display: none;
}

.wpsc_email_address {
margin-top: 30px;
}*/