@import url('reset.css');
img {
	max-width: 100%;

}
h1, h2 
  {font-family: "rochesterregular", "franklin gothic medium", "trebuchet ms";
  font-weight:lighter; }
  
h3, h4
  {font-family: "franklin gothic medium", "trebuchet ms";
  font-weight:lighter; }
  
  h3 a
  {text-decoration:none; 
  color:#c4fdf0;
  padding:3px;}
  
   h4 
  {font-size:1.2em;
  color:#0085b1;
  margin:3px 0 0 0;
  }

  h4 em
  { font-size:1.5em;
  font-style:normal;
  text-transform:uppercase;
  font-weight:500;}
  
    h4 em a
  { text-decoration:none; 
  color:#0085b1;
  padding:3px;}
  
  
     h4 em a:hover
  { text-decoration:none; 
color:#333;
background:#000;}
  
h3 a:hover
{text-decoration:none; 
color:#333;
background:#000;
}



body
{
background :url('../images/bg-grey-stripes.jpg');
padding:0;
margin:0;
 }

#wrapper, #wrapper_bottom
{	
padding:0;
MARGIN: 0px auto; 
WIDTH: 100%; 

TEXT-ALIGN: left; 
}

#wrapper2
{float:left;
width:100%;
padding:0;
MARGIN: 0px auto; 
 }

#header
{

top:0;
z-index:2;
padding:0;
margin:0;
width:94%;
padding:0 3% 0 3%;
background :url('../images/box-bg.jpg');
float:left;
position:fixed;
border: #464646 solid;
border-width:0 0 1px 0;
}




#search
{float:left; 
max-width:100%;
float:left;
width:50%;
border:0;
}

img
{border:none; }

#logo
{
float:left;
padding:5px 0;
width:50%;
text-align:right;
}



#rss_btn
{float:left;
padding:20px 0 0 0;
width:9%;
text-align:right; 
}

a.rss 
{background:url('../images/rss_off.png');
display:block;
float:right;
background-repeat: no-repeat; 
}

a:hover.rss
{background:url('../images/rss_on.png');
background-repeat: no-repeat;
}


p, #copy ul{color:#ccc;
font-size:.9em;
font-family: "SnippetRegular"; 
margin:1em 0 1em 0;

}

p a
{color:#d40000;
font-weight:bold;
text-decoration:none;
padding:.2em;
}

p a:hover
{color:#fff;
text-decoration:none;
background:#d40000;
}

 
 
#copy ul.social
{
	list-style: none;
	padding: .5em 0 1em 0;
	margin: 0;
	float: left;
    font-size:1em;
    font-family: "franklin gothic medium", "trebuchet ms";

text-transform:uppercase; 
}	
	
ul.social li 
{float:left;
display:block;
margin:0 10px 0 0;
}
 
 ul.social li a
{text-decoration:none; 
color:#ffcc7c;
padding:3px;-webkit-transition: background 0.4s ease;
-moz-transition: background 0.4s ease;
-ms-transition: background 0.4s ease;
-o-transition: background 0.4s ease;
transition: background 0.4s ease;}
 
 ul.social li a:hover
{text-decoration:none; 
color:#fff;
background:#d40000;
padding:3px;}
 
/* style for the social media*/
ul.social li.fb a
{background:url('../../../images/buttons_bg.png') -200px -50px no-repeat;
padding:0;
margin:0;
float:left;

}

ul.social li.fb a:hover 
{background:url('../../../images/buttons_bg.png')-200px 0 no-repeat;

}

ul.social li.twit a
{background:url('../../../images/buttons_bg.png')0 -50px no-repeat;
padding:0;
margin:0;
float:left;

}

ul.social li.twit a:hover 
{background:url('../../../images/buttons_bg.png')0 0 no-repeat;

}

ul.social li.flic a
{background:url('../../../images/buttons_bg.png')-150px -50px no-repeat;
padding:0;
margin:0;
float:left;

}

ul.social li.flic a:hover 
{background:url('../../../images/buttons_bg.png')-150px 0 no-repeat;
}

ul.social li.linked a
{background:url('../../../images/buttons_bg.png')-100px -50px no-repeat;
padding:0;
margin:0;
float:left;

}

ul.social li.linked a:hover 
{background:url('../../../images/buttons_bg.png')-100px 0 no-repeat;
}

ul.social li.rs a
{background:url('../../../images/buttons_bg.png')-50px -50px no-repeat;
padding:0;
margin:0;
float:left;
background-repeat:no-repeat;

}

ul.social li.rs a:hover 
{background:url('../../../images/buttons_bg.png') -50px 0 no-repeat;

}









#image
{
margin:0px auto;
width:100%;
padding:2em 0 0 0;
display: table;
}

#leftimage, #rightimage
{
margin:0;
  padding:0;
opacity:0.2;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;
display: table-cell;
text-align:center;
vertical-align:middle;

}



#leftimage:hover, #rightimage:hover
{
opacity:0.8;



}



#picture
{
width:60%;
text-align:center;
padding:0;
display: table;
margin:0;
display: table-cell;
}
    
.post
{


 margin:0 auto;
  padding:0; 
}    
    
    
/* code for floating nav*/

.next1 a
{position:fixed; 
top:50%;
right:0;
z-index:2;
float:right; 
padding-top:30px;
width:8%;
display:block;
opacity:0.5;
background: url('../images/next_on.png')no-repeat;
background-position:bottom;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

.next1 a:hover
{
opacity:1;
}

.prev1 a
{
position:fixed; 
top:50%;
z-index:2;
left:0;
display:block;
float:left; 
padding-top:30px;
width:8%;
opacity: 0.5;
background:url('../images/back_on.png')  no-repeat;
background-position:bottom;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

.prev1 a:hover
{
opacity: 1;
}




h1
{color:#fff;
font-size: 2.5em;

margin:.1em 0 .2em 0;
}

h2
{color:#fff;
margin:.3em 0 .3em 0;
font-size: 1.6em;

}

h3{color:#0085b1;
text-transform:uppercase; 
font-size:1em; }






#copy, #nav_thumbs
{width:58%;
float:left;
padding:0 21% 0 21%;


}

.t{ 
float:left;
opacity:0.5;
margin:.3em;
padding:.7em;
background:#fff;
width:10%;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}

.t a
{

float:left;


}

.t:hover
{

border:none;
opacity:1;
-webkit-box-shadow:  0px 0px 3px 3px #b9b8b8;
        
        box-shadow:  0px 0px 3px 3px #b9b8b8;
-webkit-border-radius: 4px;
border-radius: 4px;
}






#comments
{width:60%;
float:left;
margin-top:0;
padding:0 20% 0 20%;
margin-bottom:3em;
}


 #footwrapper
 {	
padding:0 0 0;
MARGIN: 0px auto; 
width:100%;
float:left;
TEXT-ALIGN: left; 
background :url('../images/box-bg.jpg');
border: #464646 solid;
border-width:1px 0 0 0;


}












#footwrapper2
{
float:left;
width:100%;

}


.bottom_wide

{width:60%;
float:left;
margin-top:0;
padding-left:20%;
padding-right:20%;}


.thirds
{
width:30%;
float:left;
padding: 1em 2% 0 0;
border: dashed #666;
border-width: 0 1px 0 0; 
-webkit-transition: background 0.4s ease;
-moz-transition: background 0.4s ease;
-ms-transition: background 0.4s ease;
-o-transition: background 0.4s ease;
transition: background 0.4s ease;}

.thirds:hover
{
background:#333;
}

.thirds_middle
{
width:30%;
float:left;
padding:1em 2% 0 2%;
border: dashed #666;
border-width: 0 1px 0 0;-webkit-transition: background 0.4s ease;
-moz-transition: background 0.4s ease;
-ms-transition: background 0.4s ease;
-o-transition: background 0.4s ease;
transition: background 0.4s ease; }

.thirds_middle:hover
{
background:#333;
}

.thirds_right
{
width:30%;
float:left;
padding-left:2%;
}



#blogs h2
{margin-top:0; }

#blogs
{margin:.5em 0 0 0; }

#blogs a  
{ text-decoration:none;
}





#elsewhere
{background:url('../../../images/elsewhere_bg.png') 50% 0;
background-repeat:no-repeat;
margin-top:2em;
}

.copyright
{text-align:center;
margin:1em 0 1em 0;
float:left;
width:100%; }



#footwrapper h1, #footwrapper h2
{color:#f6f6f6;
font-family:"OpenSansCondensedBold";
margin-bottom:10px;
text-transform:none;}
#footwrapper h2
{font-size:1.4em; }
#footwrapper p
{margin-top:1px;
padding-top:1px; color:#ccc; }

#footwrapper h1
{margin:.5em 0; }



/* This is the code for font*/


@font-face {
    font-family: 'SnippetRegular';
    src: url('Snippet-webfont.eot');
    src: url('Snippet-webfont.eot?#iefix') format('embedded-opentype'),
         url('Snippet-webfont.woff') format('woff'),
         url('Snippet-webfont.ttf') format('truetype'),
         url('Snippet-webfont.svg#SnippetRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('OpenSans-CondBold-webfont.eot');
    src: url('OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-CondBold-webfont.woff') format('woff'),
         url('OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rochesterregular';
    src: url('rochester-regular-webfont.eot');
    src: url('rochester-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rochester-regular-webfont.woff') format('woff'),
         url('rochester-regular-webfont.ttf') format('truetype'),
         url('rochester-regular-webfont.svg#rochesterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* for archive*/
.collapsible {
          display: none; /* Only important part */
        
}



#analytics
{float:left;
background:#ececec;
width:100%;}


@media (max-width: 1500px) {


.next1, .prev1
{display:none;}
}

@media (max-width: 1220px) {
#leftimage, #rightimage
{
margin:0;
padding:2em 0 1em 0;
}
#picture
{width:60%; }

}


@media (max-width: 1600px) {

#picture, #copy
{width:50%; }

#copy
{padding:0 25% 0 25%; }

}


@media (max-width: 1440px) {

#picture, #copy
{width:55%; }

#copy
{padding:0 22.5% 0 22.5%; }

}


@media (max-width: 1366px) {

#picture, #copy
{width:58%; }

#copy
{padding:0 21% 0 21%; }

}

@media (max-width: 800px) {

.next1, .prev1
{display:block;}



#leftimage, #rightimage
{display:none; } 
#picture
{width:100% }

#copy, #nav_thumbs, #comments
{width:84%;
float:left;
padding-left:8%;
padding-right:8%;
padding-bottom: 1.5em;
}

#header
{width:84%;
float:left;
padding-left:8%;
padding-right:8%;
}

.bottom_wide

{width:84%;
float:left;
margin-top:0;
padding-left:8%;
padding-right:8%;}
}


@media (max-width: 500px) {
#dotorg, #mf, #sm
{float:none;
width:100%;
border: dashed #666;
border-width: 1px 0 0 0;
margin: .5em 0 0 0;
padding:.5em 0 .5em 0;
}
.t{padding:.2em; }
#blogs
{margin: 0 0 1em 0; }
}



@media (max-width: 400px) {
	/* 633px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */
	#table,  #rss_btn {
display:none;
	}
    
     h1
 {font-size:1.5em; }
	h1, h3, p
    {margin:3px; }
      h3
    {font-size:.8em; }
    
}
@media (max-width: 1150px) {
.tabnav
{display:none; } 
    
}
@media (max-width: 780px) {
	/* 633px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */
	#logo, #search {
float:none;
padding:0; margin:0;
text-align:center;
width:100%;
	}





    .t
    {padding:.5em; }
     .next1 a, .prev1 a, .next1 a:hover, .prev1 a:hover
{background-size:70%;  }
  .post
{

  border: solid #000;
  border-width:1px 0 1px 0;}  
  
  #image
{

width:100%;
margin:0;
padding:4em 0 0 0;

} 

h2{ 
margin:0; 
padding:0
}
    
 #rss_btn
 {padding:0;
 }
 #footwrapper
 {	
padding:0;
MARGIN: 0px auto; 
width:100%;
float:left;
TEXT-ALIGN: left; 
background-image:none;
background:#000;


}

}