.bodymain a{text-decoration: underline;color: #000;}

#subject h2 a
{
color: orange;
text-decoration:none;
}

#subject h2 a:hover
{
color: orange;
text-decoration:underline;
}


.comments
{
background: #FFF url(comment.gif) no-repeat;
width: 630px;
background-color:#F3F3F3;
}
.comments a
{
font-size:11px;
text-decoration:none;
color:#222;
}
.comments a:hover
{
text-decoration: underline;
color:#333;
}

.time
{
background: #FFF url(timeicon.gif) no-repeat;
}

.time a
{
font-size:11px;
color:#111;
text-decoration:none;
font-weight:bold;
}
.time a:hover
{
text-decoration:underline;
}



   /*      start css title   */

#title
{
margin-left:100px;
color:#fff;
font-size:13px;
width:850px;
}

#title h2 
{ 
font: bold 1.4em Arial, sans-serif; 
color: #FFCF83; 
}
    /*      end css title   */



/*      [start css menu]   */    
#nav
{
margin-left:100px;
margin-top:27px;
width:850px;
height:28px;
}

#nav ul 
{ 
margin:0px; 
list-style:none; 
padding: 0px; 
}
#nav a
{ 
display:block; 
font: bold 1.2em Arial, 
sans-serif; color:#fff; 
padding: 5px 10px 5px 10px; 
text-decoration:none; 
font-weight: bold; 
}
#nav a 
{ 
float:none; 
}
#nav li 
{
float:left; 
color: #FFF; 
margin:0px; 
padding:0px 0px 0px 0px; 
}
#nav a:hover 
{ 
float:left; 
color:#FFF; 
padding: 0px 10px 5px 10px; 
border-bottom: 12px solid #000; 
border-top: 3px solid #FF9C00;
}

#nav .active
{
color:#FFF; 
padding: 0 10px 5px 10px; 
border-bottom: 12px solid #000;
border-top: 3px solid #FF9C00;
}


    /*      end css menu   */

   /*      [start css content]  */

#content
{
margin:0px;
padding:0px;
font-family: sans-serif;
font-size:14px;
}

                   /*start css for zone main*/
#main
{
float: left;
width: 650px;
margin-left: 30px;
}

#main #load
{
width:100px;
height:20px;
background-color:red;
color:white;
display:inline;
text-align:left;
}

#main h2
{
color:#FF9C00;
}
                  /*end css zone for main*/



pre {

  padding: 1em;
  overflow: auto;
  background: #000;
  color: orange; 
}

pre code {

font-family: "Monaco",monospace;
font-size: 15px;

}





                                      /* [start css for zone menu_right] */
#menu_right
{
margin-right:40px;
width:250px;
float:right;
}

#menu_right #about
{
font-family:Verdana, Arial;
font-size:80%;
padding:0px;
margin:0px;
}


#menu_right #about h2
{
color:#FCBD18;
text-align:left;
padding-top:5px;
}


#menu_right #aboutme
{
font-family: Arial;
font-size: 12px;
color: #353535;
padding-left: 10px;
}


#menu_right #wisewords
{
font-family:Verdana, Arial;
font-size:80%;
padding:0px;
margin:0px;
}

#menu_right #wisewords h2
{
color:#FCBD18;
text-align:left;
padding-top:5px;
}

#menu_right #description
{
font-family: Arial;
font-size: 12px;
color: #353535;
padding-left: 10px;
}  



#menu_right #syndicate
{
font-family:Verdana, Arial;
font-size:80%;
padding:0px;
margin:0px;
}

#menu_right #syndicate h2
{
padding-top:5px;
color:#FCBD18;
text-align:left;
}


#menu_right #syndicate ul
{
list-style:none;
margin:0px;
padding:0px;
border:none;
}

#menu_right #syndicate ul li
{
margin:0px;
padding:0px;
}

#menu_right #syndicate ul li a
{
font-size:80%;
display:block;
padding:0px 0px 2px 0px;
text-decoration:none;
color:#676767;
margin: 4px;
}

#menu_right #syndicate ul li a:hover,#syndicate ul li a:focus
{
text-decoration:none;
color:#000;
}

#menu_right #syndicate ul li{

margin-left: 30px;
list-style-image: url(feed.png);
}




#menu_right #vote
{
font-family:Verdana, Arial;
font-size:80%;
padding:0px;
margin:0px;
}


#menu_right #vote h3
{
color:#FCBD18;
text-align:left;
padding-top:5px;
}



                                  /*[end css for zone menu_right] */ 


    /* end css content   */







                       /*[start css bottom]*/



#bottom {width: 100%;height: 400px;background: #FFDEAB url(topb.jpg) repeat-x top;font: 13px Arial, sans-serif;padding-left:0px;margin:0px;}

#bottom .padding {width: 900px;margin: 0 auto;padding: 10px 40px 10px 60px;}

#bottom ul { margin:0; list-style:none; padding: 0; }

#bottom li { border-bottom: 1px dotted #ccc; list-style: none;margin: 4px}

#bottom li a{ 

    color: #546078; 
    text-decoration: none;  
    padding: 5px;
    display: block; 
    margin-bottom: 2px; 
    display: inline-block;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

#bottom li:hover a{ 

   text-decoration: none; 
   background: #FFDCA6; 
   background: #336999;
   color: #fff;
   text-decoration: none;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -o-border-radius: 4px;
   border-radius: 4px;
   -webkit-transform: scale(1.05) rotate(-1deg);
   -moz-transform: scale(1.05) rotate(-1deg);
   -o-transform: scale(1.05) rotate(-1deg);
   transform: scale(1.05) rotate(-1deg); 

}

#bottom li:nth-child(2n):hover a{           
   -webkit-transform: scale(1.05) rotate(1deg);
   -moz-transform: scale(1.05) rotate(1deg);
   -o-transform: scale(1.05) rotate(1deg);
   transform: scale(1.05) rotate(1deg);   
}

#bottom h2 {padding: 5px 0 5px 0;color: #FF9C00;font: bold 1.6em Arial, sans-serif;}

.column-float {float: left; width: 65%;}
.column-one {width:55%;float: right}
.column-two {width:45%;float: left}
.column-three {width:35%;float: right}


                             /*end css bottom*/


 
                             /* [start css footer] */ 


#footer { 
background: #000 url(footer.jpg) repeat-x top;
width: 100%;
color: #ccc;
text-align:center; 
clear:both;
font: 12px arial, helvetica, verdana, sans-serif;
}

#footer .padding {
padding: 25px 70px 25px 70px; 
}
#footer a { 
color: #ccc; 
text-decoration: none;
}
#footer a:hover{
color:#FFDF83; 
text-decoration: underline; 
}


                             /*end css footer*/ 






                             /* [start css searchlive] */

.subjectsearch a
{
color: orange;
text-decoration:none;
font-size:15px;
padding: 5px;
}


.postdatasearch
{
color:#222;
font-size:12px;
font-style:normal;
}

                             /*end css searchlive*/


                             /*start css search form*/


#searchform {position: absolute;top: -37px; right: 10px; background: url(searchform-bg.png) no-repeat right bottom; height: 74px; width: 210px;}

#searchform #search {width: 150px;margin: 30px 3px 0px 10px;padding: 3px 34px 2px 5px;color: #999999;border: none;font-size: 18px}

#clientside,#serverside{width:80px;}

#clientside h3:hover,#serverside h3:hover{color:#FCBD18;}

                             /*ends css search form*/


                 /* myBookmark on del.icio.us */

#delicious {

padding: .2em;
padding-left: 15px;
background: url(delicious.gif) left center no-repeat;
color:#676767;
font-weight: bold;
}


#delicious span {

color:#666;
font-weight: bold;
font-size: .8em;

}

#deliciouslist {

margin: 0;
padding-left: 15px;
padding-top: 10px;

}


#deliciouslist li {

line-height: 1.3em;
padding-bottom: .2em;
color: #353535;
list-style: square;

}

#deliciouslist li a {
font-family: Arial;
font-size: 12px;
color: #353535;

text-decoration: none;
}

#deliciouslist li a:hover{

text-decoration: underline;

}

                  /* myBookmark on del.icio.us */




                  /* myPhotos on flickr.com */

ul#photos {
width: 290px;
list-style: none;
padding:0;
margin:0;
}

ul#photos li {
float: left;
margin: 5px;
}

ul#photos img{
border: 5px solid #FEC452;
}

ul#photos img:hover{
border: 5px solid #5289FE;
}


#flickrshot 
{

font-family: arial,sans-serif;
background: #FCB14B;
font-size:.8em;
border:  1px solid #060;
padding: 5px;
width: 240px;
margin: 10px auto;
position: absolute;
left: 50%;
margin-left: -120px;
}

#flickrshot a.imgLargecloser{

position: absolute;
right: 10px;
top: 8px;
color: #fff;
font-weight: bold;
text-decoration: none;
z-index: 99;

}


#flickrshot img
{
border: none;
margin: 0 auto;
background:url(ajax-loader.gif) center center no-repeat transparent;
}


#flickrshot h4,#flickrshot p
{
margin: .2em 0;
padding: 0;
}

#flickrshot h4
{
color: #ffc;
font-size: 1em;
background-color: #030;
padding: .2em;
margin: 0 0 .2em 0;
}

#flickrshot p
{
margin: .2em 0 0 0;
}

#flickrshot a
{
display: block;
text-align: center;
}

#flickrshot p a{

padding: .1em;
margin: 0 0 0 0;
font-weight: bold;
color: #369;
}

                  /* myPhotos on flickr.com */


                  /* scroll top of page */   

#topofpage{display: block; font-weight: bold;font-family: tahoma;font-size: 11px;background: #eceff5;color: #3b5998;position: fixed;right: 5px;bottom: 5px;padding:7px 7px 7px 7px;text-decoration: none;z-index: 100}

#topofpage:hover{

     text-decoration: underline;
}

                  /* scroll top of page */   
