/*
Theme Name: newest stylised yertalert theme.
Theme URI: Your Theme's URI
Description: this is the first theme I converted to work with wordpress.
Version: 1.0
Author: Trey Rust
Author URI: yertalert.com
*/

html, body
{
margin:0;
padding:0;
}

body {
	font-family: Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff;
}


#main
{
background-image:url('images/sidebarbackground.png');
background-repeat:repeat-y;
width:760px;
margin:auto;
}

#header
{
background-image:url('images/headerbackground.png');
height:130px;
}

#sidebar
{

float:left;
width:147px;
height:600px;
}

#content
{
width:600px;
float:right;
}

#footer
{
background-image:url('images/footer.png');
height:50px;
clear:both;
font-family: Sans-serif;
	font-size: 10px;
	color:black;
}

#footertext
{
height:10px;
margin-left:150px;
margin-top:50px;
}


#headerlocator
{
margin-left:31px;
margin-bottom:36px;
}











 /* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : left;
 }

 /*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   background-color : #3175ff;
   padding : 10px 10px 10px 10px;

   width : 110px;
   height : auto;
   color : #ffffff;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
margin-left:-29px;
 }

 

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background-color : #003196;
 }


#featured
{
float:right;
width:374px;
height:252px;
margin-bottom:15px;
background-image:url('images/featureddrop2.png');

}

#featuredvid
{
margin-left:41px;
}






 /* This styles the unordered list element to remove bullets and align the text */
 ul#cat {
   list-style-type : none;
   text-align : left;
 }

 /*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#cat a, ul#cat a.rss {
   background-color : #3175ff;
   padding : 10px 10px 10px 10px;

   width : 110px;
   height : auto;
   color : #ffffff;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
margin-left:-29px;
 }

 

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#cat li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#cat li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
 */
 ul#cat a:hover, ul#cat a:focus, ul#cat a:active {
   background-color : #003196;
 }

ul#realcat {
   list-style-type : none;
   text-align : left;

 }