/* 
--------------------------------------------------
	RYNET CSS DOCUMENT
	Author: Nalurita
	Date: Oct, 2009

	TABLE OF CONTENT
	01 - GLOBAL BROWSER RESET
	02 - COMMON STYLE
	03 - LAYOUT
	04 - NAVIGATION
	05 - HEADLINE & PARAGRAPH
	06 - FORM
-------------------------------------------------- 
*/


/* 01 - GLOBAL BROWSER RESET */
@import "reset.css";


/* 02 - COMMON STYLE */
body {
	background: #EFEFEF url('../images/bg.gif') top repeat-x;
	font-family:Helvetica,"Arial", sans-serif ;
	font-size: 62.5%;	/* so I can use ems rather than pixels */
  }
  
a {
	text-decoration: none;	color: #6A7077;  }
  
a:hover {
	color: #6A7077;  }
  
a:visited {
	text-decoration: none;  }
    
.hidden {
	display: none;  }
  
.clear {
	clear: both;  }


/* 03 - LAYOUT */
#wrapper {
	width: 940px;
	min-height: 100%;
	margin: 0 auto;
	font-size: 1.15em;
	color: #3E4A57;
	padding:0px 0 0 0px
	/*line-height: 1.6em;*/
  }
    
    #wrapper #header {	
    	height:125px
      }
            
    
    #wrapper #content1{
      background:#fff;
    	width:910px;
    	padding:0 10px 20px 20px;
    	margin-top:15px;
    	line-height:170%;
      }

        #content1 .splash{
          width:907px;
          overflow:hidden;
          font-size:1em;
          letter-spacing:0;
          line-height:140%;
          padding:0;
          padding-top:20px;
          margin-bottom:25px;
          border:0;         
          }
          .splash .splashbox{                   
            height:161px;
           	width:900px;
           	border-bottom:1px solid #DEDEDE;     
          }
        
          .splash img.t-img{
            position:absolute;
            margin-top:-280px;
            margin-left:685px;
            width:222px;
            height:280px;
          }
          .splash div.phptxt{
            padding:10px 20px 0 0;
            float:left;
            width:210px
            }  
		
		.phptxt img {
			float: left;
			margin: 0 10px 10px 0;
		}
       
        #content1 .news{
          display:block;
          float:left;
          width:450px;
          padding:4px 10px 0 0;
          list-style-type:none;
          }
            .news .detail{
              float:left;
              padding-bottom:20px
            }
              .detail .date{
                float:left;
                width:100px
              }
              .detail .content{
                float:left;
                width:340px
              }
              
        #content1 .photo{
        float:left;
        width:235px;
        padding:5px 5px 0 0
        }
        
          .photo img{
            float:left;
            padding:1px;
            border:1px solid #ccc;
            margin:0 15px 15px 0
          }
          
          
        #content1 .boxright{
          float:left;
          width:200px
        }
                          
    .boxright p{
      border-bottom:1px solid #ddd;
      height:110px;
      margin-bottom:10px;
      font-size:1.2em
    }               
    
    .boxright span{
      color:#888;
      font-size:0.9em
    }
      .boxright span b{
        color:#4C8CC9
      }
        #content1 .left-nav{
          background:url(../images/bg-left.png) top right no-repeat;
          float:left;  
          height:670px;
          padding-bottom:30px;
          width:230px        
        }
        
            .left-nav ul{
              margin-top:40px;
              border-top:1px solid #ddd;
              border-bottom:1px solid #fff;
              width:220px;
              float:right;
            }
              .left-nav ul li{ 
              }
                .left-nav ul li a{ 
                  letter-spacing:0; 
                  border-bottom:1px solid #ddd;
                  border-top:1px solid #fff;
                  font-size:1.2em;
                  font-weight:600;   
                  float:left;             
                  color:#333;
                  padding:10px 0;                  
                  width:220px  
                }
                .left-nav ul li.current a{  
                  background:#fff
                }
        
        #content1 .right-content{
          float:left; 
          width:630px;
          padding:30px 0 30px 30px             
        }   
            .right-content .phptxt2{
              font-size:0.96em;
              line-height:150%;
              padding:20px 0
            }          
                .phptxt2 p{
                  padding:10px 0
                }
              
            .right-content img{
              background:#f4f5f6;
              border:1px solid #e7e7e9;
              float:left;
              margin:20px 20px 20px 0;
              padding:10px              
            }
				.right-content img.none{
					background: none;
					border: none;
					float: none;
					margin: 20px 0; padding: 0;
				}
            .right-content span.quote{
              background:#e9f2f9;
              border:1px solid #bfd2e2;              
              float:left;
              font-weight:600;
              padding:15px 20px;
              width:580px
            }
        
    #footer {		
      background:#12151A;
          
      float:left;    
      width:100%;  
    	line-height: 170%;
      font-size:1em;    	
    	padding-top:30px;
    	padding-bottom:30px;
    	margin-top:30px
      }
      
      #footer #wrapper .copy{
        float:left;
        color:#6A7077;
        width:285px
      }
      #footer #wrapper ul{
        float:left;
        width:133px;
        color:#6A7077;
        padding-left:30px;
      }
        #footer #wrapper ul li{
          border-bottom:1px solid #232830;
          padding:4px 0    
        }
        #footer #wrapper ul b{
          color:#fff
        }
      
      
    .pagenet a.onpage, .pagenet a{
      background:#ddd;
      margin:20px 2px;
      display:block;
      line-height:16px;
      padding:1px 5px;
      float:left;
      font-weight:600;
      border:1px solid #bbb;
      }
      
    .pagenet a.onpage{
      background:#fff;
      color:#888
      }
      
      
      
/* 04 - NAVIGATION */

  #main-menu {
    font-family:Helvetica,"Arial", sans-serif ;
    padding:0;
    margin:14px 0 0;
    font-size:1.1em
    }
  
  #main-menu ul {
    display:block;
    font-weight:600;
    height:49px
    }
  
  #main-menu ul li {
    float:left;
    background:url(../images/mn-bglite.gif) right no-repeat;
    position:relative;
    z-index:100
    }
  #main-menu h5{
    font-weight:normal;
    color:#777;
    font-size:0.9em
  }
  
  #main-menu ul li a,
  #main-menu ul li a:visited{
    color:#333;
    display:block;
    float:left;
    height:39px;
    line-height:130%;
    margin:0;
    padding:10px 20px 0;
    border-left:1px solid #CFCFCF
    }
  

/* -------------start style end menu----------------*/

/* 05 - HEADLINE & PARAGRAPH */

  #header h1 {  	
    float:left  	
  }
  #header h1 a {
  	background: url(../images/logo.gif) no-repeat;
  	width: 124px; 
  	height: 41px;
  	margin:15px 0 0 35px;
  	display: block;
  	text-indent: -9000px;
  }
    .splash div h2, .phptxt h2{
      font-size:2em;      
      color:#779837;
      padding:10px 0 
      }
    .splash div p{
      margin:12px 0
      }
    .splash .ttl{
      position:absolute;
      margin-top:205px;
      border-top:1px solid #fff;
      width:900px;
      height:40px;
      padding:0;
      line-height:40px;
      overflow:hidden;
      text-indent:10px;
      font-weight:600;
      font-size:1.3em;
      background-color:#fff;      
	
         filter:alpha(opacity=60); 
         -moz-opacity: 0.6; 
         opacity: 0.6; 
      }              
      
 
  h2, h3, h4, h5, h6, blockquote{  	
    letter-spacing:0
  }

    h1{font-size:2em ; }
    h2{font-size:1.8em ;}
    .content h4  {font-size:1.5em ; color:#4C8CC9; line-height:90%;padding-bottom:5px; }
    .phptxt h3   {font-size:1.5em ; color:#4C8CC9; line-height:90%;padding:15px 0; }
    h5{font-size:1.2em ; color:#AE3233 }
    h6{font-size:1em}
    h7{font-size:0.8em ;color:#4D5F83 ; font-weight:600}
 
 
 .date h3{
  float:left;
  color:#D0D1D3;
  font-size:3.1em;
  line-height:80%;
  padding-right:10px
 }   
 .date h5{
  float:left;
  color:#B7B7B7;
  font-size:1.3em;
  line-height:93%
 }   
 
/* 06 - FORM */

  #content1 .newsletter{
      width:200px
  }
   
  .newsletter label{
    float:left;
    width:200px;
    color:#333;
    padding-top:10px;
    height:28px;
    font-weight:600
  }
  
  .newsletter input.txt {			
  	width:190px;
  	background:url(../images/bg-text.jpg) no-repeat;
  	margin-bottom:5px;
  	line-height:24px;
  	padding:4px 5px 0; 
  	font-size:12px;
  	height:26px
  }
    
  .newsletter input.btn-subscribe{
    background:url(../images/btn-subscribe.jpg) no-repeat;
    float:right;
    height:26px;
    width:80px;  
  }