@import"reSet.css";


/*Body, Bac, Wrapper, Header, Nav, Foot */


/*colors #a3b808-green #d22042-pink #30c4c9-aqua #404040-gray*/

/*fonts 'tangerineregular' 'josefin_sans_stdlight' 'tangerinebold' 'alluraregular'  'PacificoRegular' 'EuphoriaScriptRegular' 'KaushanScriptRegular' 'ResagnictoRegular' 'ResagnictoItalic' 'ResagnictoBold' 'EnriquetaRegular' 'EnriquetaBold' 'WalkwayBoldRegular' 'WalkwayUltraBoldRegular' 'WalkwayBlackRegular' */

body{
font-family:'josefin_sans_stdlight', sans-serif;
line-height:22px;
font-size:1.08em;
margin:0;
color:#030303;
background-color:#404040;
border-top:
}

#bar {position:absolute;
z-index:2;
background-color:#404040;
left:0px;
right:0px;
width:100%;
height:120px;}

#bar2 {position:absolute;
z-index:2;
background-color:#a3b808;
left:0px;
right:0px;
width:100%;
height:120px;}

#bac {
background:#fff;
position:relative;
z-index:1;
width:100%;
left:0px;
top:0%;}

#bac2 {
background:#fff;
position:relative;
z-index:1;
width:100%;
left:0px;
top:0%;}

#wrapper {position:relative;
width:980px;
margin-left:auto;
margin-right:auto;}

header {position:relative;
z-index:3;
}

/*fonts 'tangerineregular' 'josefin_sans_stdlight' 'tangerinebold' 'alluraregular'  'PacificoRegular' 'EuphoriaScriptRegular' 'KaushanScriptRegular' 'ResagnictoRegular' 'ResagnictoItalic' 'ResagnictoBold'  'WalkwayBoldRegular' 'WalkwayUltraBoldRegular'  */

h1 {font-family:'WalkwayBoldRegular'   , sans-serif;
font-size:2.4em;
color:#d22042;
line-height:32px;
display:inline;
z-index:2;
position:relative;

}

h2 {font-family:'josefin_sans_stdlight', sans-serif;color:#404040;
font-size:1.8em;}


/*colors #a3b808-green #d22042-pink #30c4c9-aqua #404040-gray*/

nav {font-family:'josefin_sans_stdlight', sans-serif;
z-index:3;
position:relative;
width:980px;
font-size:1.4em;
margin-top:-80px;
}
nav a:visited{color:#ffffff;}

nav a:link {color:#ffffff;text-decoration:none;padding-right:10px;
padding-left:10px;margin-bottom:100px; float:right;display: inline; padding-top:5px;
}

nav a:hover {color: #30c4c9;text-decoration:none;}

.current {
font-family:'josefin_sans_stdlight', sans-serif;
font-size:1.0em;
background-color: #5E5E5E;
margin-left:auto;
margin-right:auto;
text-decoration: underline;
} 

/*colors #a3b808-green #d22042-pink #30c4c9-aqua #404040-gray*/

footer{font-family:'josefin_sans_stdlight', sans-serif;
line-height:26px;
width:980px;
margin-left:auto;
margin-right:auto; 

padding-bottom:3%;
}

footer a:visited{color:#a3b808;}

footer a:link {color:#a3b808;text-decoration:none;padding-right:10px; 
padding-left:10px;display:inline;font-size:1.3em;padding-top:5px;}

footer a:hover {color: #d22042;text-decoration:none;}



.article {z-index:15;position:relative;padding-top:20px;}

#foot1{float:left;}

#foot2{float:right; width:350px; padding-top:20px;}

.text {color:#fff;padding-bottom:20px;font-size:1.2em;}

.text1 {color:#fff;padding-top:20px;padding-bottom:20px;font-size:1.3em;}

label {color:#a3b808;}

#form {color:#a3b808;
font-size:2.6em;
font-family:'josefin_sans_stdlight', sans-serif;}

#formtwo {color:#a3b808;

font-family:'josefin_sans_stdlight', sans-serif;
padding-left:3%;}

#submit {color:#d22042;}

#email {color:#fff;}

textarea {background: #a3b808;
border:0;}

input {background-color: #5E5E5E;
border:0;}

input: focus{border-color: #fefad4;}

input {font-style: italic;
font-size: .8em;
padding: .5em;
border-style: solid;
border-width: 3px;
border:0;}

.socail {width:67px; height:53px; }

.socail2 {padding-left:20px;  width:67px; height:55px; }

.socail3 {padding-left:20px;  width:35px; height:71px;}

.clearFloat {clear:both;} 
}

.top {font-family:'josefin_sans_stdlight', sans-serif;
color:#a3b808;
text-decoration:none;
text-align:right;}

.logo {display: block;
    margin: auto;
	float:left;}

.color{position:absolute;height:1000px;width:980px;z-index:3;}
.color1{position:absolute;height:800px;width:980px;z-index:3;}
.color4{position:absolute;height:700px;width:980px;z-index:3;}
.color3{position:absolute;height:700px;width:980px;z-index:3;margin-top:-750px;}

.adscontainer{
	width: 100%;
	height: 250px;
	float: left;
	overflow: hidden;
	margin: 0px;
	}
	
.adscontainera{
	width: 80%;
	height: 100px;
	float:right;
	overflow: hidden;
	margin: 0px;
	}
	
	.ads2{
	position:relative;
	z-index: 10;
    width:200%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
	.adsa{
	position:relative;
	z-index: 10;
    width:200%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
	.ads3{
	position:relative;
	z-index: 10;
    width:100%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.ads1 {padding-left:70px;}

.ads2:hover{
	-moz-transform: translate(-50%);
	-moz-transition-timing-function: ;
	-moz-transition-duration: 1s;
	-webkit-transform:translate(-50%);
	-webkit-transition-timing-function: ;
	-webkit-transition-duration: 1s; 
	-ms-transform:translate(-50%);
	-ms-transition-timing-function:;
	-ms-transition-duration: 1s; 
	-o-transform:translate(-50%);
	-o-transition-timing-function: ;
	-o-transition-duration: 1s;
	transform:translate(-50%);
	transition-timing-function: ;
	transition-duration: 1s; 
}

.ads3:hover{
	-moz-transform: translate(-50%);
	-moz-transition-timing-function: ;
	-moz-transition-duration: 1s;
	-webkit-transform:translate(-50%);
	-webkit-transition-timing-function: ;
	-webkit-transition-duration: 1s; 
	-ms-transform:translate(-50%);
	-ms-transition-timing-function:;
	-ms-transition-duration: 1s; 
	-o-transform:translate(-50%);
	-o-transition-timing-function: ;
	-o-transition-duration: 1s;
	transform:translate(-50%);
	transition-timing-function: ;
	transition-duration: 1s; 
}
.adsa:hover{
	-moz-transform: translate(-50%);
	-moz-transition-timing-function: ;
	-moz-transition-duration: 1s;
	-webkit-transform:translate(-50%);
	-webkit-transition-timing-function: ;
	-webkit-transition-duration: 1s; 
	-ms-transform:translate(-50%);
	-ms-transition-timing-function:;
	-ms-transition-duration: 1s; 
	-o-transform:translate(-50%);
	-o-transition-timing-function: ;
	-o-transition-duration: 1s;
	transform:translate(-50%);
	transition-timing-function: ;
	transition-duration: 1s; 
}

.scale{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.scale:hover{
-moz-transition-property: margin-left;
-moz-transform: scale(3);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1s;
-webkit-transition-property: margin-left;
-webkit-transform:scale(3);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1s;
-ms-transition-property: margin-left;
-ms-transform:scale(3);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 1s;
-o-transition-property: margin-left;
-o-transform:scale(3);
-o-transition-timing-function: ease-out;
-o-transition-duration: 1s;
transition-property: margin-left;
transform:scale(3);
transition-timing-function: ease-out;
transition-duration: 1s;
margin-left: 10%;
}


/**************************************************************Page 1*************************************************************************/

.one {padding-bottom:20px; width:980px;}

#left {color:#404040;
float:left;
width:25%;
padding-right:2%;
}

#right {color:#404040;
float:right;
width:25%;
padding-left:3%;

}

#center {padding-left:5%; 
color:#404040;
padding-right:3%;
}


.editor {width:125px; height:125px; float:left; padding-right:20px;padding-bottom:5px;}

.editortext {color:#30c4c9; padding-top:5px;}

.link{color:#30c4c9;
text-decoration:none; padding-top:20px;
}



.line {border-top:1px solid #a3b808;
padding-bottom:20px;}

.line1 {border-top:1px solid #404040; padding-top:10px;padding-bottom:10px;
}

.line3 {border-top:1px solid #404040; padding-top:10px;padding-bottom:10px;
}
.line12 {border-top:1px solid #a3b808; padding-top:10px;padding-bottom:10px;
}
.linethree {border-left:1px solid #a3b808;
}

.adtext {text-align:center;}

#column1 {position:relative;z-index:12;width: 250px; margin: 10px; padding: 10px;  float: left;}

#column2 {position:relative;z-index:12; width: 350px; margin: 10px; padding: 10px;  float: left;}

#column3 {position:relative;z-index:12;width: 250px; margin: 10px; padding: 10px;  float: right;}




/**************************************************************Page 2*************************************************************************/
/*colors #a3b808-green #d22042-pink #30c4c9-aqua #404040-gray*/


#column4 {position:relative;z-index:12;color: #000; width: 250px; margin: 10px; padding: 10px;  float: left;}

#column5 {position:relative;z-index:12;color: #000; width: 650px; margin: 10px; padding: 10px;  float: left;}


.auto {width:650px; height:490px;}
.auto2 {width:650px; height:370px;}

.mac {width:250px; height:450px;}

.mac2:hover {-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}

.mac2:hover {
-moz-transition-property: margin-left;
-moz-transform: scale(2);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1s;
-webkit-transition-property: margin-left;
-webkit-transform:scale(2);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1s;
-ms-transition-property: margin-left;
-ms-transform:scale(2);
-ms-transition-timing-function: ease-out;
-ms-transition-duration: 1s;
-o-transition-property: margin-left;
-o-transform:scale(2);
-o-transition-timing-function: ease-out;
-o-transition-duration: 1s;
transition-property: margin-left;
transform:scale(2);
transition-timing-function: ease-out;
transition-duration: 1s;
margin-left: 10%;
}


.mac2 {width:250px; height:250px;}
.one {padding-bottom:20px;width:980px;}

.editor2 {float:left; padding-right:10px; width:450px; height:300px;}

.number {margin-left:20px; padding-top:10px; line-height:24px;padding-bottom:10px;}

#left2 {color:#30c4c9;
float:left;
width:30%;
padding-right:3%;
max-height: 400px;
	overflow: hidden;
	position:relative;
}

#right2 {color:#30c4c9;
float:right;
width:30%;
padding-left:3%;
max-height: 425px;
position:relative;
overflow: hidden;
}

#center2 {padding-left:3%; 
color:#30c4c9;
padding-right:3%;
max-height: 450px;
overflow: hidden;
position:relative;
}



/**************************************************************Page 2*************************************************************************/



.man {width:370px; height:632px;}

.tipimg {width:570px;}

#column7 {position:relative;z-index:12;color: #000; width: 370px; margin: 10px;   float: left;}

#column8 {position:relative;z-index:12;color: #000; width: 570px; margin: 10px;   float: left;}

#column12 {position:relative;z-index:12; width: 650px; margin: 10px; padding: 10px;  float: left;}

/**************************************************************Page 3*************************************************************************/

.dyk {font-family:'josefin_sans_stdlight', sans-serif;
font-size:2em;
color:#d22042;
z-index:2;
position:relative;
padding-bottom:5px;
}

.size {float:left;width:370px;}

.scan {width:144px; height:200px;padding-bottom:5px;padding-top:10px;float:left; padding-right:15px;}

.cat {width:340px; height:226px;float:right;padding-left:15px;}

.pana {float:left; padding-right:20px;}
.pana1 {float:left;padding-right:8px;padding-bottom:20px;}
.pana2 {float:left;padding-right:20px;padding-bottom:20px;}
#column11 {position:relative;z-index:12; margin: 10px;   float: left;}

/*Readers Poll*/

.answers {
	padding:5px;
	color:#fff;
	background:#404040;
}

#hide {
	display:none;
	font-size:.9em;
}

.answers2 {
	padding:5px;
	color:#fff;
	background:#4d4d4d;
}

.rlabel {color:#030303;font-size:1.2em;}

.banner {float:right; z-index:4;position:relative;}
/**************************************************************page4*************************************************************************/

.pack{width:250px;
height:321px;}

.thumb4 {width:250px;
height:158px;}


/**************************************************************reply*************************************************************************/

#reply {font-size:3.3em;
font-family:'EnriquetaBold', sans-serif;
padding-top:20px;
color:#a3b808;
align:center;
padding-bottom:40px;
}

.replyimage{width:980px;
height:580px;}