/*
    Theme Name: AV17 theme
    Theme URI: http://www.affect.lt/
    Description: AV17 Affect
    Version: 1.0
    Author: affect
    Author URI: http://affect.lt/
    Tags: affect, art, art gallery, av17gallery, av17
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* Typography */
body {
	font: 13px/22px Verdana, Arial, sans-serif;
	color: #000;
	background: #fff;
	text-align: center;
	overflow: hidden;
	width: 520px;
}
a {
	color: #000;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

a:link {
	text-decoration: underline;
}

cite a{
	color: #ff000 !important;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 500;
	color: #000;
}

h1, h2, h3, h4, h5, h6, p, a  {
	font-family: arial, sans-serif;
}

h1 {
	font-size: 24px;
}

p {
	color: #58595B;
	font-size: 12px;
	line-height: 1.9em;
	text-align: justify;
}

div {
	text-align: justify;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

/* helpers */
.rc-3 {-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;}
.rc-5 {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.rcl{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.rcr{
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.rct{
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.rotate {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.99026807, M12=0.13917310, M21=-0.13917310, M22=0.99026807,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99026807, M12=0.13917310, M21=-0.13917310, M22=0.99026807,sizingMethod='auto expand');
    -moz-transform:  matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
    -webkit-transform:  matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
    -o-transform:  matrix(0.99026807, -0.13917310, 0.13917310, 0.99026807, 0, 0);
}


.main {
	position: relative;
	height: 1650px;
	margin: 0 auto;
	width: 520px;
	padding: 0;
	overflow: hidden;
	background: url('img/bg.png') no-repeat top center;
}

.header {
	width: 130px;
	height: 40px;
	margin: 0 0 30px 250px;
	padding: 30px 0 0 0;
	line-height: 1.2em;
}

.subheader {
	height: 80px;
	width: 465px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	text-align: center;
	line-height: 1.2em;
}

.subheader h1 {
	margin: 0 0 30px 0;
	font-family:'Conv_JennaSue', Sans-Serif;
	font-size: 45px;
}

.subheader p {
	line-height: 1.2em;
	font-family: georgia, sans-serif;
	font-style: italic;
	text-align: center;
}

.small-finalists {
	width: 490px;
	height: 180px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.small-finalists  p {
	text-align: center;
	font-size: 30px;
	margin: -15px 0 0 0;
	padding: 0;
	font-family:'Conv_JennaSue', Sans-Serif;
}

.small-finalists h3 {
	text-align: center;
	font-size: 14px;
	padding: 0;
	margin: 15px 0 0 0;
	font-style: italic;
	color: #58595B;
	font-family: georgia,sans-serif;
	cursor: pointer;
}

.big-finalists {
	width: 490px;
	height: 205px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.big-finalists p {
	text-align: center;
	font-size: 30px;
	margin: -14px 0 0 0;
	padding: 0;
	font-family:'Conv_JennaSue', Sans-Serif;
}

.big-finalists h3 {
	text-align: center;
	font-size: 14px;
	padding: 0;
	color: #58595B;
	margin: 15px 0 0 0;
	font-style: italic;
	font-family: georgia,sans-serif;
	cursor: pointer;
}

.footer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 0 0;
}

.photo-frame {
	width: 490px;
	height: 74px;
	overflow: hidden;
	margin: 15px auto 0 auto;
	cursor: pointer;
}

.pic-frame {
	display: block;
	float: left;
	width: 90px;
	height: 74px;
	margin: 0 4px;
	background: url('img/pic-frame.png') center center no-repeat;
}

.pic-frame img {
	display: block;
	margin: 12px auto 0 auto;
}


/* products */

.products {
	width: 100%;
	height: 810px;
}

.products img {
	display: block;
	float: left;
	cursor: pointer;
}

img.clock {
	width: 196px;
	height: 198px;
	margin: 15px 0 0 170px;
	background: url('img/clock.png');
}

img.clock:hover {
	background: url('img/d-clock.png');
}

img.wtf1, img.wtf2{
	margin: 35px 0 0 15px; 
}

img.wtf1 {
	width: 111px;
	height: 184px;
	background: url('img/wtf1.png');
}

img.wtf1:hover {
	background: url('img/d-wtf1.png');
}

img.wtf2 {
	width: 119px;
	height: 183px;
	background: url('img/wtf2.png');
}

img.wtf2:hover {
	background: url('img/d-wtf2.png');
}

img.wtf3 {
	margin: 40px 0 0 15px; 
	width: 98px;
	height: 173px;
	background: url('img/wtf3.png');
}

img.wtf3:hover {
	background: url('img/d-wtf3.png');
}

img.teapot {
	width: 145px;
	height: 104px;
	margin: 110px 0 0 0;
	background: url('img/teapot.png');
}

img.teapot:hover {
	background: url('img/d-teapot.png');
}

img.basket {
	width:140px;
	height:124px;
	margin: 35px 0 0 15px;
	background: url('img/basket.png');
}

img.basket:hover {
	background: url('img/d-basket.png');
}

img.btf1 {
	width:85px;
	height:77px;
	margin: 35px 0 0 5px;
	background: url('img/btf1.png');
	z-index: 10;
}

img.btf1:hover {
	background: url('img/d-btf1.png');
}

img.btf2 {	
	width:86px;
	height:81px;
	margin: 35px 0 0 40px;
	background: url('img/btf2.png');
	z-index: 10;
}

img.btf2:hover {
	background: url('img/d-btf2.png');
}

img.cup {
	width:130px;
	height:73px;
	margin: 95px 0 0 15px;
	background: url('img/cup.png');
}

img.cup:hover {
	background: url('img/d-cup.png');
}

img.stuff {
	width:224px;
	height:255px;
	margin: -80px 0 0 7px;
	background: url('img/stuff.png');
	z-index: 1;
}

img.stuff:hover {
	background: url('img/d-stuff.png');
}

img.lamp {
	width:144px;
	height:301px;
	margin: -130px 0 0 0;
	background: url('img/lamp.png');
}

img.lamp:hover {
	background: url('img/d-lamp.png');
}

/* popup */

.popup-wrapper {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 520px;
}

.popup {
	position: relative;
	width: 360px;
	height: 245px;
	margin: 500px auto 0 auto;
	background: url('img/trans-bg.png') repeat;
	text-align: center;
}

.close {
	display: block;
	float: right;
	margin: 5px;
	cursor: pointer;
}

.popup h1 {
	font-family: 'Conv_JennaSue', Sans-Serif;
	font-weight: 700;
	margin: -20px 0 30px 0;
	font-size: 40px;
}

.popup input[type="text"] {
	display: block;
	width: 301px;
	height: 72px;
	line-height: 72px;
	border: none;
	text-align: center;
	background: url('img/input-bg.png') center center no-repeat;
	font-family: 'Conv_JennaSue', Sans-Serif;
	font-size: 25px;
	margin: 0 auto 25px auto;
}

.popup input[type="button"] {
	display: block;
	margin: 0 auto 25px auto;
	width: 104px;
	height: 45px;
	line-height: 45px;
	border: none;
	background: url('img/share-grad.png') center center repeat-x;
	color: #fff;
	font-family: 'Conv_JennaSue', Sans-Serif;
	font-size: 25px;
	font-weight: 700;
	cursor: pointer;
}

/* terms-and-conditions-wrapper */

.terms-and-conditions-wrapper {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 520px;
	height: 1650px;
	background: url('img/trans-black-bg.png') repeat;
}

.terms-and-conditions {
	position: relative;
	width: 460px;
	padding: 20px;
	margin: 20px auto 0 auto;
	background: #fff;
	text-align: center;
	line-height: 1.2em;
}

/* console */

#console {
	position: absolute;
	display: none;
	width: 100%;
	padding: 5px;
	background: #000;
	color: #fff;
}