@font-face {
	font-family: 'American Typewriter';
	src: url("amrtypen.ttf");
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/skyline.png) bottom center fixed no-repeat;
	font-size: 13px;
	line-height: 17px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	margin-top: 36px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 19px;
	margin-bottom: 15px;
	color: #000000;
	font-weight: normal;
	line-height: 25px;
	font-family: 'American Typewriter', 'Trebuchet MS', Verdana, sans-serif;
}

h3 {
	font-family: 'American Typewriter', 'Trebuchet MS', Verdana, sans-serif;
	font-size: 15px;
	line-height: 15px;
}

h6 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #999999;
}

p {
	margin-bottom: 15px;
}

a {
	color: #cc0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul, ol {
	list-style-position: outside;
	margin-left: 30px;
}

li {
	margin-bottom: 15px;
}

img {
	border: none;
}
	
caption, th, td {
	text-align:left;
	font-weight:normal;
}

table {
	border-collapse:separate;
	border-spacing:0;
	margin-bottom: 30px;
}

blockquote {
	background: url(images/quote.png) top left no-repeat;
	padding-left: 47px;
	font-style: italic;
}

input {
	font-size: 13px;
}

#container {
	width: 760px;
	margin: 0 auto;
}

/* WORDPRESS */

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

/* NETWORK */

#network {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	background: #000000;
	border-bottom: 2px solid #dddddd;
}

#network-content {
	width: 760px;
	margin: 0 auto;
}

#network .iloveemail {
	background: url(http://www.iloveemail.se/images/logo-email-hover.png) left center no-repeat;
	display: block;
	float: left;
	width: 66px;
	height: 25px;
	margin-right: 20px;
}

#network .iloveemail:hover {
	background: url(http://www.iloveemail.se/images/logo-email-hover.png) left center no-repeat;
}

#network .iloveecommerce {
	background: url(http://www.iloveemail.se/images/logo-ecommerce.png) left center no-repeat;
	display: block;
	float: left;
	width: 104px;
	height: 25px;
	margin-right: 20px;
}

#network .iloveecommerce:hover {
	background: url(http://www.iloveemail.se/images/logo-ecommerce-hover.png) left center no-repeat;
}

#network .ilovesales {
	background: url(http://www.iloveemail.se/images/logo-sales.png) left center no-repeat;
	display: block;
	float: left;
	width: 56px;
	height: 25px;
	margin-right: 20px;
}

#network .ilovesales:hover {
	background: url(http://www.iloveemail.se/images/logo-sales-hover.png) left center no-repeat;
}

#network .ilovepayments {
	background: url(http://www.iloveemail.se/images/logo-payments.png) left center no-repeat;
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	margin-right: 20px;
}

#network .ilovepayments:hover {
	background: url(http://www.iloveemail.se/images/logo-payments-hover.png) left center no-repeat;
}

#network .ilovesocialcommerce {
	background: url(http://www.iloveemail.se/images/logo-socialcommerce.png) left center no-repeat;
	display: block;
	float: left;
	width: 134px;
	height: 25px;
	margin-right: 20px;
}

#network .ilovesocialcommerce:hover {
	background: url(http://www.iloveemail.se/images/logo-socialcommerce-hover.png) left center no-repeat;
}

#network .iloveconversionrate {
	background: url(http://www.iloveemail.se/images/logo-conversionrate.png) left center no-repeat;
	display: block;
	float: left;
	width: 128px;
	height: 25px;
	margin-right: 20px;
}

#network .iloveconversionrate:hover {
	background: url(http://www.iloveemail.se/images/logo-conversionrate-hover.png) left center no-repeat;
}

/* FLAGS */

#flags {
	width: 85px;
	padding-top: 4px;
	height: 30px;
	position: absolute;
	top: 158px;
	left: 50%;
	margin-left: 295px;
}

.flag_us {
	display: block;
	float: left;
	background: transparent url(images/flag_us.png) top left no-repeat;
	width: 36px;
	height: 30px;
	margin-left: 6px;
	margin-right: 1px;
	text-align: center;
}

.flag_se {
	display: block;
	float: left;
	background: transparent url(images/flag_se_on.png) top left no-repeat;
	width: 36px;
	height: 30px;
	margin-right: 6px;
	text-align: center;
}

.flag_us:hover {
	background: transparent url(images/flag_us_on.png) top left no-repeat;
}

.flag_se:hover {
	background: transparent url(images/flag_se_on.png) top left no-repeat;
}

/* HEADER AND NAVIGATION */

#header {
	background: transparent url(images/header.png) top center no-repeat;
	width: 190px;
	padding-left: 320px;
	padding-right: 250px;
	margin-top: 10px;
	padding-top: 20px;
	height: 100px;
	float: none;
	clear: both;
}

#navigation {
	width: 760px;
	float: none;
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

.menu {
	color: #999999;
}

.menu ul {
	list-style-type: none;
	margin: 0;
	border-bottom: 1px solid #000000;
	width: 760px;
	float: left;
}

.menu li {
	display: inline;
}

.menu li a {
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: -1px;
	background: #000000;
	text-decoration: none;
	color: #ffffff;
	padding: 2px 10px;
	border: 1px solid #000000;
}

.menu .current_page_item a {
	background: #ffffff;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}

.menu a:hover {
	background: #ffffff;
	color: #000000;
}

/* MAIN COLUMN */

#content {
	float: left;
	width: 510px;
	margin-right: 30px;
}

#content ul, ol {
	margin-bottom: 15px;
}

#content_wide {
	float: left;
	width: 760px;
}

/* POSTS */

.post {
	border-bottom: 1px dotted #999999;
	margin-bottom: 30px;
	padding-bottom: 20px;
	width: 510px;
	float: left;
}

.postmeta {
	width: 420px;
	float: left;
}

.postmeta img {
	float: left;
	margin-right: 8px;
	max-width: 89px;
	height: 62px;
}

.postmeta p {
	margin-top: 2px;
	margin-bottom: 2px;
}

.postnavigation{
	margin-bottom: 30px;
}

/* COMMENTS */

#commentform #author, #commentform #email, #commentform #url {
	padding: 4px;
	border: 1px solid #000000;
	background: #eeeeee;
	font-size: 13px;
} 

#comment {
	width: 500px;
	padding: 4px;
	border: 1px solid #000000;
	background: #eeeeee;
	font-size: 13px;
}

.comment_text {
	border-bottom: 1px dotted #999999;
	margin-bottom: 30px;
}

.comments_reply, .comment_text {
	margin-bottom: 30px;
}

#submit {
	padding: 4px 10px;
	background: #000000;
	color: #ffffff;
	border: 0;
}

#submit:hover {
	background: #cc0000;
	cursor: pointer;
}

/* SIDEBAR */

#sidebar {
	float: left;
	width: 220px;
	color: #999999;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
}

#sidebar li {
	margin: 0;
}

#categories, #searchform, #links, #gallery {
	margin-bottom: 30px;
}

.author img {
	margin-bottom: 10px;
}

/* E-MAIL GALLERY */

.gallery {
	margin-bottom: 5px;
}

.gallery img {
	border: 1px solid #000000;
}

.gallery img:hover {
	border: 1px solid #ff0000;
}

/* SEARCH */

.search {
	float: left;
	margin-bottom: 30px;
}

#searchfield {
	padding: 4px;
	border: 1px solid #000000;
	background: #eeeeee;
	width: 184px;
	height: 16px;
	line-height: 16px;
	display: block;
	float: left;
}

#searchsubmit {
	width: 26px;
	height: 26px;
	display: block;
	float: left;
	background: #000000 url(images/icon-search.png) center no-repeat;
	color: #ffffff;
	border: 0;
}

#searchsubmit:hover {
	background: #cc0000 url(images/icon-search.png) center no-repeat;
	cursor: pointer;
}

.search_results {
	border-bottom: 1px dotted #999999;
	margin-bottom: 30px;
	padding-bottom: 20px;
	overflow: auto;
}

/* FOOTER */

#footer {
	float: none;
	clear: both;
	width: 760px;
	padding-top: 15px;
	padding-bottom: 200px;
	border-top: 1px solid #000000;
	color: #999999;
}

/* LOGIN */

#login {
	position: fixed;
	bottom: 9px;
	left: 5px;
}

.grey {
	color: #999999;
}

/* ARTICLE LISTS */

.article_list {
	margin: 0;
	padding-bottom: 20px;
	list-style-type: none;
}

.article_list li {
	margin: 0;
}

.article_list li a {
	background: url(images/article.png) center left no-repeat;
	padding: 2px 0 2px 22px;
	display: block;
}

.article_list li a:hover {
	background: url(images/article_on.png) center left no-repeat;
}

/* ARTICLE CATEGORIES */

.category {
	display: block;
	float: left;
	width: 165px;
	padding-top: 80px;
	padding-bottom: 20px;
	text-align: center;
}

.torso {
	background: url(http://iloveemail.web.surftown.se/images/icon_torso.png) top center no-repeat;
}

.plane {
	background: url(http://iloveemail.web.surftown.se/images/icon_plane.png) top center no-repeat;
}

.bridge {
	background: url(http://iloveemail.web.surftown.se/images/icon_bridge.png) top center no-repeat;
}

.tree {
	background: url(http://iloveemail.web.surftown.se/images/icon_tree.png) top center no-repeat;
}

.church {
	background: url(http://iloveemail.web.surftown.se/images/icon_church.png) top center no-repeat;
}

.tower {
	background: url(http://iloveemail.web.surftown.se/images/icon_tower.png) top center no-repeat;
}

/* YOUTUBE */

.youtube {
	margin-bottom: 20px;
	float: left;
	text-align: center;
}

.youtube img {
	margin-bottom: 5px;
}

/* E-MAIL SERVICE PROVIDERS */

#tools {
	width: 760px;
	margin-bottom: 30px;
}

#tools td {
	padding: 2px 20px 2px 2px;
	text-align: left;
}

.table_header, .table_footer {
	color: #999999;
}

.stars1 {
	background: url(images/stars1.png) center left no-repeat;
	height: 14px;
}

.stars2 {
	background: url(images/stars2.png) center left no-repeat;
	height: 14px;
}

.stars3 {
	background: url(images/stars3.png) center left no-repeat;
	height: 14px;
}

.stars4 {
	background: url(images/stars4.png) center left no-repeat;
	height: 14px;
}

.stars5 {
	background: url(images/stars5.png) center left no-repeat;
	height: 14px;
}

/* MAILCHIMP */

.mailchimp_input {
	margin-bottom: 0px;
}

.mailchimp_input p {
	margin-bottom: 3px;
}

.mailchimp_input .error {
	color: #999999;
}

.mailchimp_submit {
	padding: 4px 10px;
	background: #000000;
	color: #ffffff;
	border: 0;
}

.mailchimp_submit:hover {
	background: #cc0000;
	cursor: pointer;
}

.mailchimp_textfield {
	padding: 4px;
	border: 1px solid #000000;
	background: #eeeeee;
	width: 188px;
	margin-bottom: 15px;
}

#mailchimp_signup {
	width: 180px;
	padding: 10px 10px 15px 10px;
}

#mailchimp_signup fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#mce-EMAIL, #mce-FNAME, #mce-LNAME {
	padding: 4px;
	border: 1px solid #000000;
	background: #eeeeee;
	width: 188px;
	margin-bottom: 10px;
}

#mailchimp_signup .btn {
	margin-top: 10px;
	padding: 4px 10px;
	background: #000000;
	color: #ffffff;
	border: 0;
}

#mailchimp_signup .btn:hover {
	background: #cc0000;
	cursor: pointer;
}

/* E-LETTER SUBSCRIPTION */

#newsletter-subscription {
	width: 220px;
	margin-bottom: 10px;
	overflow: hidden;
}

#panel {
	background: #ffffff;
	border: 1px solid #000000;
	display: none;
}

.slide {
	margin: 0;
	padding: 0;
	background: #000000;
}

.btn-slide {
	background: #000000 url(images/button_email.png) top left no-repeat;
	text-align: left;
	width: 170px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: block;
	color: #ffffff;
	padding-left: 40px;
	text-decoration: none;
}

.btn-slide:hover {
	background-color: #cc0000;
	text-decoration: none;
}

/* TWITTER */

.twitter {
	background: #000000 url(images/button_twitter.png) top left no-repeat;
	text-align: left;
	width: 170px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: block;
	color: #ffffff;
	padding-left: 40px;
	text-decoration: none;
	margin-bottom: 10px;
}

.twitter:hover {
	background-color: #cc0000;
	text-decoration: none;
}

/* FACEBOOK */

.facebook_icon {
	background: #000000 url(images/button_facebook.png) top left no-repeat;
	text-align: left;
	width: 170px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: block;
	color: #ffffff;
	padding-left: 40px;
	text-decoration: none;
	margin-bottom: 10px;
}

.facebook_icon:hover {
	background-color: #cc0000;
	text-decoration: none;
}