/* ----------------------------------------------------------

	Site:		nemeseri.com
	Type:		Main CSS

	Author: 	Andras Nemeseri
------------------------------------------------------------- */

/* @group common */

html, body, div, span, 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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img,
fieldset {
	border: 0;
}

q:before,
q:after {
	content: "";
}

body, table td, table th {
	color: #393733;
	font: 12px/15px Verdana,"Bitstream Vera Sans","DejaVu Sans","Liberation Sans",Geneva,sans-serif;
}

body {
	background: #fff;
}

body.sunny {
	background: url(../i/sunny1.png) repeat 50% 0;
}

body.rainy {
	background: url(../i/rainy1.png) repeat 50% 0;
}

body.cloudy {
	background: url(../i/cloudy1.png) repeat 50% 0;
}

body.storm {
	background: url(../i/storm.png) repeat 50% 0;
}

body.ice {
	background: url(../i/ice1.png) repeat 50% 0;
}

body.snow {
	background: url(../i/snow1.png) repeat 50% 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	margin: 0.6em 0;
}

h1 {
	font-size: 22px;
	line-height: 25px;
}

h2 {
	font-size: 18px;
	line-height: 20px;
}

h3 {
	font-size: 16px;
	line-height: 18px;
}

h4, h5, h6 {
	font-size: 15px;
	line-height: 17px;
}

a {
	color: #105cb6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end common */

/* @group common-classes */

.clr::after,
.colwrp::after,
#container::after,
.box h2::after,
#itunes::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.screenrdr,
.hidden {
	position: absolute;
	left: -9999px;
	top: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.dspnone {
	display: none;
}

.fir {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.noborder {
	border: 0 !important;
}

.iwrp,
.iwrp img {
	display: block;
}

img.tool {
	cursor: pointer;
}

/* @end common-classes */

/* @group content */

#container {
	width: 855px;
	margin: 0 auto;
	padding: 15px;
}

#container h1,
#container h2,
#container h3 {
	margin-top: 0;
}

/*@group box */

.box {
	padding: 15px;
	border: 1px solid #fff;
	margin: 0 0 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 0 5px #222;
	-moz-box-shadow: 0 0 5px #222;
	-o-box-shadow: 0 0 5px #222;
	box-shadow: 0 0 5px #222;
	background: #efefef;
	background: rgba(255, 255, 255, 0.6);
	overflow: hidden;
	float: none;
	clear: both;
	position: relative;
}

.box h2 a {
	display: block;
	height: 41px;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}

.box > a {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.box > a:hover {
	text-decoration: none;
}

.box > a:hover span {
	text-decoration: underline;
}

.box > a::after {
	content: " \00bb";
}

.box ul,
.box ol,
.box h3 {
	clear: both;
}

/*@end box */

/*@group logos */

#twitter h2 a {
	width: 140px;
	background: url(../i/logos.png) no-repeat 0 0;
}

#digg h2 a {
	width: 70px;
	background: url(../i/logos.png) no-repeat 0 -100px;
}

#delicious h2 a {
	float: left;
	clear: both;
	padding-left: 45px;
	color: #000;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	background: url(../i/logos.png) no-repeat 0 -200px;
}

#delicious h2 a span {
	display: block;
	color: #a8a8a8;
	font-size: 14px;
}

#flickr h2 a {
	width: 115px;
	background: url(../i/logos.png) no-repeat 0 -50px;
}

#itunes h2 a {
	float: left;
	clear: both;
	padding-left: 42px;
	/* color: #000; */
	color: #393733;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
	font-size: 18px;
	line-height: 33px;
	background: url(../i/logos.png) no-repeat 0 -150px;
}

/*@end logos */

#welcome {
}

#twitter,
#digg,
#delicious {
	width: 243px;
	height: 360px;
	float: left;
	clear: none;
}

#digg,
#delicious {
	margin-left: 15px;
}

#twitter li,
#digg li,
#delicious li {
	margin-bottom: 10px;
}

#twitter li span,
#twitter li span a,
#digg li span,
#delicious li span,
#itunes dd {
	font-size: 10px;
	font-style: italic;
	color: #666;
}

#flickr {
	padding: 15px 15px 25px 7px;
}

#flickr h2 {
	margin-left: 8px;
}

#flickr ul {
	text-align: center;
	margin-left: 8px;
}

#flickr li {
	display: inline;
	line-height: 18px;
}

#flickr h2 + ul {
	float: left;
	text-align: left;
	margin: 0 0 7px 0;
}

#flickr h2 + ul li {
	float: left;
	line-height: 15px;
	margin: 0 0 8px 8px;
}

#flickr h2 + ul img {
	display: block;
}

#itunes {
	padding-left: 0;
}

#itunes h2 {
	margin: 0 0 0 15px;
}

#itunes h3 {
	margin-left: 15px;
}

#itunes div {
	clear: both;
	float: left;
}

#itunes ol {
	margin-left: 0;
	float: left;
}

#itunes li {
	width: 245px;
	height: 64px;
	overflow: hidden;
	border: 1px solid #777;
	padding: 8px;
	margin: 0 0 15px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	float: left;
}

#itunes dl {
	padding-left: 74px;
	position: relative;
}

#itunes dt + dd {
	font-size: 12px;
	color: #393733;
}

#itunes h2 + h3 + ol {
	margin-bottom: 15px;
}

#itunes dd:last-child img {
	position: absolute;
	top: 0;
	left: 0;
}

#itunes dd:last-child a {
}

#imap {
	width: 820px;
	height: 300px;
	margin: 15px 0;
}

#instamapper dt {
	display: inline;
	font-weight: bold;
}

#instamapper dd {
	display: inline;
	margin-right: 15px;
}

#instamapper span,
#instamapper span a {
	font-size: 10px;
	font-style: italic;
	color: #666;
}

/* @end content */