﻿body {text-align: center;
      background-color: #F8F8F8;

	
}

.wrapper {width: 900px;
          margin: 0px auto;
          text-align: left;	
          border-top: 1px solid white;
          background-color: white;
}

.content {overflow: hidden;
}

.header {width: 900px;
         text-align: left;
         margin: 0px auto;
         border-bottom: 1px solid white;
         background-color: white;
}


/*The design for the blog's title*/

.themagazine {width: 460px;
              background-color:  #FFA500;
              padding: 5px;
              color: white;	
              float: left;
              display: inline;
              font-size: 22px;
              font-family:Verdana, Geneva, Tahoma, sans-serif;
              
}

/*The design for the date, month, and year*/

.dmy {color: #001A33;
      margin-top: 5px;
      padding-right: 5px;
      float: right;	
      display: inline;
      font-size: 22px;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.magdmyb {border-bottom: 2px solid #001A33;
}

.topnav {width: 860px;
         margin-left: 5px;
         display: inline;
	
}

.slnm {width: 500px;
       margin: 0px auto;
       text-align: left;
       
	
}

.smtg {width: 900px;
      margin: 0px auto;
      text-align: left;
	
}


/*The twitter and search border*/

.twise {border-top: 2px solid #001A33;
	
}


/*The font family for the links */

.tnl {font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 14px;
}

/*The design for the links and search box*/

 .necpuds {width: 900px;
           margin: 0px auto;
           text-align: left;
           
	
}

/* The links' width*/

.nepoecund {width: 500px;
            display: inline;
            
            
	
}
/*Design for the Short Story Ads*/

.shoryads {border-bottom: 2px solid #E88B00;
           font-family: Verdana, Geneva, Tahoma, sans-serif;
           font-size: 16px;
	
}


/*The color for the links' border-bottom*/

.newl {border-bottom: 2px solid maroon;
       font-family:Verdana, Geneva, Tahoma, sans-serif;
       font-size: 16px;
              	
}



.pol {border-bottom: 2px solid #001A33;
       font-family:Verdana, Geneva, Tahoma, sans-serif;
       font-size: 16px;
               		
}

.econ {border-bottom: 2px solid green;	
       font-family:Verdana, Geneva, Tahoma, sans-serif;
       font-size: 16px;	
}

.entaiment {border-bottom: 2px solid #FFCC00;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 16px;
            

}
.undtherad {border-bottom: 2px solid #FFA500;
            font-family:Verdana, Geneva, Tahoma, sans-serif;
            font-size: 16px;	
               
}

.doubta {border-bottom: 2px solid #333333;	
         font-family:Verdana, Geneva, Tahoma, sans-serif;
         font-size: 16px;
         	
}


/*The page links */

ol {margin: 0px auto;
    padding: 0px;
    list-style-type: none;
	
}

ol.pagination li {float: left;
                  margin-right: 5px;
	
}

ol.pagination a, 
ol.pagination li.selected {display: block;
                          font-family:Verdana;
                          font-size: 20px;
                          text-decoration: none;
                          background-color: white;
                          color: #FFA400;
	
}

ol.pagination a:hoover,
ol.pagination a:focus, 
ol.pagination li.selected { background-color: #FFA500;
                            color: white;
	
}

ol.pagination a[rel=prev], ol.pagination a[rel=next] {background-color: #FFA500;
                                                      color: white;
	
}

ol.pagination a[rel=prev]:before {content: "\00AB";
                                    padding-right: 5px;
                                   
	
}

ol.pagination a[rel=next]:after {content: "\00BB";
                                   padding-left: 5px;
                                   
	
}

a {color: black;
   text-decoration: none;
	
}

a:active {color: black;
          text-decoration: none;
	
}

a:link, a:visited {color: black;
                   text-decoration: none;
}


.stoheln {color: #122E49;
	
}

.slainub {width: 100px;
          margin-bottom: 5px;
          margin-top: -5px;
          margin-right: -5px;
          display: inline;
          float: right;
	
}

/*The color for the border in between the twitter and rss links*/

.twir {border-right: 2px solid silver;	
}

.lainub {width: 350px;
         margin: 0px auto;
         text-align: right;
         margin-right: 5px;
	
}

/*The search form width*/

label {border: 1px solid silver;
       color: #FFA500;	
}

input {border: 2px solid silver;
       background-color: white;
       color: #FFA500;	
}

/*The top stories' design*/

.topsto {color: #001A33;
         font-family:Verdana, Geneva, Tahoma, sans-serif; 
         font-size: 16px;	
}

.tpst {border-bottom: 2px solid #001A33;
	
}

/*The headline stories' design*/

#hstories {width: 900px;
           height: 320px;
           text-align: left;
           border-top: 2px solid #001A33;
           border-bottom: 2px solid #001A33;
           margin: 0px auto;
           background-color: white;
}


/*The image design*/

#articlep {width: 500px;	
}

#toparticle {width: 440px;
             height: 300px;
             margin: 15px 5px -5px 15px;
             padding:5px
             display: inline;
             float: left;
}

#midarticles {width: 380px;
              margin: 0px;
              padding: 10px;
              display: inline;
              float: right;
}


/*The design for the main container*/

.main {width: 860px;
       margin-left: 20px;
       	
}

.nwl {width: 900px;
      border-bottom:  2px solid silver;
      margin-left: 0px;
                        
	
}

/*The design for the primary, secondary, tertiary, and quad containers*/

.primary {width: 600px;
          display: inline;
          float: left;
}

.secondary {width: 250px;
            display: inline;
            float: left;
          	
}

.tertiary {width: 300px;
           display: inline;
           float: right; 
}
 
.quad {width: 240px;
       display: inline;
       float: right;
       
	
} 

/*The design for the stories below the primary and secondary stories*/

.storybelow {width: 860px;
             display: inline;
             float: left;
             
	
}


/*The design for 2017 Archive Pages*/

.arcpag {width: 420px;
         display: inline;
         float: left;
	
}

.avchges {width: 420px;
          display: inline;
          float: right;
	
}

/*The design for the archive pages*/

.arpai {width: 420px;
        height: 2100px;
        overflow: hidden;
        display: inline;
        float: left;
	
}

.achgev {width: 420px;
         height: 2000px;
         overflow: hidden;
	     display: inline;
	     float: right;
}

/*The design for the 2015 page */

.ahige {width: 420px;
        height: 2500px;
        overflow: hidden;
        display: inline;
        float: left;
	
}

.arcages {width: 420px;
          height: 2500px;
          overflow: hidden;
          display: inline;
          float: right;
	
}
 
/*The design for 2014 */ 
 
.aciepa {width: 420px;
         height: 5000px;
         overflow: hidden;
         display: inline;
         float: left;
	
}

.avepg {width: 420px;
        height: 5000px;
        overflow: hidden;
        display: inline;
        float: right;
	
}


/*Another design for the main stories*/

.maiprma {width: 600px; 
          border-right:2px solid #001A33;

          display: inline;
          float: left;
           
	
}

.seprim {width: 240px;
         display: inline;
         float: right;
	
}

#testomapr {width: 900px;
            border-bottom: 2px solid #001A33;
            background-color: white;
            margin: 0px auto;
	
}

.secbop {border: 2px solid #333333;
	
}

.scmoli {border-bottom: 2px solid #FFA500;
	
}

.mborli {border-bottom: 2px solid #333333;
	
}

/*The design for the recent stories headline*/
 
.helinpeurdt {border-bottom: 2px solid #FFA500;
              
	
}

.hdnsptecud {width: 90px;
             display: inline;
             float: left;
             margin: -30px -95px -1px 0px;
             padding: -15px;
             color: #001A33;
             font-size: 24px;
             font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

.hanwpoenundu {width: 85px;
               display: inline;
               float: right;
               margin: -35px 55px -60px 80px;
               padding: 5px;
               color: #FFA500;
               font-size: 24px;
               font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

/*The design for the recent stories*/

.healnepourd {border-top: 2px solid #333333;
              border-bottom: 2px solid #FFA500;
              border-left: 2px solid #333333;
              border-right: 2px solid #FFA500;
              margin: 0px;
              padding: 5px;
              
	
}

.hdlibonpeud {border-top: 2px solid #333333;
	
}

/*The design for the twitter follow link*/

.twter {border-top: 2px solid #333333;
        border-bottom: 2px solid #333333;
        text-align: left;
        color: #FFA500;
        font-size: 22px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

.ecobo {border: 2px solid green;
        
	
}

/*The image and caption design*/




div.capimge_image {position: relative;
	
}

p.catimg {position: absolute;
          bottom: -35px;
          left: 0px;
          color: white;
          font-size: 13px;
          font-style: italic;
          line-height: 16px;
          padding: 5px;
	
}

div.capimge_image p.catimg {background: #FFA500;
	
}

ul {list-style-type: disc;
}

/*The article design*/

.stohea {line-height: 150%;
         margin: 5px;
         padding: 5px;
         font-size: 16px;
         font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

/*The article's title design*/

.srytl {font-size: 24px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: black;
        line-height: 200%;
	
}

/*The design for the article's author and the publishing date*/

.nmpbd {font-size: 16px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #001A33; 
        line-height: 200%;
	
}


/*The design for the news, politics, the economy, under the radar, and double-talking headlines*/

#heatil {width: 360px;
         margin: 0px auto;
         padding-right: 20px;
         border: 6px solid silver;
         color: #333333;
}     

.clear {clear: both;
}

/*The advertisement design*/

#adshos {background-color: #001A33;
         color: #F2F2F2;
         margin: 5px; 
         padding-right: 10px;
         font-size: 24px;
         font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

/*The design for the banner ad*/

.banader {width: 900px;
          margin: 0px auto;
          background-color: white;
           
	
}

.baneraddi {width: 450px;
            border: 2px solid #333333;
            margin: 0px auto;
            background-color: white;
	
}

/*The design for the news headlines*/

#ne {background-color: maroon;
     width: 70px;
     color: white;
     margin: 5px;
     padding-right: 10px;
     font-size: 24px;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
}

/*The design for the politics headlines*/

#polis {background-color: #001A33;
        width: 90px;
        color: white;
        margin: 5px;
        padding-right: 10px;
        font-size: 24px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;

}

/*The design for the economy headlines*/

#econom {background-color: green;
         width: 100px;
         color: white;
         margin: 5px;
         padding-right: 20px;
         padding-left: 5px;
         font-size: 24px;
         font-family: Verdana, Geneva, Tahoma, sans-serif;

}

/*The design for entertainment headlines*/

#entetainme {background-color: #FFCC00;
             width: 150px;
             color: white;
             margin: 5px;
             padding-right: 30px;
             padding-left: 5px;
             font-size: 24px;
             font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

/*The design for under the radar headlines*/

#udtr  {background-color: #FFA500;
        width: 180px;
        margin: 5px;
        padding-right: 25px;
        padding-left: 8px;
        color: white;
        font-size: 24px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;

}

/*The design for double-talking headlines*/

#doubtalk {background-color: #333333;
           width: 200px;
           margin: 5px;
           padding-left: 15px;
           color: white;
           font-size: 24px;
           font-family: Verdana, Geneva, Tahoma, sans-serif;

}



/*The design for the news article pages*/

.nstr {border-left: 2px solid silver;
      
	
}




/*The design for the news links top stories*/

#tpsete {width: 900px;
         margin: 0px auto;
         border-top: 2px solid #001A33;
         border-bottom: 2px solid #001A33;
         background-color: white;
	
}

.tpsri {width: 300px;
        display: inline;
        float: left;
        margin: 5px 10px 0px 15px;
        
	
}

.seprs {width: 250px;
        display: inline;
        float: left;
        margin: 5px;
	
}

.tetps {width:250px;
        display: inline;
        float: right;
        margin: 5px;
	
}


/*The design for the information links*/

.fotli {color: black;
        margin: 5px;
        font-size: 24px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

/*The design for the articles at the bottom of the stories*/

.artiatbottom {width: 600px;
               display: inline;
               float: left;
	
}

.firart {width: 180px;
         display: inline;
         float: left;
         margin-left: 5px;
       
	
}

.secart {width: 180px;
         display: inline;
         float: left;
         margin-left: 10px
	
}

.thirart {width: 180px;
          display: inline;
          float: right;
          margin-right: 5px;
	 
}

/*The design for the bottom articles' headline*/

.bahd {display: inline;
       float: left;
       margin-left: 3px;
       color: #001A33;
       font-size: 30px;
       font-family: Verdana, Geneva, Tahoma, sans-serif;

	
}

.artbhe {display: inline;
         float: left;
         margin-left: 10px;
         color: #FFA500;
         font-size: 30px;
         font-family: Verdana, Geneva, Tahoma, sans-serif;

	
}
          
/*The border next to the links within the footer*/
  
.ftb {border-right: 2px solid #C8D1E0;	
}                

.footer {width: 900px;
         text-align: left;
         margin: 0px auto;
         background-color: #001A33;
         color: #C8D1E0;
}

/*The links' style within the footer*/

.fl {font-size: 16px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;          	
}

/*The style of the copyright and author's name within the footer*/

.flt {font-size: 24px;
      text-align: center;
      font-family:Verdana, Geneva, Tahoma, sans-serif; 	
}

/*The border style around the links within the footer*/

.thfb {border-top: 4px solid #C8D1E0;
       border-bottom: 4px solid #C8D1E0;
}       
	