/* @override http://static.trimn.net/www/css/main.css */

@import url('http://static.trimn.net/www/css/reset.css');

body {
	background: #0b0b0b url(http://static.trimn.net/www/images/bg_body.jpg) repeat-x 50% 0!important;
	font: 12px/22px Verdana, Arial, sans-serif;
	color: #AAA!important;
}

/* ######################## LAYOUT ######################## */
#page { width: 970px; margin: 0 auto!important; padding: 95px 0 0 0!important; }
header { display: block; }

#mainContent,
#sidebar { margin-top: 40px; }
#mainContent { clear: both; float: left; width: 600px; padding: 24px 0; }
#sidebar {
	float: right;
	width: 300px;

	font-size: 11px;
	line-height: 18px;
	
	border-left: 1px dotted #202020;
	padding-left: 25px;
	
	color: #616161;
}

footer { display: block; clear: both; padding: 30px 0; color: #616161; }
#copyright { color: #616161; margin: 4em 0 0 0; }



/* ######################## MISC ######################## */ 
.clear { clear: both; }
article { display: block; }

img { border: 0; }
img.float { float: left; border: 3px solid #4f4f4f; margin: 0 1em 1em 0; }

span { font-weight: bold; padding: 0 8px 0 0; color: #999; }

nav span { font-weight: normal; }
nav p {
	margin: 0 0 20px 0;
}

p { padding: 0 0 18px 0; }
p.bottom { border-bottom: 1px solid #3e3e3e; padding-bottom: 3em; margin-bottom: 4em; }



/* ######################## LINKS ######################## */
a { color: #FFF; text-decoration: none; border: none; }
a:hover { color: #FF1249; }

a.red { color: #FF0088!important; }
a.blue { color: #9900FF!important; }

#mainContent a { border-bottom: 1px dotted #FF1249; }
#mainContent a:hover { border-bottom: 0; }

article footer a { text-decoration: none!important; border: none!important; }



/* ######################## NAVIGATION ######################## */
nav ul { float: right; position: relative; top: -25px; right: 0; } 
nav a#active,
nav .current_page_item a { color: #FF1249; }
nav a#active2 { color: #FFF; }

nav ul { font: bold 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: lowercase; text-shadow: #FFF 0 1px 1px; }
nav ul li { float: left; padding: 0  2px 0 0; background: url(http://static.trimn.net/www/images/nav-li.png) no-repeat right 0; }

nav ul li a { display: block; margin: 0; padding: 1px 20px 5px 20px; background: url(http://static.trimn.net/www/images/nav-a.png) repeat-x 0 0; color: #666; }

nav ul li a:hover,
nav ul li a:focus { color: #333; }
nav ul li a:active { padding-top: 2px; padding-bottom: 4px; }

nav ul li.first a { background: url(http://static.trimn.net/www/images/nav-a-first.png) no-repeat 0 0; padding-left: 22px; }
nav ul li.last { background: none; padding: 0; }
nav ul li.last a {  background: url(http://static.trimn.net/www/images/nav-a-last.png) no-repeat right 0; padding-right: 22px; }



/* ######################## TEXT STYLE ######################## */
span.flickr1 { color: #0063DC; padding: 0!important; }
span.flickr2 { color: #FF0084; padding: 0!important; }
span.opera { color: #C70000; padding: 0!important; }
span.white { color: #FFF; padding: 0!important; }
span.grey { color: #616161; }

strong { font-weight: bold; }




/* ######################## PORTFOLIO ######################## */
#portfolio { color: #616161; margin-top: 2em; }
#portfolio p { text-align: left; margin-top: .3em; }
#portfolio a { text-decoration: none; color: #174753; border: 0; }
#portfolio a:hover { text-decoration: underline; color: #1F4753; }



/* ######################## OPERA ######################## */
#opera { font: 12px/18px "Lucida Grande", Verdana, Arial, Sans-Serif; padding: 25px 0 0 0; }
#opera span { font-size: 11px; font-weight: normal; }
#opera span a { text-decoration: none!important; border: 0!important; color: #444; }
#opera span a:hover { text-decoration: underline; color: #C70000; }




/* ######################## HEADERS ######################## */

h1 { font-size: 18px; font-weight: normal; color: #DDD; }

section h1 { font-size: 7.5pt; margin: 0 0 0 0; padding: 0; color: #FF4499; border: 0; }

h1 span,
header span { font-size: 11px; font-weight: normal; color: #616161; }
#sidebar h1 { font-size: 7.5pt; color: #616161; border-bottom: 1px solid #303030; margin: 30px 0 15px 0; padding: 0 0 3px 0; }

section#opera section article h1 { font-size: 7.5pt; margin: 0 0 10px 0; padding: 0; color: #616161; border-bottom: 1px solid #303030; }
section#opera section h1 { font-size: 15pt; margin: 50px 0 10px 0; padding: 0; color: #FFF; border-bottom: 0; }

h2 { font-size: 7.5pt; font-weight: normal; color: #FF4499; margin-bottom: 1em; }
h2 span { color: #616161; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; }

h4 { color: #4e4e4e; font-weight: normal; text-transform: uppercase; font-size: 24px; margin: 0; display: inline; }
h4:hover { color: #666; cursor: pointer; }

h5 { color: #000; font-size: 12px; font-weight: bold; margin-bottom: .8em; padding: 1.5em 1.5em 0 1.5em; }

h6 { color: #FFF; font-size: 22px; }
h6 span.opera { font-size: 22px!important; }




/* ######################## LISTS ######################## */
ul { padding-left: 0; margin-left: 0; list-style: none;	 }
ul li { background:  url(http://static.trimn.net/www/images/arrow.gif) no-repeat 0 5px; padding-left: 1em; }
ol { margin: 0 0 20px 19px; list-style: decimal; }






/* ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT ROT */

img.right { float: right; padding: 0 0 0 10px; }
.imageGallery { text-align: center; padding: 1em; font-size: 11px; }
.imageGallery a, .imageGallery a img { border: 0!important; }

img.portfolio { width: 480px; border: 5px solid #1f1f1f; display: block; }

div#mainPost {
	background: #333;
	border: 1px dotted #999;
	padding: 2em 2em 1em 2em;
	margin-bottom: 2em;
}

div.seperator {
	border-bottom: 1px solid #303030;
	margin-bottom: 2em;
	padding-bottom: 1em;
	display: none;
}


/* ######################## SOCIABLE ######################## */
.sociable {
	text-align: right;
	margin-bottom: 10px;
	margin-top: 20px;
	height: 20px;
}
.sociable ul {
}
.sociable ul li {
	background: none;
	font-size: 11px;
	float: right;

}
.sociable ul li span.sociable_span {
	margin-left: 3px;
	margin-right: 10px;
}
.sociable ul li a {
	text-decoration: none!important;
	border: 0!important;
	font-family: arial, verdana, sans-serif!important;
}
.sociable a:hover span {
	color: #FFF!important;
	border-bottom: 1px dotted #FFF;
	padding-bottom: 2px;
}



/* ######################## Reklame ######################## */
.reka { background: #101010; border: #1f1f1f; padding: 8px; margin-top: 10px; }
span.annonse { display: block; font-size: 10px; font-family: arial; text-transform: uppercase; color: #222; }


/* ######################## WORDPRESS ######################## */
p em { font-style: italic!important; }
div.entry ul { padding-bottom: 20px; }
.img-intro { float: left; margin-right: 6px; border: 1px solid #666; opacity: 0.8; display: none; }
.post { color: #AAA!important; }


article { margin-bottom: 60px; clear: both; color: #999; }
article footer { border-top: 1px dashed #2f2f2f; font-size: 11px; line-height: 16px!important; padding: 4px 0 4px 10px; }
article footer span.commentLinkStyle a { color: #FF1249!important; font-weight: normal; }
article footer span.commentLinkStyle a:hover { color: #FFF!important; }


/* ######################## WORDPRESS HEADER ######################## */
article header h1 { font-size: 26px; margin: 0 0 6px 0; line-height: 25px; color: #4e4e4e; }
article header h1 a { color: #4e4e4e; border: none!important;}
article header h1 a:hover { color: #666; }


/* ######################## COMMENT BLOCK ######################## */
article section { display: block; margin: 45px 0 0 0; }
article section section { display: block; margin: 15px 0 0 0; }
article article { margin: 0 0 20px 0; background: #101010; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
article article header { margin: 0 0 10px 0; background: #181818; line-height: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
article article header p { font-size: 11px; color: #666; padding: 0 0 0 15px; }
article article header img { float: left; margin: 0 10px 0 0; border-bottom: 5px solid #1a1a1a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
article article p { padding: 0 20px 0 74px; }
article article footer { border: none; }


/* ######################## STi Banner ######################## */
/*
header {
	position: relative;
	top: 7px;
	right: 0;
	z-index: 1000;
}
#page>header>h1, header span {
	display: none;
}
#page {
	padding: 0!important;
}
#header {
	position: relative;
	z-index: 10;
	height:  210px;
	background: #FFF url(http://static.trimn.net/www/images/STi-header.png) no-repeat center;
}
#mainContent, #sideBar {
	margin: 0!important;
}
#headerContent {
	height: 210px;
	width:  980px;
	margin: 0 auto;
	color: #2f2f2f;
}
#innerHeaderContent {
	width: 650px;
	padding: 50px 0 0 0;
	float: right;
	font: 12px/18px Arial, Sans-serif;
}

#headerContent p {
	padding: 0 0 10px 0!important;
}
#headerContent a { color: #FF1249; text-decoration: none; border: none; }
#headerContent a:hover { text-decoration: underline; color: #FF0000; }
*/

/* ### article ### */
.article {
	padding: 0 0 0 10px;
}