/* CSS Document */

	/* Octopus Engine */
	.north { background: url(i/north.gif) repeat-x top; }
	.east { background: url(i/east.gif) repeat-y right; }
	.south { background: url(i/south.gif) repeat-x bottom; }
	.west { background: url(i/west.gif) repeat-y left; }
	.ne { background: url(i/ne.gif) no-repeat top right; }
	.se { background: url(i/se.gif) no-repeat bottom right; }
	.sw { background: url(i/sw.gif) no-repeat bottom left; }
	.nw { background: url(i/nw.gif) no-repeat top left; }
	.nw { padding: 0px; } /* Controls padding.  Increase to make text further away from edges; decrease to bring closer.  */
	
	.BOXnorth { background: url(i2/north.gif) repeat-x top; height:10px; }
	.BOXeast { background: url(i2/east.gif) repeat-y right; width:10px; }
	.BOXsouth { background: url(i2/south.gif) repeat-x bottom; height:10px;}
	.BOXwest { background: url(i2/west.gif) repeat-y left; width:10px; }
	.BOXne { background: url(i2/ne.gif) no-repeat top right; height:10px; width:10px; }
	.BOXse { background: url(i2/se.gif) no-repeat bottom right; height:10px; width:10px; }
	.BOXsw { background: url(i2/sw.gif) no-repeat bottom left; height:10px; width:10px; }
	.BOXnw { background: url(i2/nw.gif) no-repeat top left; height:10px; width:10px; }
	
	.iBOXnorth { background: url(i2/north.gif) repeat-x top; height:10px; }
	.iBOXeast { background: url(i2/east.gif) repeat-y right; width:10px; }
	.iBOXsouth { background: url(i2/south.gif) repeat-x bottom; height:10px;}
	.iBOXwest { background: url(i2/west.gif) repeat-y left; width:10px; }
	.iBOXne { background: url(i2/ne.gif) no-repeat top right; height:10px; width:10px; }
	.iBOXse { background: url(i2/se.gif) no-repeat bottom right; height:10px; width:10px; }
	.iBOXsw { background: url(i2/sw.gif) no-repeat bottom left; height:10px; width:10px; }
	.iBOXnw { background: url(i2/nw.gif) no-repeat top left; height:10px; width:10px; }
	
	.viewPost{
		border-top:1px solid #c0c0c0;
		background-color:#ffffff;		
		width:240px;
	}
	.singlePost{
		width:240px;
		padding-left:20px;
		padding-right:20px;
	}
	#post_drop{}
	#post_time{
		font-style:italic;
		color:#c0c0c0;
		}
	#post_title{
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		padding-bottom:4px;
	}
	#post_txt{
		margin-left:10px;
		font-size:11px;
	}
	#post_link{
		margin-left:10px;
		padding-top:2px;
		padding-bottom:2px;
		font-size:11px;
	}
	#post_pic{
		margin-left:10px;
		font-size:11px;
	}
	#picContainer{
		position:relative;
	}
	#picLink{
		position:absolute;
		top:0px;
		left:-10px;
		z-index:1;
		padding-top:2px;
		padding-bottom:2px;		
	}
	.picTitle{
		font-weight:bold;
		padding-bottom:3px;
		padding-top:5px;
	}
	#picStyle{
		max-width:226px;
		padding:2px;
	}
	.picDescription{
		padding-top:5px;
		padding-bottom:3px;
	}
	#post_vid{
		margin-left:10px;
		font-size:11px;
	}
	#vid_link{
		font-weight:bold;
		padding-top:5px;
		padding-bottom:3px;
	}
	#post_quote{
		background-image:url(i/quote_bk.gif);
		background-position:top left;
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		padding-left:25px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:11px;
		color:#536277;
	}
	#post_keywords{
		color:#9d342;
		margin-left:10px;
		font-size:11px;
	}
	#post_keywords a{
		color:#9d342;
		text-decoration:underline;
	}
	.wordStar{
		margin-right:4px;
	}
	.boxIt {
		position:absolute;
		top:100px;
		left:100px;
		display:block;
		background:url(i/blue_fade.gif) repeat-x bottom;
		background-color:#98b1d1;
		width:40px;
		text-align:center;
		filter:alpha(opacity=100);
		opacity: 1.0;
		-moz-opacity:1.0;
		}
		
	.editBox {
		background:url(i/blue_fade.gif) repeat-x bottom;
		background-color:#98b1d1;
		text-align:center;
		}
		
	.boxItOver {
		position:absolute;
		display:block;
		background:url(i/blue_fade.gif) repeat-x bottom;
		background-color:#98b1d1;
		width:40px;
		text-align:center;
		}
	.dropList{
		background-color:#ffffff;
		padding:5px;
		border:1px solid #CCCCCC;
	}		
	.clickable{
		cursor:pointer;
	}
	.myIcon{
		width:100%;
		height:100%;
	}
	.myIconOver{
		cursor:pointer;
		width:100%;
		height:100%;
	}
	
	.activate{
		background-color:#FFFFCC;
		border-top:1px solid #FFFF66;
		border-left:1px solid #FFFF66;
		border-bottom:1px solid #FFCC66;
		border-right:1px solid #FFCC66;
		position:relative;
	}
	
	.pB1{
		border:1px solid #999999;
		background-color:#FFFFFF;
		position:relative;
		}
	.video{
		border:1px solid #999999;
		background-color:#FFFFFF;
		cursor:pointer;
		}
	.videoPlayer{
		position:absolute;
		border:1px solid #999999;
		padding:15px 5px 5px 5px;
		background-color:#000000;
		z-index:10;
	}
	.photo{
		border:#333333 1px solid;
		margin:0px;
		max-width:380px;
	}
	#vidIcon{
		height:35px;
		width:35px;
		background-image:url(i/vidIcon.gif);
		background-repeat:no-repeat;
		background-position:top left;
		z-index:3;
		position:absolute;
		top:5px;
		left:5px;
	}
	#closeVideo{
		background-image:url(i/icon_close.gif);
		background-repeat:no-repeat;
		background-position:left top;
		height:46px;
		width:46px;
		cursor:pointer;
		position:absolute;
		z-index:40;
		top:-30px;
		left: 420px;
	}
	
	/* Basic Styling */
	IMG{
		border:0px;
	}
	#dropableList{
		margin:0px;
		padding:0px;
	}
    #dropableList li {
		background:#ffffff;
		margin:1px; 
		padding:2px;
		list-style-type:none;
		border-top:1px solid #CCCCCC;
	}
	.postTitle{
		font-weight:bold;
		font-size:14px;
	}
	.postQuote{
		padding-left:20px;
	}	
	.button{
		background-image:url(i/button_grey.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width: 108px;
		height: 25px;
		text-align:center;
		vertical-align:middle;
		color:#000000;
		line-height:25px;
		font-weight:bold;
		cursor:pointer;
	}
	.buttonHover{
		background-image:url(i/button_greyUp.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width: 108px;
		height: 25px;
		text-align:center;
		vertical-align:middle;
		color:#000000;
		line-height:25px;
		font-weight:bold;
		cursor:pointer;
	}
	.imgButton{
		cursor:pointer;
		border:0px;
	}
	IMG{
		border:0px;
	}
	.postQuote{
		background-color:#FFFFCC;
	}
	.keys{
		background-image:url(i/icon_magSM.gif);
		background-position:left middle;
		background-repeat:no-repeat;
		padding-left:20px;
		margin-left:10px;
		margin-bottom:1px;
		cursor:pointer;
	}
	.keys:hover{
		background-image:url(i/icon_delete2.gif);
		background-position:left middle;
		background-repeat:no-repeat;
		background-color:#FFCCCC;
		padding-left:20px;
		margin-left:10px;
		margin-bottom:1px;
		cursor:pointer;
	}
	#pageTitle{
		background-image:url(i/fade_dark.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		background-color:#252d37;
		height:30px;
		color:#FFCC66;
		line-height:30px;
		font-size:2em;
	}
	#pageBack{
		background-image:url(i/background.jpg);
		/*
		background-image:url(i/vert_gray.gif);
		*/
		background-position:middle;
		background-repeat:repeat-y;
		background-color:#626262;
	}
	.keywordBox{
		background-image:url(i/tanFade.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		background-color:#fcfcfc;
		font-size:.9em;
	}
	
	.publishButton{
		background-image:url(i/green_fade.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		background-color:#b6fa42;
		width:130px;
		height:34px;
		line-height:26px;
		color:#000000;
		font-size:2.0em;
		text-align:center;
		cursor:pointer;
	}
	.publishButtonOver{
		background-image:url(i/green_fade2.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		background-color:#b6fa42;
		width:130px;
		height:34px;
		line-height:26px;
		color:#000000;
		font-size:2.0em;
		text-align:center;
		cursor:pointer;
	}
	#previewBox{
		display:block;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_title{
		display:block;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_text{
		display:none;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_link{
		display:none;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_picture{
		display:none;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_video{
		display:none;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	#edit_quote{
		display:none;
		background-image:url(i/fade_gray.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#dcddde;
		width:480px;
		margin-bottom:1px;
	}
	.innerBlock{
		padding:10px;
		color:#252d37;
		font-weight:bold;
	}
	.inputHeader{
		margin-bottom:5px;
		font-size:1.2em;
	}
	.dragHandle{
		cursor:pointer;
		background-image:url(i/handle.gif);
		background-position:top left;
		background-repeat:repeat-y;
		width:11px;
		background-color:#FFFFFF;
	}
	.editIcon{
		cursor:pointer;
	}
	.post_dropdown{
		border:1px solid #748dad; 
		background-color:#ffffff; 
		font-size:11px; 
		color:#000000; 
		padding:2px; 
		width:226px;
		position:absolute;
		z-index:100;
		display:none;
	}
	
	#rss{
		width:226px;
		color:#666666;
		padding-bottom:5px;
	}
	#rss img{
		padding-right:5px;
		vertical-align:text-bottom;
	}
	
	
	.post_dropdown a{
		text-decoration:none;
		display:block;
		padding-left:4px;
		padding-top:2px;
		padding-bottom:2px;
		color:#000000;
	}
	.post_dropdown a:hover{
		background-color:#527094;
		color:#FFFFFF;
	}
	.post_dropdown img{
		vertical-align:text-bottom;
		padding-right:2px;
	}
	#postTitle a{
		color:#333333;
		text-decoration:none;
	}
	#postTitle a:hover{
		color:#333333;
		text-decoration:none;
	}