body { background:#322f31;font-family: 'PT Sans', sans-serif; margin:0;padding:0;}
header {border-bottom:2px solid #febe10;clear:both;}
footer {color:#4c4c4e;border-top:1px solid #4c4c4e;text-align:center;position:fixed;bottom:0;width:100%;padding:5px 0;background:#282828;font-size:12px;}
.container{width:960px; margin:0 auto;}
#maggallery {margin:15px 0}
#maggallery ul{margin:0;padding:0}
#maggallery ul li{list-style:none;float:left;margin-right:15px;width:273px;margin-bottom:10px;background:#231f20;padding:15px 15px 10px 15px;-webkit-border-radius: 10px;
border-radius: 10px;border:1px solid #3a3a3a;position:relative;}
#maggallery ul li h3{margin:0;font-weight:normal;letter-spacing:0.5px;font-size:15px;line-height:16px;width: 50%;overflow: hidden;}
#maggallery ul li:last-child{margin-right:0}
#maggallery ul li .thumb{float:left;margin-right:10px}
#maggallery ul li .thumb img{border:1px solid #fff;width:120px;}
#maggallery ul li .info{color:#fff}
.singleview .date, #maggallery ul li .date{font-size:12px;margin-top:5px;color:#f8bb00}
#maggallery ul li .buttons {position:absolute;bottom:10px;left:145px}
.buttons a{width:80px;margin-bottom:5px;text-align:center}

.buttons a, .buttons a:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
    border:none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.buttons a:hover {background-color: #111; color: #fff; }
.buttons a:active {top: 1px;}
.branding{float:left; width:300px;}
.filerdropdowns{float:left;margin-top:5px}

.singleview .thumb{float:left; width:350px;padding:10px;}
.singleview .thumb img{
-webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.2);
        border:5px solid #fff;
   }
.singleview .info{float:right; width:550px;padding:10px;color:#fff}
.backtobtn {float:right;height:50px;}
.backtobtn a{color:#fff}
.singleview h3{margin:0;font-weight:normal;letter-spacing:0.5px;font-size:20px;line-height:16px}

select {
    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    -moz-box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    background: #f8f8f8;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-size:12px;
}

input {
    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    -moz-box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    box-shadow:
        0 3px 0 #ccc,
        0 -1px #fff inset;
    background: #f8f8f8;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    font-size:12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.pagination ul{float:right;}
.pagination ul li{
  border:0; margin:0; padding:0;
  font-size:11px;
  list-style:none;
  float:left;
}
.pagination ul a{
  border:solid 1px #fff;
  margin-right:2px;
}
.pagination ul .previous-off,
.pagination ul .next-off {
  border:solid 1px #fff;
  color:#fff;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:3px 4px;
}
.pagination ul .next a,
.pagination ul .previous a {
    font-weight:bold;
} 
.pagination ul .active{
  background:#2e6ab1;
  color:#FFFFFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
}
.pagination ul a:link,
.pagination ul a:visited {
  color:#fff;
  display:block;
  float:left;
  padding:3px 6px;
  text-decoration:none;
}
.pagination ul a:hover{
  border:solid 1px #0e509e
}

#divRead .readbuttons {position:absolute;bottom:10px;left:145px}
#divRead .view-btn{width:80px;margin-bottom:5px;text-align:center}

#divRead .view-btn, #divRead .view-btn:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
    border:none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#divRead .view-btn:hover {background-color: #111; color: #fff; }
#divRead .view-btn:active {top: 1px;}

/*Paging Style */

   div.pager
        {
            margin-top: 5px;
            text-align: center;
            float:right;
        }
        div.pager a{
          border:solid 1px #fff;
          margin-right:2px;
        }
        
        /* pager links */
        div.pager a:link, div.pager a:visited
        {
            color: #fff;
            display: block;
            float: left;
            padding: 3px 6px;
            text-decoration: none;
             border:solid 1px #fff
        }
        div.pager a:hover
        {
            border: solid 1px #0e509e;
        }
        
        /* current page */
        div.pager span span
        {
            background: #2e6ab1;
            color: #FFFFFF;
            font-weight: bold;
            display: block;
            float: left;
            padding: 4px 6px;
            margin-right:2px;
            text-align: -webkit-match-parent;
        }
        
        div.pager1
        {
            margin-top: 5px;
            text-align: center;
            float:right;
             padding-right: 48px;
        }
        div.pager1 a{
          border:solid 1px #fff;
          margin-right:2px;
        }
        
        /* pager links */
        div.pager1 a:link, div.pager1 a:visited
        {
            color: #fff;
            display: block;
            float: left;
            padding: 3px 6px;
            text-decoration: none;
             border:solid 1px #fff
        }
        div.pager1 a:hover
        {
            border: solid 1px #0e509e;
        }
        
        /* current page */
        div.pager1 span span
        {
            background: #2e6ab1;
            color: #FFFFFF;
            font-weight: bold;
            display: block;
            float: left;
            padding: 4px 6px;
            margin-right:2px;
            text-align: -webkit-match-parent;
        }
        .first
        {
            color: #F00;
        }
        
        
        .last
        {
            color: #0C0;
        }
        
        
        .current
        {
            color: #00C;
        }
        
        
        .numeric
        {
            color: #C0C;
        }
        
        
        .next
        {
            color: #0CC;
        }