html{
background: #f3f3f3 url(../img/bg_home.png) repeat-x 0 0;
}

#wrap, .user ul li.fn a {
color: #444; /* profile_text_color */
}

a:link, a:visited, .user ul li.fn a:hover{
color:#307dbe; /* profile_link_color */
}

#MainHome{
background: #fff;
margin-bottom: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}


#HomeHighlight{
background: #307dbe url(../img/bg_home_box.png) repeat-x 0 0;
margin: 0;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;
padding: 20px;
color: #fff;
}

#MainHome  .PostForm{
float: left;
width: 560px;
background: #307dbe;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0px 1px 3px #444;
-webkit-box-shadow:0px 1px 3px #444;
-moz-box-shadow:0px 1px 3px #444;
padding: 20px;
position: relative;
}

#MainHome .PostForm h2{
color: #fff;
margin: 0;
text-shadow: 0 2px 3px rgba(0,0,0,.6); 
margin-bottom: 10px;
}


#MainHome .PostForm h5{color: #fff;}


#MainHome .PostForm p{
font-size: 123.1%;
line-height: 1.5em}

#MainHome .PostForm p strong{
background: #205078;
font-weight: normal;}


#MainHome .PostForm textarea{width: 554px;}

#MainHome .PostForm #arrow{
top: -29px;
left: 30px;}



/* info */

#WebInfo{
float: right;
width: 300px;
}

#WebInfo li{
padding: 0px 0 0px 40px;
margin-bottom: 10px;
background-position: left center;
background-repeat: no-repeat;
line-height: 32px;
height: 32px;
text-shadow: 0 1px 1px rgba(0,0,0,.6); 
}

#WebInfo li.share{background-image: url(../img/icons/9.png)}
#WebInfo li.friends{background-image: url(../img/icons/26.png)}
#WebInfo li.CommemntPicture{background-image: url(../img/icons/36.png)}
#WebInfo li.styles{background-image: url(../img/icons/65.png)}
#WebInfo li.ShareMobile{background-image: url(../img/icons/75.png)}

/* highlight users */

#HighlightUsers{
background: url(../img/wood-bg.jpg) repeat  0 0 ;
margin: 0;
border-top: 10px solid rgba(0,0,0,.3);
border-bottom: 10px solid rgba(0,0,0,.3);
border-left: 1px solid rgba(0,0,0,.3);
border-right: 1px solid rgba(0,0,0,.3);
padding: 10px 0 0px 0;
}

.no-rgba #HighlightUsers{
border-top: 10px solid #62412e;
border-bottom: 10px solid #62412e;
border-left: 1px solid #62412e;
border-right: 1px solid #62412e;
}

#HomeSideBar{
float: right;
width: 300px;
margin-right: 20px;}


#HomeMainArea{
float: left;
width: 600px;
margin-left: 20px;
}

h2{
text-shadow: 0 1px 1px rgba(255,255,255,.6); 
color: #62412e; 
font-weight: bold;
font-size: 300%;
margin-left: 20px;
letter-spacing: -.04em;
font-family: "ff-dax-web-pro-1","ff-dax-web-pro-2", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

.amp {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
font-weight: normal;
font-style: italic;
font-size: 110%;
}
	
/* -------------------------------------------------- */
		
.polaroids { margin: 0 0; }
.polaroids li {
float: left;
margin: 0 0 20px 23px;
}

.polaroids li a {
display: block;
background: #fff;
width: auto;
padding: 10px 10px 15px;
text-align: center;
font-family:  "hilde-sharp-1","hilde-sharp-2",cursive;
text-decoration: none; color: #333;
font-size: 180%;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
box-shadow: 0 3px 6px rgba(0,0,0,.25);
-webkit-transform: rotate(-2deg);
-webkit-transition: -webkit-transform .15s linear;
-moz-transform: rotate(-2deg);
transition: transform .15s linear;
transform: rotate(-2deg);
width: 145px;
}

.polaroids li a img {
display: block;
margin-bottom: 10px; }


.polaroids li:nth-child(even) a {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
transform: rotate(2deg); }

.polaroids li:nth-child(3n) a {
-webkit-transform: none;
-moz-transform: none; 
transform: none;
position: relative;
top: -5px; 
}

.polaroids li:nth-child(4n) a {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
transform: rotate(5deg); 
position: relative;
right: 5px;  
}

.polaroids li:nth-child(8n) a {
position: relative;
right: 5px;
top: 8px; }

.polaroids li:nth-child(11n) a {
position: relative;
left: -5px;
top: 3px; }

.polaroids li a:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
transform: scale(1.25);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
box-shadow: 0 3px 6px rgba(0,0,0,.5);
position: relative;
z-index: 5; }