body{
margin: 0;
padding:0;
background:  #D5E7E7;/*#2A3636;*/
font-size: 12px;
font-family: arial, tahoma, helvetica, sans-serif;
}


/* ========= LAYOUT ========= */

#container
{
width: 980px;
background: #D5C8B8;
margin: 0 auto;
}
	 
#hdr{
height: 125px;
background: #000 url(http://uberninja.net/resources/headerlogo.png) no-repeat;
color: #000000;
margin: 0 0 0 0;
}

#topbar
{
text-align: right;
margin: 0;
padding: 4px 15px 0 0;
}


/* ========== COLUMNS LAYOUT ========= */

.columns-float-index
{
float: left;
width: 490px;
}

.columns-float-wide
{
float: left;
width: 980px;
}

#latest
{
float: right;
width: 480px;
}

   .leftcontent
   {
   padding: 0 5px 10px 5px;
   }


#tags
{
float: right;
width: 820px;
}

#wide
{
float: right;
width: 820px;
}

.nav
{ 
margin-right: 340px; 
}


.navcontent
{
width: 140px;
margin: 10px 0px 0px 0px;
background: #FFF url(navtop.gif) top no-repeat;
padding: 0;
}

   .navbottom
   {
   background: #FFF url(navbottom.jpg) bottom no-repeat; 
   min-height: 60px;
   }


#rightcontent 
{
margin-left: 490px;
margin-top: 10px;
}


#latest-content, .nav-content
{
padding: 0 6px 0 6px;
}

#latest-content { background: #FFF; }

/* GUTTERS BETWEEN COLUMNS */
#latest-content
	{
	margin-left: 0px;
	margin-right: 10px;
	}

/* HORIZONTAL PADDING OUTSIDE COLUMNS */
.nav-content { margin-left: 5px; }
#rightcontent-content { margin-right: 0px; }

/* VERTICAL PADDING ABOVE COLUMNS */

.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}

#container, .columns-float, #latest, #nav, #rightcontent
	{ position: relative; }



#rightcontentbox{
 width: 480px;
 background: #FFF url(rhcolbottom.png) bottom no-repeat;
 color: #333333;
 margin: 0px;
 padding-bottom: 20px;
 }

   .rightcontent2
   {
   padding: 0 10px 0 10px;
   }

   .stickyitem
   {
   margin-bottom: 15px;    
   }

   .viewall
   {
   background: #FFFFFF;
   margin-bottom: 15px;    
   }

   .adblock
   {
   background: #FFFFFF; 
   text-align: center;
   border-top: 1px dotted #8DC1E8; 
   margin: 10px 0 5px 0; 
   padding: 10px 0 0 0; 
   }


.columns-float
{
float: left;
width: 640px;
}

#itemmain
{
float: right;
width: 630px;
}

   .itemmaincontent
   {
   padding: 0;
   }


   .itemmaincontentwide
   {
   padding: 0;
   }

#itemrightcontent 
{
margin-left: 640px;
margin-top: 10px;
}

   #itemrightcontent 
   p
   {  
   padding: 0 15px 0 15px;
   }  

   .itemrightcontentbottom
   {
   background: #FFF url(itemrightcontentbottom.png) bottom no-repeat; 
   min-height: 60px;
   }

#latest-content, .nav-content
{
padding: 0 6px 0 6px;
}

#itemmain-content 
{ 
background: #FFF; 
min-height: 1280px;
}

#pagemain-content
{ 
background: #FFF; 
min-height: 800px;
}

/* GUTTERS BETWEEN COLUMNS */
#itemmain-content
	{
	margin-left: 0px;
	margin-right: 10px;
	}

/* HORIZONTAL PADDING OUTSIDE COLUMNS */
.nav-content { margin-left: 5px; }
#itemrightcontent-content { margin-right: 0px; }

/* VERTICAL PADDING ABOVE COLUMNS */

.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}

#container, .columns-float, #latest, #nav, #rightcontent
{ 
position: relative; 
}



#itemrightcontentbox{
 width: 330px;
 background: #FFF;
 color: #333333;
 margin: 0px;
 }

   .itemrightcontent2
   {
   padding: 0 10px 0 10px;
   }

.commentscontainer
{
width: 95%;
padding: 20px 20px 0 15px;
}

#footer{
height: 90px;
background: #E6E5CF;
border-top: solid #A0A076 4px;
color: #000000;
text-align: left;
margin: 0;
padding: 15px 0 25px 50px;
clear: both;
}

.footerlegal
{
height: 40px;
background: #222;
margin-bottom: 0;
color: #FFFFFF;
font-size: 11px;
text-align: right;
clear: both;
}







/* ========= HEADERS ========= */

#latest
h1
{
font-size: 11px;
color: #333;
/*background: #F93981 url(hlatestbg.png) top;*/
display: block;
padding: 3px;
margin: 0;
text-transform: uppercase;
}
#latest
h2
{
font-size: 20px;
font-family: arial, helvetica, sans-serif;
color: #2B877E;
margin: 0 0 0 4px;
}

#itemmain
h1
{
font-family: Georgia;
font-size: 36px;
color: #333333;
background: #FFFFFF;
display: block;
padding: 6px;
margin: 0;
}
#itemmain
h2
{
font-size: 24px;
font-family: arial, helvetica, sans-serif;
color: #555;
margin: 0 0 0 4px;
}

#itemmain
h4
{
font-size: 32px;
background: #FF3535 url(hblogitembg.png) top repeat-x;
display: block;
padding: 6px;
margin: 0;
color: #FFF;
}

#itemmain
h5
{
font-size: 20px;
color: #222222;
padding: 2px 0px 0px 20px;
margin: 0;
}

.siteleading
h1
{
font-size: 18px;
background: #8173B1;
display: block;
color: #FFFFFF;
padding: 6px;
margin: 0;
}

.thisitem
h1
{
font-size: 18px;
color: #FFFFFF;
background: #8DC1E8;
display: block;
padding: 6px;
margin: 0;
}

.adblock
h1
{
font-size: 14px;
color: #FFFFFF;
background: #B6CBD6; /*#C6EA37;*/
display: block;
padding: 6px;
margin: 0;
}

.stickyitem
h1
{
font-size: 18px;
background: #8DC1E8;
display: block;
color: #FFFFFF;
padding: 6px;
margin: 0;
}

    .stickyitem
    h1
    a:link, a:active, a:hover
    {
    color: #FFFFFF;
    text-decoration: none; 
    }

    .stickyitem
    h1
    a:visited
    {
    color: #FFFFFF;
    text-decoration: none; 
    }

#tags
h1
{
font-size: 24px;
color: #FFFFFF;
background: #F93981 url(htagsbg.png) top right no-repeat;
display: block;
padding: 6px;
margin: 0;
}

#wide
h1
{
font-size: 24px;
color: #FFFFFF;
background: #89AE66 url(hitemmainwidebg.png) top right repeat-x;
display: block;
padding: 6px;
margin: 0;
}

#wide
h2
{
font-size: 24px;
color: #FFFFFF;
background: #8DC1E8 url(hitemmainwide2bg.png) top right repeat-x;
display: block;
padding: 6px;
margin: 0;
}

.aboutthesite
h1
{
font-size: 18px;
color: #FFFFFF;
background: #8DC1E8;
display: block;
padding: 6px;
margin: 0;
}



/* ========= LINKS ========= */


a:link, a:active
{
color:#3366CC;
text-decoration: underline; 
}

a:visited 
{ 
color: #aaa; 
text-decoration: underline; 
}

a:hover
{
color: #FF9900;
text-decoration: none; 
}



/* ========= FORMS ======== */


.cssform p{
width: 300px;
margin-left: 0px;
height: 1%;
}

.share-url
{
margin-left: 16px;
}

.share-link
{
margin-left: 24px;
}

.share-embed
{
margin-left: 33px;
}


.emailupdates
INPUT 
{
font-family: Georgia, "MS Serif", "New York", serif;
padding: 2px; /* a bit of breathing room*/
font-size: 24px;
color: #222222;/* The text in white*/
border: solid 1px #000;
}


/* ========= ALERT BOXES ========= */

.alert 
{
background: #fff6bf url(http://uberninja.net/resources/exclamation.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.folder
{
background: #fff6bf url(http://uberninja.net/resources/folder.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.feed
{
background: #fff6bf url(http://uberninja.net/resources/feed.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.info
{
background: #fff6bf url(http://uberninja.net/resources/information.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.ipod
{
background: #fff6bf url(http://uberninja.net/resources/ipod.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.phone
{
background: #fff6bf url(http://uberninja.net/resources/phone.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.audio
{
background: #fff6bf url(http://uberninja.net/resources/music.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 5px 20px 5px 45px;
margin: 0 15px 0 15px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}

.tags
{
background: #fff url(http://uberninja.net/resources/tag_blue.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
color: #333;
padding: 8px 20px 8px 45px;
margin: 10px 15px 0 15px;
border-top: 2px solid #9DD7FF;
border-bottom: 2px solid #9DD7FF;
}



/* ========= MISC ========= */


img
{
border: 0;
}

img.floatLeft 
{ 
float: left; 
margin: 4px; 
}

img.floatRight 
{ 
float: right; 
margin: 4px; 
}

.pagescontent
{
padding: 10px 10px 10px 10px;
}

.stickyviews
{
display: none;
}

.indexblogviews
{
display: none;
}

.hide
{
display: none;
}

#featured
{
}