@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

html, body {height: 100%;}
body {background:#f4f2f3; color:#1d1d1d; font-family:Arial; margin:0px; padding:0px; font-size:13px;}
.main {min-height:500px;}
.main li{list-style:none;}

html {

}
a {
    color: #221919;
    text-decoration: none;
}
a:active { color:#41290f;}

a img{border:none;}

#PinImage, #ViewPhoto{width:80%;}
@media screen and (max-width: 1025px){#PinImage, #ViewPhoto{width:90%;}}
@media screen and (min-width: 1025px){#PinImage, #ViewPhoto{width:70%;}}

.main_container {
	margin: 0 auto;
	padding: 10px 10px 0;
	position: relative;
	
}

p {margin:0; padding:0;}

#container{
	margin:0 auto;

}
.pin{
	width: 250px;
	padding: 15px 15px 0;
	font-size: 11px;
	background-color: white;
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	margin-right:20px;
	margin-bottom:20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border:#CCC 1px solid \9;/* IE 8 and below */
	*border:#CCC 1px solid; /* IE 7 and below */
	_border:#CCC 1px solid: blue; /* IE 6 */
}

.pin img{margin:10px 0;}

.description{
	padding: 0px;
}
.convo{
	margin: 0 -15px;
padding: 10px 15px;
background-color: #ccc;
color: #272727;
	-webkit-border-radius: 0 0 7px 7px ;
	-moz-border-radius: 0 0 7px 7px ;
	border-radius: 0 0 7px 7px ;
}
.convo img {
width: 30px;
height: 30px;
float:left;
margin-right:5px;
}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* single pin styles */

.info {
    color: #8C7E7E;
    line-height: 1.35em;
    margin: 0;
    overflow: hidden;
	text-align:left;
}

.post {
    color: #fab818;
    line-height: 1.35em;
	margin: 0;
	text-align:right;
	font-size: 11px;
}

.down_app a{color: #8C7E7E;}
.down_app a:hover{ text-decoration:underline;}


/* header */
.header {background:#ffffff; min-height:96px; position:static; min-width:500px;}

.top {border-bottom:2px #cfcfcf dashed;}


/* footer */
.line_bot {background:url(../images/line_bot.gif) repeat-x; height:15px;}

.footer {background:#efc41d; height:60px; position:static; min-width:500px;}
.footer td{border-top:2px dashed #d7a916; font-size:12px; color:#856f1c;}
.footer a{color:#856f1c;}
.footer a:hover{text-decoration:underline;}






/*--------------------- view ---------------*/

#ViewPhoto {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	border:1px solid #ccc;
    margin: 15px 15px 15px 0;
    padding: 5px 15px 15px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#ViewPhoto a{color:#e3540e;}
#ViewPhoto a:hover{ text-decoration:underline;}

.pre_photo {margin-top:10px;}
.topview td{border-bottom:1px #ccc dashed;}
.topview td td, .topview td td td .topview td td td td{border:none;}

.title {font-weight:bold; line-height:28px;}

.Photo img{margin:15px;}

.topbar { width:95%; min-height:50px; text-align:center; margin:0 auto;}
.topbar div{ margin:20px; float:left; position: static;}
.topbar .sentphoto, .topbar .signin { float:right;}

@media screen and (max-width: 640px){
.topbar .sentphoto, .topbar .signin { float:none;}
.topbar .title_pic img, .topbar .sentphoto img, .topbar .signin img{text-align:center; margin:0 auto;}
}

@media screen and (min-width: 640px){
.topbar .title_pic img{text-align:left; margin:0 auto;}
.topbar .sentphoto img, .topbar .signin img{text-align:right; float:right;}
}


/*--------------------- Form Sent Photo ---------------*/

/*.frm_pic input, .frm_pic textarea{ width:100%;}*/
.frm_pic input[type=text], .frm_pic textarea{ width:100%;}

.frm_pic div{
	-webkit-border-radius: 7px ;
	-moz-border-radius: 7px ;
	border-radius: 7px ;
	border:1px solid #cdcdcd;
	background: #e7e7e7;
	padding:20px;
}

@media screen and (max-width: 640px){
.frm_pic {background: none; padding:0; margin:0;}
.frm_pic div{ width:100%}

}

@media screen and (min-width: 640px){
.frm_pic {background: url(../images/frm_shadow.jpg) bottom center no-repeat;}
}