/*
	~~~ POZDRAV.NET Stylesheet ~~~
*/

body
{
  margin: 0;
	padding: 0;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;

  font-size: 80%;
	background: url(img/bg.png) top center repeat-y transparent;
  background-color: #e9e9e9;
}

textarea, input
{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size: 110%;
}


.hh {
    font-weight: normal; font-variant: small-caps; font-family: georgia, arial, sans-serif; line-height: 1.1em;
    padding-top: 0px;font-size: 150%;
    color: #295959 !important;
}

.hd {
    display: block;
    margin: 15px 0;
}

h1, h2, h3  { font-weight: normal; font-variant: small-caps; font-family: georgia, arial, sans-serif; line-height: 1.1em; }
h1 { padding-top: 0px;font-size: 200%;}
h2 { padding-top: 0px;font-size: 150%;}
h3 { margin-bottom: 5px;font-size: 110%;}

h1, h1 a, h2, h2 a, h3, h3 a { color: #295959; }
em {color: #295959;}
p { line-height: 1.5; }

a { text-decoration: none; color: #222; }
a:hover { color: #c04000; }
a:hover img { border: 1px solid #c09050; background-color: #fff9f0; }
img { border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 4px; }
.cal-btn {border: none; padding: 2px; margin: 2px;cursor:pointer; vertical-align: bottom;}


#header {width: 960px; height: 140px; background: url(img/head1.jpg) top center no-repeat transparent; margin: 0 auto; text-align: left;}
#header a {display: block; height: 140px;}

#content {width: 940px; padding: 30px 10px 0 10px; text-align: left; margin: 0 auto; background: url(img/head2.jpg) top center no-repeat transparent; }

#content:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

#content h1, h1 a, h2, h2 a, h3, h3 a { color: #295959 !important; }


#nav {padding: 0 15px 19px 0; list-style-type: none; float: right; font-size: 110%;}

#nav li { float: left;}
#nav .s {margin: 0 10px}
#nav a { color: #888; }
#nav a:hover { color: #c04000; }
#nav .selected { color: #c04000; }


#footer
{
	clear: both;
	text-align: center;
	text-transform: uppercase;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #888;
	padding: 35px 0 0 0;
	font-size: 93%;
}

#footer a {	color: #345; }
#footer a:hover { color: #c05900; }
#footer .left { float: left; width: 200px; text-align: left; }
#footer .center { text-align: center; }
#footer .right { float: right; width: 200px; text-align: right; }
#footer img {border: none;}

#last {float: left; width: 340px; }
/*----------last sent-------------*/
#lastsent {float: left; width: 340px; }
#lastsent .card-thumb {margin: 1px; width: 110px; height: 135px; float: left; text-align: center;}
#lastsent h2 { padding-top: 0px; margin-top: 0; font-size: 200%;}

/*----------last added-------------*/
#lastadded {float: left; width: 340px; }
#lastadded .card-thumb {margin: 1px; width: 110px; height: 135px; float: left; text-align: center;}
#lastadded h2 { padding-top: 0px; margin-top: 0; font-size: 200%;}

/*----------last pops-------------*/
#lastpops {float: left; width: 340px;  }
#lastpops .card-thumb {margin: 1px; width: 110px; height: 135px; float: left; text-align: center;}
#lastpops h2 { padding-top: 0px; margin-top: 0; font-size: 200%;}


/*----------main groups-------------*/
#main {width: 100%; float: left;}
#main p a {border-bottom: dotted 1px;}
#main h1 {display: none;}
#about h1 {display: block;}

#err {width: 80%; float: left; margin-left: 100px;}

#main-groups {float: left; margin-left: 10px; width: 380px;}
#main-groups h2 { padding-top: 0px; margin-top: 0; font-size: 200%;}
#main-groups h3 { padding-top: 0px;margin: 0 0 5px;font-size: 150%;}
#main-groups img {padding: 0; border: 0; margin-left: 5px;}
#main-groups .home-group-wrap {float: left; margin: 5px 0; }
#main-groups .home-group {width: 180px; padding: 3px; float: left;}
#main-groups .home-group a {border-bottom: dotted 1px;}
#main-groups .home-group h2 a {border-bottom: 0;}
#main-groups .home-group h2 a:hover {color: #c04000;}
#main-right { display:none; border: solid 1px black; width: 240px; float: right; height: 800px; padding: 10px; background-color: #fbfbfb;}

/*----------main wishes-------------*/
#main-wishes {float: right; width: 170px; margin-right: 10px; }
#main-wishes h2 { padding-top: 0px; margin-top: 0; font-size: 200%;}
#main-wishes ul { list-style-type: none; margin: 10px 0 20px 0; padding: 0}
#main-wishes li { background: url(img/dot.gif) bottom left repeat-x transparent; padding: 5px 5px; }

/*----------friends-------------*/
#friends {float: right; width: 170px; margin-right: 10px; }
#friends h2 { padding-top: 0px; margin: 10px 0; font-size: 200%;}
#friends ul { list-style-type: none; margin: 0 0 20px 0; padding: 0}
#friends li { background: url(img/dot.gif) bottom left repeat-x transparent; padding: 5px 5px; }


/*----------inner wishes-------------*/


#wishes {float: left; width: 380px;}
#wishes h1 {font-size: 150%;}
#wishes .wish {width: 380px; padding: 0 10px; }
#wishes .wish-sep {width: 90%; padding: 5px; margin: 10px; text-align: center; color: #c04000;}
#wishesi {float: left; width: 310px; margin-right: 10px; margin-top: 10px; }
#wishesi h2 {margin: 0;}
#wishesigroups {float: left; width: 325px; margin: 10px 0;}
#wishesigroups .wishi {width: 160px; float: left; padding: 1px 0;}
#wishesigroups a {font-variant: small-caps; font-size: 110%; border-bottom: dotted 1px;}

#wishescompose {float: left; width: 310px; height: 500px; overflow-x: auto; overflow-y: auto; padding: 5px; border: solid 1px #d9d9d9;}
#loading {width: 100%; text-align: center; display: none;}
#loading img {border: none; padding: 0; background-color: #ffffff; margin: 10px;}
#wishescontainer .wish {padding: 0 10px; width: 260px; }
#wishescontainer .wish-sep {width: 90%; margin: 5px; text-align: center; color: #c04000;}
#wishescontainer a {border-bottom: dotted 1px; margin: 0 10px; color: #c04000; margin-bottom: 5px;}

#inner-wishes {width: 180px; float: left; padding: 0 10px 0 10px; margin: 0;}
#inner-wishes ul { list-style-type: none; margin: 10px 0 20px 0; padding: 0}
#inner-wishes li { background: url(img/dot.gif) bottom left repeat-x transparent; padding: 5px 5px; }
#inner-wishes a.selected { color: #c04000; padding-left: 10px; background: url(img/selected.gif) center left no-repeat;}

/*----------inner groups------------*/
#inner-groups {width: 170px; float: left; padding: 0 0 0 10px; margin: 0; }
#inner-groups h1 {font-size: 150%;}
#inner-groups ul { list-style-type: none; margin: 10px 0 20px 0; padding: 0}
#inner-groups li { background: url(img/dot.gif) bottom left repeat-x transparent; padding: 5px 0 5px 5px; }
#inner-groups a.selected { color: #c04000; padding-left: 10px; background: url(img/selected.gif) center left no-repeat;}


#cards {float: left; width: 620px;}
#cards h1 {font-size: 150%; display: inline;}

#cards .card-thumb {float:left; padding: 5px; text-align: center; width: 110px; height: 140px;}
#cards .card-thumb .card-new {content: "Нова!"; color: #c04000;}

/*-----------show card--------------*/
#show-card {width: 800px; float: left;}
#show-card h2 {padding-left: 100px; }
/*-----------compose card------------*/
#compose {width: 450px; float: left; padding-left: 20px;}
#compose label {font-weight: normal; font-variant: small-caps; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.1em; font-size: 110%; display: block; margin: 5px 0; color: #295959;}
.small-info {font-size: 100%; color: #888; font-weight: normal;}

#compose .warp1 {width: 400px; text-align: right; padding: 3px; font-size: 85%;}
#compose .warp1 a {border-bottom: dotted 1px; color: #c04000;  }
#compose .warp1 input {display: none; }
#compose textarea {border: 1px solid #bca; margin: 10px 0 0; display: block; width: 400px;}
#compose input {border: 1px solid #bca; margin: 10px 0 0;display: block;}
#compose .buttons {display: block; margin: 15px; padding: 0;}
#compose .buttons input {display: inline; margin: 5px;}
#compose .error {color: #c04000;}


/*------------ads-------------------*/
#ads {width: 120px; height: 600px; background-color: #efefef; float: right; margin: 20px 20px 0 0;}
#adsb {width: 336px; height: 280px; background-color: #efefef; float: right; margin: 50px 10px 0 0;}
#adsbf {width: 180px; height: 150px; background-color: #efefef; float: right; margin-top: 10px; margin-right: 20px;}

/*-------------misc-----------------*/
.card-info {display: block; padding: 15px 0; font-style: italic; color: #888; font-size: 80%;}
.card-info a {color: #c05900;}
.buttons input
{
	color: #453;
  background-color: #ffffff;
	border: 1px solid #bca !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	margin: 5px;
}
.buttons input.hilight {background-color: #F2F4F0;}

.back {display: block; margin-top: 20px;}
.back a {color: #888; }
.back a:hover { color: #c04000; }


/*-------------preview--------------*/
#preview {width: 600px; text-align: center; margin: 10px auto 20px auto;}
#preview .card-text {display: block; text-align: justify; font-size: 120%; padding: 0 70px;}

/*---------------send---------------*/
#card-send {margin: 0 auto 20px auto; text-align: center;}
#card-send .info {display: block; margin: 20px;}

/*---------------card cehck---------*/
#card-check {margin: 0 auto 20px auto; text-align: center;}

#about {padding: 20px;}

#homebanner {
    text-align: left;    
    margin: 10px 0;
    margin-left: 5px;
}