/* Ryans Blog CSS */
                              
/* --------------------------- MAIN CSS ------------------------------ */

body { color: black;
       background:#000000;
       font-family:Arial;
       }


img { border: 0px;
 position:static;}

a {color: #ffffff;}
a:link {text-decoration: underline;}
a:visited {color: #ffffff;}
a:active {color: #ffffff;}
a:hover {color:#d9d9d9;}

a.white { margin:0;
         padding:0;
         font-size: 18px;
         color: #ffffff;
         text-transform: capitalize;
         text-decoration: none;
         text-indent: 5px; }



hr { color:#000000;
     background-color:#000000;
     height: 5px;
     width: 80%;}
       
/* --------------------------- AJAX FAKE LINKS ---------------------------*/
p.fakelink { cursor: pointer; }
img.fakelink { cursor: pointer; }

     
/* --------------------------- SHADED BACKGROUND ---------------------------*/

#shadow-container {
 vertical-align: top;
	position: relative;
  margin-top:10px;
	margin-right:auto;
	margin-left:auto;
  width: 754px;
}

#shadow-postcontainer {
  vertical-align: top;
	margin-right:auto;
	margin-left:auto;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container2 {
	position: relative;
	left: -1px;
	top: -1px;
}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow3 {
		background: #B8B6B8;
	}

	#shadow-container .container2 {
		background: #ffffff;
		border: 1px solid #848284;
	}

     
/* --------------------------- Container CSS ------------------------------ */
div.container { vertical-align: top;
		margin-right:auto;
		margin-left:auto;
                border: 1px solid #c8c8c8;
                background:#243444;
                width: 750px;
 }

/* --------------------------- POSTS CSS ------------------------------ */
/* -- main post div -- */
div.post { margin-left: auto;
           margin-right: auto;
           padding:0px;
           border-left: 1px solid #ffffff;
           border-right: 1px solid #ffffff;
           border-top: 1px solid #ffffff;
           border-bottom: 1px solid #ffffff; }
           
/* -- date div -- */
div.date { border-bottom: 1px solid #ffffff;
          background: #000000;
          }

div.date p { margin:0;
         padding:0;
         font-size: 18px;
         color: #ffffff;
         text-transform: capitalize;
         text-indent: 5px;}
         
div.date a {color: #ffffff;
             text-decoration: underline;}
             
div.date a:link {text-decoration: none;}
div.date a:visited {color: #ffffff;}
div.date a:active {color: #ffffff;}
div.date a:hover {color:#d9d9d9;}
         

/* -- topic div -- */
div.topic {background: #ffffff; }

div.topic p {margin:0;
         padding:0;
         font-size: 18px;
         text-transform: capitalize;
         text-indent: 5px;
         background:#243444;
         color: #ffffff;}         

div.topic a {color: #ffffff;
             text-decoration: none;}
             
div.topic a:link {text-decoration: none;}
div.topic a:visited {color: #ffffff}
div.topic a:active {color: #ffffff}
div.topic a:hover {color:#d9d9d9;}

/* -- post text body div -- */
div.body  { background:#243444; 
min-height: 115px;
}

div.body p {padding:5px;
        margin: 0;
        font-size: 12px;
        color: #ffffff;}     


/* -- random quote body -- */
div.randomquote  { background:#243444;
                   cursor: pointer;
}

div.randomquote p {padding:5px;
        margin: 0;
        font-size: 12px;
        color: #ffffff; }


        
/* -- category div -- */
div.category { border: 0px;
               padding: 5px;
               vertical-align: top;
               float: left; 
               margin-left: auto;
               margin-right: auto;
               text-align: center;
               width: 85px; }           

div.category p {  margin:0;
                  vertical-align: top;
                  text-align: center;
                  font-size: 10px; }  

/* -- post actions div -- */
div.postaction {  border-top: 1px solid #ffffff;
                  background: #000000; }

div.postaction p { margin:0;
                  vertical-align: top;
                  text-align: left;
                  font-size: 10px;
                  color: #ffffff;
                  text-indent: 5px;}

div.postaction a { font-size: 10px;
                  color: #ffffff; }                  


div.quote { border: 1px dashed #ffffff;
           background: #d9d9d9;
               vertical-align: top;
               margin-left: 95px;
               margin-right: auto;
               text-align: left;
               width: 425px; 
               display: block; }

div.quote p { background:#000000;    
              padding-top: 5px; 
             padding-bottom: 5px;
             padding-left: 15px;
             padding-right: 15px;
              font-style: italic;}

div.block { border: 1px dashed #ffffff;
           background: #d9d9d9;
               vertical-align: top;
               margin-left: 95px;
               margin-right: auto;
               text-align: left;
               width: 425px; 
               display: block; }
               
div.block p { background:#000000;    
              padding-top: 5px; 
             padding-bottom: 5px;
             padding-left: 15px;
             padding-right: 15px;
              font-style: italic;}               


div.code { border: 1px dashed #ffffff;
           background: #d9d9d9;
               vertical-align: top;
               margin-left: 95px;
               margin-right: auto;
               position: relative;
               text-align: left;
               width: 425px; 
               display: block; }

div.code p { background: #000000;
           border-bottom: 1px dashed #ffffff;   
              }                                    
                                                  
div.code code {
             padding-top: 5px; 
             padding-bottom: 5px;
             padding-left: 15px;
             padding-right: 15px;}                                    
                                                  
/* --------------------------- NAV MENU CSS ------------------------------ */
div.nav {background: #243444;
         vertical-align: top;
         margin-right:auto;
         margin-left:auto;         
         float: left;
         width: 110px;}

div.nav p {margin:0;}

/* -- nav header div -- */
div.navheader {background: #000000;
               vertical-align: top;
               margin-right:auto;
               text-align: center;
               border: 1px solid #ffffff;}

div.navheader p {color:  #ffffff;
                 font-size: 12px;
                 font-weight: bolder;}
              
/* -- nav item div -- */

/*

I removed margin-left:15px;
from div.navitem div.navheader and div.navfooter


*/
div.navitem {background:#243444; 

              border-left: 1px solid #ffffff;
              border-right: 1px solid #ffffff;                            
              text-indent: 5px;}

div.navitem:hover {background: #d9d9d9;}
div.navitem a {font-size:12px;
               display: block;}
div.navitem a:hover {color: #000000;}

/* -- nav footer div -- */
div.navfooter {background: #243444;
               vertical-align: top;
               margin-right:auto;
               text-align: center;
               border-bottom: 1px solid #ffffff;
               border-right: 1px solid #ffffff;               
               border-left: 1px solid #ffffff;               
               padding-top: 5px;}
               
/* --------------------------- CONTENT CSS ------------------------------ */
div.content { vertical-align: top;
	      margin-right:15px;
              margin-left:15px;
              float: left;
              width: 80%;
              background:  #243444;}

/* --------------------------- Footer CSS ------------------------------ */
div.footer {vertical-align: top;
		margin-right:auto;
		margin-left:auto;
                background:  #243444;
		padding:0px;
                text-align: right;}
                
div.footer p { float: left;
               margin-left: 25px;
               margin-right: 25px;
               width: 400px;
               vertical-align: top;
               font-style: italic;
               font-size: small;
               text-align: left;
               color: #ffffff;}
               
/* --------------------------- Link Page CSS ------------------------------ */

div.body p.links {font-size: 12px;
                  color: #ffffff;
                  vertical-align: top;
                  float: left;
                  width: 350px;}
                  
div.linkimg { border: 0px;
              padding-left: 25px;
              padding-right: 15px;
              padding-top: 5px;
              padding-bottom: 5px;

              vertical-align: top;
              text-align: center;
              width: 150px;
              float: left;}
              
/* --------------------------- Gallery Page CSS ------------------------------ */
div.galleryitem {background: #243444; 
              border: 1px solid #ffffff;                           
              text-align: left;
              margin-left: 20px;
              margin-right: 20px;
              margin-top: 10px;
              margin-bottom: 10px;
              padding-top: 5px;
              width: 95px;
              vertical-align: top;
              float: left;}

div.galleryitem img { display: block;
    margin-left: auto;
    margin-right: auto;
}

div.galleryitem p {font-size: 9px;
                   color: #ffffff;}


div.gallerywatch {background: #243444;                           
              border: 1px solid #ffffff;
              vertical-align: top;
              margin-left: 5px;
              margin-right: auto;
              margin-top: 5px;
              margin-bottom: 5px;              
              padding-top: 5px;
              padding-bottom: 5px;              
              width: 370px;
              float:left;}

div.gallerywatch p{font-size: 16px;
                   color: #ffffff;
                 font-weight: bold;                 
                              }

div.gallerywatch img {display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 10px;}


div.gallerywatchleft {background: #243444; 
              border: 1px solid #ffffff;                           
              margin-left: 5px;
              margin-right: 5px;
              margin-top: 5px;
              text-align: center;
              margin-bottom: 5px;
              padding-top: 5px;
              padding-bottom: 5px;              
              width: 95px;
              vertical-align: middle;
              float: left;}

div.gallerywatchleft img {display: block;
    margin-left: auto;
    margin-right: auto;   
}

div.gallerywatchleftspacer {background: #243444; 
              margin-left: 5px;
              margin-right: 95px;
              margin-top: 5px;
              text-align: center;
              margin-bottom: 5px;
              padding-top: 5px;
              padding-bottom: 5px;              
              width: 0px;
              vertical-align: middle;
              float: left;
              display: block;}

div.gallerywatchleft p {font-size: 12px;
    margin-left: auto;
    margin-right: auto;   
     color:#ffffff;}
     
div.gallerywatchleft a {font-size: 12px;
    margin-left: auto;
    margin-right: auto;   
     color: #ffffff;}     
              
div.gallerywatchright {background: #243444; 
              border: 1px solid #ffffff;                           
              text-align: center;
              margin-left: 5px;
              margin-right: 5px;
              margin-top: 5px;
              margin-bottom: 5px;
              padding-top: 5px;
              padding-bottom: 5px;              
              width: 95px;
              vertical-align: middle;
              float: right;}

div.gallerywatchright p {font-size: 12px;
    margin-left: auto;
    margin-right: auto;   
     color: #ffffff;}
     
div.gallerywatchright a {font-size: 12px;
    margin-left: auto;
    margin-right: auto;   
     color: #ffffff;}     

div.gallerywatchright img {display: block;
    margin-left: auto;
    margin-right: auto;    
}


/* --------------------------- Reply Page CSS ------------------------------ */
div.reply {background: #243444;                          
              text-align: left;
              margin-left: 20px;
              margin-right: 20px;
              margin-top: 10px;
              margin-bottom: 10px;
              padding-top: 5px;
              width: 500px;
              vertical-align: top;}

/* --------------------------- Copyright Style ------------------------------ */              
p.copyright{ text-align: center; 
             font-style: italic;
             color: #ffffff}
             
             
div.pagenation { margin-right:auto;
		margin-left:auto; }

div.pagenation p { font-size: 12px; }