@import url('reset.css');

  h3, h1, h2, h4
  {font-family: "NewsCycleRegular", "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.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
{
padding:0 15% 0 15%;
margin:0;
width:70%;
float:left;
}




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

img
{border:none; }

#logo
{
float:left;
padding:5px 0 0 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:#333;
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: "NewsCycleRegular", "franklin gothic medium", "trebuchet ms";
font-weight:bold;
text-transform:uppercase; 
}	
	
ul.social li 
{float:left;
display:block;
margin:0 10px 0 0;
}
 
 ul.social li a
{text-decoration:none; 
color:#d40000;
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;
-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.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;
-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.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;
-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.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;
-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.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;
-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.rs a:hover 
{background:url('../../../images/buttons_bg.png') -50px 0 no-repeat;

}









#image
{
text-align:center;
margin:0px auto;
float:left; 
display:block;
width:100%;
padding:0;
}

#leftimage, #rightimage
{width:15%;
margin:0;
padding:6em 0 12em 0;
float:left; 
opacity:.5;
-webkit-transition: background 0.8s ease;
-moz-transition: background 0.8s ease;
-ms-transition: background 0.8s ease;
-o-transition: background 0.8s ease;
transition: background 0.8s ease;
border:solid #fff;
border-width:1px 0 1px 0;
}



#leftimage:hover, #rightimage:hover
{
opacity:1;
}

img {
	max-width: 100%;

}

#picture
{ float:left;
width:70%;
display:block;
padding:0;
margin:0;
}
    
.post
{
border:1px solid #fff;

 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:#0085b1;
font-size: 2.5em;

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

h2
{color:#0085b1;
margin:.3em 0 .3em 0;
font-size: 2em;

}

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






#copy, #nav_thumbs
{width:70%;
float:left;
padding:0 15% 0 15%;


}

.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:70%;
float:left;
margin-top:0;
padding:0 15% 0 15%;
margin-bottom:3em;
padding-right:15%;}


 #footwrapper
 {	
padding:135px 0 0 0;
MARGIN: 0px auto; 
width:100%;
float:left;
TEXT-ALIGN: left; 
background:url('../images/footer-bg.png')50% 0;


}












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

}


.bottom_wide

{width:70%;
float:left;
margin-top:0;
padding-left:15%;
padding-right:15%;}


.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:#999;
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: 'NewsCycleRegular';
    src: url('NewsCycle-Regular-webfont.eot');
    src: url('NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('NewsCycle-Regular-webfont.woff') format('woff'),
         url('NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@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;

}

/* 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:6em 0 10em 0;
}}


@media (max-width: 1100px) {
#leftimage, #rightimage
{
margin:0;
padding:6em 0 9em 0;
}}

@media (max-width: 1000px) {

.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: 825px) {
.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: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;


}

}