*{
    margin:0;
    padding:0;
}
body {
    font:34px 'Strait', sans-serif;
    font-style: none;
	overflow-x:hidden;
	background:url(../images/bkg.png) repeat;
}

@media screen and (min-width:321px) {
.brick {
	background:url(../images/brick.jpg) no-repeat;
	top:0;
	left:0;
	height:424px;
	position:relative;
	box-shadow:1px 3px 3px #000
}
}
@media screen and (max-width:320px) {
.brick {
	background:url(../images/brick.jpg) no-repeat;
	top:0;
	left:0;
	height:324px;
	position:relative;
	box-shadow:1px 3px 3px #000
}
}

/* First Screen */
.topboxy {
	max-width:500px;
	width:100%;
	margin:0 auto;
	position:relative;
	top:110px;
	height:auto;
	/*background:#000;*/
	border-radius:10px
}
.topboxy img {
	width:100%
}
@media screen and (min-width:750px) {
.logo {
	position:fixed;
	top:10px;
	right:20px;
}
.logo img {
	width:86px
}
}
@media screen and (max-width:749px) {
.logo {
	position:absolute;
	top:10px;
	right:20px;
}
.logo img {
	min-width:20px;
	width:80%
}
}

/* Second Screen */
@media screen and (max-width:320px) {
.bottomlocation {
	position:absolute;
	width:100%;
	top:350px
}
}
@media screen and (min-width:321px) {
.bottomlocation {
	position:absolute;
	width:100%;
	top:460px
}	
}
.cutey {
	display:block;
	width:100%;
	max-width:900px;
	margin:0 auto
}
.cutey h1 {
	color:#333;
	text-shadow:1px 1px 1px #CCC;
	font-size:120%;
	margin:20px 0 0 20px;
	padding:0 0 0 20px;
	text-align:center
}
.cutey h1 img {
	width:300px
}
.cutey h1 span {
	float:right
}
.cutey h2 {
	color:#fff;
	text-shadow:1px 1px 1px #CCC;
	margin:-12px 0 0 130px;
	font:100% 'Gabriela', serif;
	text-align:center
}
.cute2 {
	display:block;
	width:100%;
	max-width:900px;
	margin:0 auto
}
.cute2 h1 {
	color:#fff;
	text-shadow:1px 1px 1px #000;
	font-size:120%;
	margin:20px 0 0 20px;
	padding:0 0 0 20px;
	text-align:center
}
.cute2 h1 img {
	width:300px
}
.cute2 h1 span {
	float:right;
	color:#CCC;
	text-shadow:1px 1px 1px #000;
}
.cute2 h2 {
	color:#fff;
	text-shadow:1px 1px 1px #363;
	margin:-12px 0 0 130px;
	font:100% 'Gabriela', serif;
	text-align:center
}

@media screen and (min-width:445px) and (max-width:650px) {
.cute2 h1 img {
	align:center;
	width:45%
}
.cutey h1 img {
	align:center;
	width:45%
}	
.cutey h1 span {
	float:right;
	margin:10px 20px 0 0;	
	display:block;
	font-size:70%
}
.cute2 h1 span {
	float:right;
	margin:10px 20px 0 0;
	display:block;
	font-size:70%	
}
}

@media screen and (max-width:444px) {
.cute2 h1 img {
	display:none
}
.cutey h1 img {
	display:none
}
.cutey h1 span {
	margin:0 20px 0 0;	
	font-size:70%;
	width:100%;
	float:left
}
.cute2 h1 span {
	margin:0 20px 0 0;	
	font-size:70%;
	width:100%;
	float:left
}
}
.clear {
	clear:both
}

.lastyear {
	width:100%;
	display:block;
	background:url(../images/dark_wall.png) repeat;
	height:auto;;
	padding:20px 0 0 0;
	position:relative;
	box-shadow:-1px -1px 3px #000
}
@media screen and (min-width:415px) {
.archiveswrap {
	display:block;
	float:left;
	margin:40px 0 40px 20px;
	width:20%;
	min-width:150px;
	padding:10px	
}
}
@media screen and (min-width:292px) and (max-width:414px) {
.archiveswrap {
	display:block;
	float:left;
	margin:0;
	width:20%;
	min-width:110px;
	padding:10px
}
}
@media screen and (max-width:291px) {
.archiveswrap {
	display:block;
	float:left;
	margin:0;
	width:15%;
	min-width:90px;
	padding:10px
}
}
.cover {
	border:0;
	width:100%;
	display:block;
	margin:0 0 15px 0;
	opacity:1;
	-webkit-transition:all 1s ease-in;  
   -moz-transition:all 1s ease-in;  
   -o-transition:all 1s ease-in;  
   transition:all 1s ease-in;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	behavior:url(border-radius.htc)    
}
.archives {
	display:block
}
.archives h4 {
	font:82% 'Strait', sans-serif;
	color:#ececec;
	text-shadow:1px 1px 2px #000;
	letter-spacing:1px;
	text-align:center
}