body {
background-color:#581907;
font-weight:bold;
text-align:justify;
font-size:10pt;
line-height:16px;
font-family:Arial, Helvetica, sans-serif;}
	  
p {
margin-left:13pt;
width:760px;
border-top:1px solid black;
border-bottom:1px solid black;
padding-top:20px;
padding-bottom:20px;
margin-bottom:15px;
}

.date {
display:block;
font-size:8.5pt;
color:black;
}

.vidsbox {
margin:0 auto;
background-color:#F5F1EC;
border-left:2px;
border-right:3px;
border-top:2px;
border-bottom:2px;
border-color:#000000;
border-style:solid;
text-align:center;
line-height:20pt;
padding:10px;
}

.vidsbox_a {
margin:0 auto;
}

.banner {margin:0 auto;
		 width:800px;}
			
.box1 {margin:0 auto;
       width:800px;}
		  
.box2 {margin:0 auto;
       width:800px;
	   height:85px;
	   display:block;
	   background-image:url(images/box2.gif);}
		  
.box3 {margin:0 auto;
	   width:800px;}
	   
.links {padding-left:75px;}	   

#box_links {
margin:0 auto;
width:800px;
height:23px;
background-color:#000000;
color:#FFFFFF;
line-height:18pt;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
			
#box_links ul {
padding-left:55px;
margin-left:0;
display:inline;
}

#box_links ul li {
display:inline;
}

#box_links ul li a {
padding-left:28px;
padding-right:28px;
border-right:1px solid white;
border-left:1px solid white;
}

#box_links ul li a:hover {
background-color:#003399;
color:#CCCCCC;
}

.box2_welcome {margin:0 auto;
				width:800px;
				text-indent:7pt;
				background-image:url(images/box-outline-02.gif);}

#box2_december {margin:0 auto;
				width:800px;				
				text-indent:7pt;
				background-image:url(images/box-outline-02.gif);}
				
.box2_picleft {margin:0 auto;
				width:800px;
				text-indent:4pt;
				background-image:url(images/box-outline-02.gif);}
				
#box2_feedback {margin:0 auto;
				width:800px;
				height:415px;
				text-indent:7pt;
				background-image:url(images/box-outline-02.gif);}
				
/* Regular link colors */
				
a:link {text-decoration:none;
        color:blue;}
		
a:visited {text-decoration:none;
	       color:blue;}
		
a:hover {text-decoration:none;
         color:#FFFFFF;}
		 
/* Menu link colors */
		 
.menu:link {text-decoration:none;
        color:#FFFFFF;}
		
.menu:visited {text-decoration:none;
        color:#FFFFFF;}
		
.menu:hover {text-decoration:none;
         color:#999999;}
		 
/* Freewebs Bar */
		 
div.freewebs {display: block;
	    margin:0 auto;
		font-family: comic sans ms, Times New Roman, sans-serif;
        font-size: 7pt;
	    color: white;
	    width: 771px;
        height: 15px;
        text-align: center;
	    line-height: 70pt;}

.p_welcome {margin-left:13pt;
            width:760px;}
			
.p_validation {
margin:0 auto;
padding:20px;
width:190px;
}				

.p_left {margin-left:13pt;
         width:439px;}
   
.p_right {margin-left:260pt;
          width:420px;}
		  
.p_feedback {margin-left:13pt;
             width:439px;
			 padding-top:10px;}
			 
.p_rec_title {margin-left:13pt;
			  width:760px;
			  font-size:17px;
              text-decoration:underline;}
			  
.bold {font-weight:bolder;}

/*--Vid Info Boxes--*/

.makingof {
width:675px;
margin:0 auto;
margin-top:15px;
margin-bottom:30px;
padding:20px;
background-color:#F5F1EC;
border:2px solid black;
text-indent:20px;
}

#vidinfo_mydecem {
width:775px;
height:136px;
border:0;
text-decoration:none;
background-image:url(images/vidinfo_mydecem.gif);
}

#vidinfo_strange {
width:775px;
height:136px;
border:none;
background-image:url(images/vidinfo_strange.gif);
}

#vidinfo_itsmylife {
width:775px;
height:136px;
border:none;
background-image:url(images/vidinfo_itsmylife.gif);
}

#vidinfo_happiness {
width:775px;
height:136px;
border:none;
background-image:url(images/vidinfo_happiness.gif);
}

#vidinfo_soldierside {
width:775px;
height:136px;
border:none;
background-image:url(images/vidinfo_soldierside.gif);
}

#vidinfo_lonelyday {
width:775px;
height:136px;
border:none;
background-image:url(images/vidinfo_lonelyday.gif);
}

.download_left {
border:none;
padding-top:50px;
padding-left:100px;
}

.download_right {
border:none;
padding-top:50px;
padding-left:510px;
}
	
.image_right {
padding-right:20px;
padding-top:8px;
}
			  
.image_left {
padding-left:10px;
padding-top:8px;
}
			  
/* Award Section */
		  
span.left{
float:left;
}

span.right{
float:right;
}

.awards_box {
margin:0 auto;
background-color:#F5F1EC;
border-left:2px;
border-right:3px;
border-top:2px;
border-bottom:2px;
border-color:#000000;
border-style:solid;
text-align:center;
text-decoration:none;
line-height:20pt;
padding:10px;
}

.awards:link {
color:yellow;
border:3px;
}

.awards:hover {
color:yellow;
border:3px;
}

.awards:visited {
color:yellow;
border:3px;
}

/*-----------------Input fields - Begin Comments section------------------*/

input,textarea  {
    border:1px solid;
    padding:2px;
    background:#f9f9f9;
    border-color:#ccc;
    color:black;
    }
input[type="submit"]:hover {
    background:#fcfcfc;
    }
input:hover,textarea:hover {
    border:1px solid;
    background:#fff;
    border-color:#aaa;

    }
input:focus,textarea:focus {
    border:1px solid;
    background:#fff;
    border-color:#888;
    }



/*Box with the form elements*/
div.blogkbox
    {
    background:#f1f1f1;
    color:#333;
	border-top:thin solid #999;
	border-bottom:thin solid #999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}

/*Box around the comments*/
div.blogkcomments
    {
    /*background:#f1f1f1;*/
    margin: 0px 2px 0px 2px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    }

/*even rows*/

.commentsEven
   {
    border-top:thin solid #999;
	border-bottom:thin solid #999;
   }

/*odd rows*/
.commentsOdd
   {
    background:#f1f1f1;
    border-top:thin solid #999;
	border-bottom:thin solid #999;
   }

/*moderators blog author rows*/
.commentsMod
   {
background:#a9c9b9;
background-image:url(images/avatar_scream.jpg);
background-repeat:no-repeat;
background-position:right;
border-top:thin solid #333;
border-bottom:thin solid #333;
   }

    
div.blogkcomments:hover
    {
    background:#fff;
    color:#333;
	border-top:thin solid #333;
	border-bottom:thin solid #333;
    }
/*Box around the comments End*/



/*Box around the recent comments sidebar*/     
div.blogkcommentsrecent
    {
    background:#f1f1f1;
    color:#666;
	border-top:thin solid #adadad;
	border-bottom:thin solid #adadad;
    font-size:11px;
    margin:0.4em 25px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    text-align:left;
   
    }


span.blogkommlinks
   {
   /*empty for special link effect*/
   }

div.blogkLinks
   {
   /*empty for adjusting the [x comments]-link*/
   }
/*
 now handling tableless forms
 you don't have to edit from here 
 this goes back to an article at
 http://www.alistapart.com/articles/practicalcss/ 
 describing a code concept by eric meyer.

*/

div.blogkrow
	{
  	clear: both;
  	padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    font-size:11px;
  	text-align:left;
	}

div.blogkrow span.blogkLeftClmn
    {
    padding-top: 5px;
    float: left;
    width: 30%;
    text-align: right;
    }

div.blogkrow span.blogkRightClmn
   {
   padding-top: 5px;
   float: right;
   width: 60%;
   text-align: left;
   } 
   
.captcha
   {
   margin: 2px;
   vertical-align: bottom;
   border: 1px solid #ccc;
   } 
   
.bkVisitor{
   font-weight: bold;
   text-decoration: none;
   }
img.gravatar {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	padding: 2px;
	border: 1px solid #ccc;
}