/* Note that the text styles of this skin are used as a default for the whole site; hense, they are located mainframe-default.css*/

/* All Pages */

body{
	margin:0px; /* otherwise browser adds margin!, chrome adds 8px all around for example */	
	padding:0px; /* otherwise browser MIGHT adds margin! */	
}

#container{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#navmenu{
	height:30px;
	float:right;
	z-index:5;
}

#banner{
	width:780px;
	z-index:2;
}

#banner a img{
	border:0px;
}

#bottombar{
	width:780px;
	/*height:40px;*/
	text-align:center;	
}

#textrotate{
   position:absolute; 
   left:0px; 
	top:150px;

    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    -o-transform-origin: left bottom;
    transform: rotate(90deg);
    transform-origin: left bottom;

   font-family:jrhand,Calibri, sans-serif;
	font-size:100px;
	text-decoration:none;
	letter-spacing:25px;
	color: rgba(175,159,37,0.20);
	overflow:auto;
	white-space:nowrap;
}

#fullclear, #fullclearheight{  /* previously divhrclr*/
	width:780px;
	clear:both;
	height:0px;
}

#fullclearheight{
	height:10px;
}

/* Non-Blog Pages */

#oneframe{
	width:780px;
}

#twoframes{
	width:380px;
	float:left;
}

/* Blog Pages */

#placearea{
	height:17px;
	float:left;
}

#datearea{
	height:20px;
	float:right;
}

#flagarea{
	height:30px;
	width:45px;
	float:right;
	opacity:0.4;
}

#textarea{
	width:780px; 
	clear:both;
	margin-top:10px;
}

#bigpicandtext{
	text-align:center;
	width:315px;
	float:left;
}

#bigpicspacer{
	width:50px;
	float:left;
}

#bigpicbox{
	max-height:225px;
}

#bigpicdescripbox{
	text-align:center;
	min-height:30px;
	margin-top:5px;
}

#smallpicdescdisplay{
	 width:780px;
	 height:28px;
	 overflow:hidden;
	 text-align:center;
	 margin-top:10px;
}

#allpicslarge{
	margin: 0px;  /* browsers MAY add margin for ul otherwise */
	padding: 0px;  /* browsers WILL add margin for ul otherwise */
	width:780px;	
	height:17px;
}

#allpicslarge li{
	text-align:center;
	display:block;
	height: auto;
	width: auto;
}

#smallpicbox{
	float:left;
}

#videoframe{
	width:780px;
	margin:15px 0px 10px 0px;
	text-align:center;
	min-height:400px;
}

#addcomment{
	width:780px;
	margin-top:10px;
	margin-bottom:10px;
}
#allbig{
	width:780px;
	text-align:center;
	margin-bottom:20px;
}

.commentframe{
	max-height:400px;
	overflow:hidden;
	width:780px;
}

#commentbox{
	width:780px;
	clear:both;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom:5px;
	overflow:auto;
}

#commentpic{
	width:72px;
	float:left;	
}

#commenttext{
	width:708px;
	float:left;	
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
}

#commenttext .n{
	font-weight: bold;
	color:#3b5998;
}

#commenttext .t{
	margin: 7px 0px 7px 0px;
	color:#1a1a1a;
	display:inline-block;
}


#commenttext .d{
	font-weight: normal;
	color:gray;
}

#blognavigate{
	width:780px;
}

#piccolumn{
	overflow:auto;
	width:315px;
}