/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:center; 
 background-image: url(http://www.kkankqma.com/blackmarble3.jpg);
 background-repeat: repeat; 
}

p {
 padding: 10px;
}

#wrapper { 
 margin: 0 auto;
 width: 950px;
 min-height:500px;
 height:auto;
 background-color:#000000;
}

#content { 
 float: left;
 color: #ffffff;
 background-color: #000000;
 height: 100%;
 min-height:200px;
 width: 950px;
 display: inline;
 text-align: center;
}

#header {
 color: #333;
 width: 950px;
 float: left;
 height: 330px;
 background-color: #000000;
}

#footer { 
 width: 950px;
 background-color:#000000;
 height:100px;  
 clear:both;
 text-align:center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
 color:#C1C1C1;
 border-top-width: 1px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #0000FF;
 border-right-color: #000000;
 border-bottom-color: #000000;
 border-left-color: #000000;
}

.linkstyle a:link
      {
      color:white;
      background-color:transparent;
      text-decoration:none
      }

.linkstyle a:visited
      {
      color:white;
      background-color:transparent;
      text-decoration:none
      }

.linkstyle a:hover
     {
      color:blue;
      background-color:transparent;
      text-decoration:none
      }

p.center{
 position: absolute;
 top: 340px;
 left:350px;
}

.hmenu{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.hmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0000FF;
	border-right-color: #000000;
	border-bottom-color: #0000FF;
	border-left-color: #000000;
}

.hmenu ul li{
display: inline;
}

.hmenu ul li a{
	float: left;
	color: #FFD700;
	padding: 5px 11px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.hmenu ul li a:visited{
color: #FFD700;
}

.hmenu ul li a:hover, .hmenu ul li .selected{
	color: #0000FF !important;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #C1C1C1;
}

/* begin styles for RSS Feed */

.rss-box {
	  width: 600px;
	  background-color: #000000;
                  border: #C1C1C1;
                  border-style: solid;
                  border-width: 1px;
                  text-align: left;
                  margin-left: 175px;
}

.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#FFCC00;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: small verdana, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	font-size: 14px;
	background-color:#696969;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss-item  {
  font-family: small verdana, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  color: #ffffff;
  list-style:none;
  padding-bottom:1em;
}

.rss-item a {
	text-decoration : none;
	color: #0000FF;
	font-size: 12px;
	font-weight:bold;
	font-family:small verdana, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	}
	
.rss-item a:visited {
	color: #0000FF;
}

.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #000000;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }


.pics {  
    height:  300px;  
    width:   500px;  
    padding: 0;  
    margin:  0;  
    position: absolute;
    top: 15px;
    left: 25px;
    overflow: hidden;
} 
 
.pics img {  
    padding: 1px;  
    border:  1px solid #000000;  
    background-color: #000000;  
    width:  500px; 
    height: 300px; 
} 

.pics2 {  
    height:  300px;  
    width:   950px;  
    padding: 0;  
    margin:  0;  
    position: static;
    top: 0px;
    left: 0px;
    overflow: hidden;
} 
 
.pics2 img {  
    padding: 1px;  
    border:  1px solid #000000;  
    background-color: #000000;  
    width:  950px; 
    height: 300px; 
} 



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
