/*
Theme Name: Weekly Filet
Description: Custom designed theme by <a href="http://www.davidbauer.ch/">David Bauer. Journalist+</a>
Version: 0.9 
Author: David Bauer. Journalist+
Author URI: http://www.davidbauer.ch


	"Weekly Filet" by http://www.davidbauer.ch

	Theme designed and programmed by David Bauer. Journalist+: http://www.davidbauer.ch.

	All rights reserved.

*/

@charset "UTF-8";

html, body, div, span, h1, h2, h3, h4, p, blockquote,
a, abbr, acronym, address, big, aut, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
font-family: Georgia, serif;
font-size:100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:160%;
background-color: #f6f6f6;
}

.main {
width:600px;
margin:20px auto;
padding: 20px 60px 0px 60px;
}


#filet {
width:600px;
margin:5px auto;
padding: 20px 60px 20px 60px;
border:1px dashed #ccc;
background-color: #f9f9f9;
}

#topbar {
height: 8px;
background-color: gray
}


.header {
width:600px;
text-align: center;
}

navi {
font-variant: small-caps;
font-weight: 200;
font-size: 14px;}

.content {
width:600px;
}

.logo {background-position: center;}
.logo a {border-bottom: none;}
.logo a:hover {border-bottom: none;}

.intro {font-size: 24px; line-height: 30px; margin: 15px 0 15px 0; padding: 0 40px 0 40px;}

/*///////////////////////TYPOGRAPHY STYLES*/


h1 {
font-size:30px;
line-height:38px;
margin-bottom: 15px;
}

h1 a {
margin: 10px 0 10px 0;
font-size: 32px;
line-height: 40px;
border-bottom:none;
}
h1 a:hover {
color: white;
background-color: black;
}


h2 {
font-size:20px;
margin:20px 0 10px 0;
}

h3 {
font-size:18px;
font-weight: bold;
margin: 20px 0 10px 0;
}
small {font-size:12px;}
p {margin:0 0 14px 0;}
a {
border-bottom:1px dotted #000;
text-decoration:none;
color:#000;
}
a:hover {
border-bottom: 1px solid #ba0202;
color: #ba0202;
}
.article a:visited {
	color: #999999;
}
hr{
margin-top:35px;
border:0;
border-top:1px dotted #ccc;
color:#fff;
clear:both;
}
em{
font-style:italic;
}

blockquote {
font-style: italic;
margin:15px 30px 5px 10px;
padding-left:20px;
}

ul{
margin: 0px;
list-style:square;
}

.highlight {background-color: rgba(255,255,0,0.5);}
.highlight2 {background-color: rgba(247,129,255,0.5);}
.f {background-color: rgba(149,40,154,0.03);padding:4px 8px;}
.nf {background-color: rgba(0,255,35,0.1);padding:4px 8px;}
.divi {color:#d2aeae}

/*///////////////////////ELEMTENTS STYLES*/

.time {font-size: 14px; color:#999999;}

.thumb {float:left; margin-right: 30px;}
.thumb a {border-bottom: none;}
.thumb a:hover {border-bottom: none;}

.label {text-align: center;font-variant: small-caps;font-weight: 200;}
.prev {}
.next {}
.arch {min-height: 85px;}

input#s {min-height: 30px;font-size: 16px;}

/*///////////////////////SOCIAL STYLES*/

#fb {
margin-top: 30px;
}
.buttons {
height: 0px;
padding-left: 10px;}
.social { margin: 15px 14px 0 0; float: left; }
.s2 { margin: 15px 0 0 -20px; }
.s3 {float:left;margin: 0 0 0 200px;}
.s4 {float:left;margin: 3px 0 0 20px;}
.s4 a {border-bottom: none;}
.s4 a {border-bottom: none;}
/*///////////////////////FOOTER STYLES*/

#footer {
font-size: 14px;
width: 600px;
text-align: center;}

#footnotes {
margin-top: 20px;
color: #c0c0c0;
float:left;
width: 600px;
font-size: 14px;
text-align:center;
border-top:1px dotted #cccccc;
padding:10px 0 40px 0;
}
#footnotes a a:hover {
color: #c0c0c0;
border-bottom: none;
}


/*///////////////////////IMAGES STYLES*/
content img {
	margin: 0;
	height: auto;
	max-width: 600px;
	width: auto;
}
.content .attachment img {
	max-width: 600px;
}
.content .alignleft,
.content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.content .alignright,
.content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.content .aligncenter,
.content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
	margin-bottom: 12px;


/*///////////////////////SEARCH FORM*/	

/*///////////////////////MOBILE STYLES*/	



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}