/*
Theme Name: CSS Mega
Theme URI: http://www.cssmega.com/
Description: Theme of CSS Mega.
Version: 1.0
Author: Noweb
Author URI: http://www.noweb.com.br/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick
*/

/* Font Embeding */

@font-face {
    font-family: "Museo 300";
    src: url(../fonts/Museo300-Regular.eot);
    src: local("Museo 300"), url(../fonts/Museo300-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Museo 500";
    src: url(../fonts/Museo500-Regular.eot);
    src: local("Museo 500"), url(../fonts/Museo500-Regular.ttf) format("truetype");
}

/* Begin Typography & Colors */

body{
	background:#151515;
	margin:0px;
	color:#fff;
	font-family: "Museo 300", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#main{
	width:970px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

img{
	border:0px;
}

h1{
	display:none;
}

#header{
	height:64px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin-top:30px;
}

#content{
	width:970px;
	margin-top:20px;
}

#container{
	width:770px;
	margin-top:20px;
	float:left;
}

#footer{
	height:40px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin-bottom:20px;
	line-height:40px;
	font-size:14px;
}

#left{
	float:left;
}

#right{
	float:right;
}

a{
	text-decoration:none;
	color:#fff;
}

#megaLogo a{
	width:319px;
	height:47px;
	background:url(../images/megaLogo.png) no-repeat;
	position:relative;
	top:9px;
	float:left;
	display:block;
}

#menu{
	float:right;
	width:530px;
	height:64px;
	background:url(../images/bgMenu.png);
}

.contact a{
	width:98px;
	height:64px;
	display:block;
	float:left;
}

.submit a{
	width:98px;
	height:64px;
	display:block;
	float:left;
}

.advertise a{
	width:123px;
	height:64px;
	display:block;
	float:left;
}

.showcase a{
	width:132px;
	height:64px;
	display:block;
	float:left;
}

.home a{
	width:79px;
	height:64px;
	display:block;
	float:left;
}

#boxAwesome{
	width:450px;
	height:250px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxAwesome .pagebar{
	display:none;
}

#boxUpdate{
	width:240px;
	height:250px;
	margin-left:20px;
	float:right;
	margin-bottom:20px;
	position:relative;
}

#boxUpdate .pagebar{
	display:none;
}

#clean{
	clear:both;
}

#boxListen1{
	width:178px;
	height:150px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxListen1:hover #nameWebsiteListen{
	display:inline;
}

#boxListen1 .pagebar{
	display:none;
}

#boxListen2{
	width:178px;
	height:150px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxListen2 .pagebar{
	display:none;
}


#boxListen3{
	width:178px;
	height:150px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxListen3 .pagebar{
	display:none;
}


#boxListen4{
	width:178px;
	height:150px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxListen4 .pagebar{
	display:none;
}


#boxListen5{
	width:178px;
	height:150px;
	float:left;
	margin-bottom:20px;
	position:relative;
}

#boxListen5 .pagebar{
	display:none;
}

#icoAwesome{
	width:95px;
	height:94px;
	position:absolute;
	top:-5px;
	left:-5px;
	background:url(../images/icoAwesome.png);
}

#icoUpdate{
	width:61px;
	height:61px;
	position:absolute;
	top:-2px;
	left:-2px;
	background:url(../images/icoUpdated.png);
}

#glassAwesome a{
	width:450px;
	height:250px;
	background:url(../images/boxAwesome.png);
	position:absolute;
	display:block;
}

#glassCategoryShowcase a{
	width:365px;
	height:200px;
	background:url(../images/boxCategoryShowcase.png);
	position:absolute;
	display:block;
}

#glassUpdate a{
	width:240px;
	height:250px;
	background:url(../images/boxUpdate.png);
	position:absolute;
	display:block;
}

#glassListen a{
	width:178px;
	height:150px;
	background:url(../images/boxListen.png);
	position:absolute;
	display:block;
	background-position:top;
}

#glassListen a:hover{
	width:178px;
	height:150px;
	background:url(../images/boxListen.png);
	position:absolute;
	display:block;
	background-position:bottom;
}

#viewMore{
	clear:both;
	text-align:right;
	margin-bottom:20px;
}

#titlePage{
	font-size:24px;
	margin-bottom:10px;
}

#titleComment{
	font-size:24px;
	margin-bottom:10px;
	padding-top:10px;
	margin-top:10px;
	width:750px;
	border-top:1px dotted #666;
}

#descriptionPage{
	font-size:14px;
	margin-bottom:20px;
}

#descriptionPage a{
	font-size:14px;
	margin-bottom:20px;
	text-decoration:none;
	color:#fff;
}

#inputSubmit{
	width:400px;
	height:40px;
	background:url(../images/bgInput.png) no-repeat;
	margin-bottom:10px;
	position:relative;
}

#inputSubmit input{
	width:380px;
	height:30px;
	padding:5px;
	border:0px;
	font-size:22px;
	color:#333;
	background:none;
	line-height:30px;
	position:relative;
	top:2px;
	font-family: "Museo 300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#textareaSubmit{
	width:400px;
	height:250px;
	background:url(../images/bgTextarea.png) no-repeat;
	margin-bottom:20px;
}

#textareaSubmit textarea{
	width:380px;
	height:230px;
	padding:5px;
	border:0px;
	font-size:22px;
	color:#333;
	background:none;
	line-height:30px;
	position:relative;
	top:2px;
	font-family: "Museo 300", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#submitSite{
	background:url(../images/submitSite.png);
	width:178px;
	height:36px;
	border:0px;
	cursor:pointer;
	margin-bottom:20px;
	margin-left:220px;
}

.sendSubmit{
	background:url(../images/sendComment.png);
	width:178px;
	height:36px;
	border:0px;
	cursor:pointer;
	margin-bottom:20px;
	margin-left:220px;
}

#submitContact{
	background:url(../images/submitContact.png);
	width:178px;
	height:36px;
	border:0px;
	cursor:pointer;
	margin-bottom:20px;
	margin-left:220px;
}

#boxCategoryShowcase{
	width:365px;
	height:200px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}

#megaBoxWebsitePage{
	width:750px;
	height:300px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}

#sidebar{
	width:200px;
	float:right;
	margin-top:20px;
}

#nameWebsite a{
	background:#ec008c;
	color:#fff;
	font-size:16px;
	position:absolute;
	bottom:10px;
	right:10px;
	padding:4px;
	display:block;
}

#miniTheViews a{
	background:#00aeef;
	color:#fff;
	font-size:12px;
	position:absolute;
	right:10px;
	top:10px;
	padding:4px;
	display:block;
}

#theViews a{
	background:#00aeef;
	color:#fff;
	font-size:16px;
	position:absolute;
	right:10px;
	top:10px;
	padding:4px;
	display:block;
}

#nameWebsiteNoLink{
	background:#ec008c;
	color:#fff;
	font-size:16px;
	position:absolute;
	right:10px;
	bottom:10px;
	padding:4px;
	display:block;
}

#miniNameWebsite a{
	background:#ec008c;
	color:#fff;
	font-size:12px;
	position:absolute;
	right:10px;
	bottom:10px;
	padding:4px;
	display:block;
}

.pagebar{
	width:710px;
	margin-bottom:20px;
	font-size:18px;
	text-align:center;
	font-style:italic;
}

.pagebar .this-page{
	padding-left:2px;
	padding-right:2px;
	color:#666;
}

.pagebar a{
	padding-left:2px;
	padding-right:2px;
}

#boxWebsitePage a{
	width:750px;
	height:300px;
	background:url(../images/boxPageWebsite.png);
	position:absolute;
}

#boxWebsitePage{
	width:750px;
	height:300px;
	background:url(../images/boxPageWebsite.png);
	position:absolute;
}

#advertiseHere a{
	width:200px;
	height:180px;
	color:#333;
	background:#dddddd;
	line-height:180px;
	text-decoration:none;
	margin-bottom:20px;
	text-align:center;
	display:block;
}

#boxAdvertiseHere{
	width:200px;
	height:90px;
	margin-bottom:20px;
}

#miniAdvertiseHereL a{
	width:90px;
	height:90px;
	color:#333;
	background:#dddddd;
	line-height:90px;
	text-decoration:none;
	margin-bottom:20px;
	text-align:center;
	display:block;
	float:left;
	font-size:10px;
}

#miniAdvertiseHereR a{
	width:90px;
	height:90px;
	color:#333;
	background:#dddddd;
	line-height:90px;
	text-decoration:none;
	margin-bottom:20px;
	text-align:center;
	display:block;
	float:right;
	font-size:10px;
}

#containerPage{
	float:left;
}

#labelSubmit{
	position:relative;
	width:400px;
}

#alertName{
	visibility:hidden;
	margin-left:15px;
	color:#ff0000;
	position:absolute;
	right:0px;
	top:0px;
}

#alertEmail{
	visibility:hidden;
	margin-left:15px;
	color:#ff0000;
	position:absolute;
	right:0px;
	top:0px;
}

#alertWebsiteName{
	visibility:hidden;
	margin-left:15px;
	color:#ff0000;
	position:absolute;
	right:0px;
	top:0px;
}

#alertWebsite{
	visibility:hidden;
	margin-left:15px;
	color:#ff0000;
	position:absolute;
	right:0px;
	top:0px;
}

#footer #right img{
	position:relative;
	top:5px;
}


/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */