/*
Theme Name: Dynamix WP Theme
Theme URI: http://emilolsson.com/apps/dynamix/
Description: Dynamix WP Theme is a full-screen portfolio/photofolio theme, powered on jQuery and Ajax. This is not a free theme. You can buy a license ($69) For more info: http://emilolsson.com/apps/dynamix/.
Version: 1.1
Author: Emil Olsson
Author URI: http://emilolsson.com/
Tags: dynamic, fullscreen, re-size, skin, emil olsson
*/

html {
font-size: 62.5%;
line-height: 16px;
overflow-y: hidden;
overflow-x: hidden;
overflow: hidden;
}

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1.2em;
letter-spacing: 0em;
background: #fff;
color: #333;
margin: 0px;
line-height: 18px;
/*
overflow-y: hidden;
overflow-x: hidden;
overflow: hidden;
*/
}

#page {
margin: 0px;
padding: 0px;
}

#header {

}
	
#logo {
background: transparent url('images/empty.gif') repeat;
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
clip: rect(0px, 100%, 40px, 0px);
}

#logo_inner {
position: absolute; 
left: 0px; 
top: 0px; 
z-index: 999; 
background: #fff; 
height: 40px; 
width:100%;
}
/*add logo*/
		.logo h1 a {float: left; width: 140px; height: 26px; background:url(images/logo.png) no-repeat 0 0}
		.invisible {position: absolute; text-indent: -9999px}
/*customize top nav links*/
#logo h3 {float: left; font-size: 1.2em; text-transform: uppercase}
#logo h3.red_color {color: #a30003; font-weight: normal; text-transform:lowercase}
ul.pages_nav {float: left}
#logo .modulr {width: auto !important}
	ul.pages_nav li {float: left}
		ul.pages_nav a {float: left; padding: 0 5px; font-size: 1.2em; text-transform:lowercase}

.p0 {
padding: 0px;
}

.p10 {
padding: 10px;
}

.pt10 {
padding-top: 10px;
}

.topblock {
padding: 10px;
height: 20px;
width: 140px;
}

.topblock2 {
padding: 10px;
}

.topblock3 {
padding: 0px;
background: #fff;
height: 40px;
width: 160px;
}

.topblock4 {
padding: 10px;
height: 20px;
width: 140px;
}

.topblock_toggle {

}

.button {
margin-right: 2px;
display: block;
float: left;
background: #333;
padding: 0px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
font-size: 0.8em;
color: #fff;
}

#content {
float: left;
width: 100%;
}

#footer {
padding-top: 100px;
clear: both;
color: #bbb;
}

#footer a {
color: #bbb;
}

small {
font-size: 0.95em;
}

h1, h2, h3, h4 {
font-weight: normal;
margin: 0px;
font-size: 1.0em;
line-height: 18px;
}

h1 {

}

h2 {
font-size: 1.5em;
font-weight: bold;
line-height: 24px;
}

#info h2 {
font-size: 1.0em;
}

h2.h2title {
font-size: 1em;
}

h3 {
font-size: 1em;
font-weight: bold;
	}
	
h4 {
font-size: 1em;
font-weight: bold;
}

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

li {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}

p {
margin: 0;
padding: 0;
margin-bottom: 18px;
}

img {
margin: 0px;
padding: 0px;
}

code, pre {
font: 0.9em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {

}

a {
color: #888;
text-decoration: none;
outline: none;
}

a:hover {
color: #333;
}

#overview_holder a {
color: #333;
}

#overview_holder a:hover {
color: #333;
}
	
.rub a {
color: #000;
}
	
.rub a:hover {
color: #000;
}
	
a:active {
outline: none;
}


.post {

}
	
.entry {
float: left;
margin-right: 6px;
margin-bottom: 6px;
}

.entry_single {
width: 60000px;
margin-right: 25px;
float: left;
}

.entry_single_wrap {
position: absolute;
left: 0px;
padding-left: 25px;
padding-top: 0px;
width: 100%;
OVERFLOW: scroll;
overflow-x: hidden;
}

.entry_single p {
margin: 0;
padding: 0;
margin-bottom: 16px;
}
	
.entry img {

}

.imgs {
height: 113px;
background: #e0e0e0;
}

.imgr {
float: left;
margin: 0px;
border-right: 0px solid #fff;
overflow: hidden;
color: #333;
}

.imgr img {

}

.imgr_inner {
padding: 10px;
background: #ddd;
display: block;
font-size: 2em;
line-height: 1.1em;
font-weight: bold
}

.imgrfull {
margin-right: 12px;
float: left;
cursor: pointer;
}

.imgrfull img {
height: 600px;
width: auto;
background: #eee;
}

.imgr_text {
background: #ccc;
}

.post hr {
display: block;
}

.postmetadata {
clear: both;
}

.m10 {
margin-right: 10px;
}

.clear {
clear: both;
height: 0px;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
	
.right {
float: right;
}

.left {
float: left
}

#searchform {
margin: 0px;
padding: 0px;
text-align: left;
}

#searchform input{
width: 100%;
}

#searchsubmit {
padding: 1px;
}

select {
width: 100px;
margin: 0px;
padding: 0px;
}
	
.commentlist {
margin: 0px;
padding: 0px;
}

.fn {
font-style: normal;
}

input, textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
border: 0px;
background: transparent;
}

#commentform input {
padding: 8px;
margin: 0px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}

#commentform {
margin: 5px 10px 0 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
	
#commentform #submit {
margin: 0px;
float: left;
background: yellow;
}

#commentform #submit:hover {
background: red;
}



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

.bold {
font-weight: bold;
}

hr {

}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

/* End Various Tags & Classes*/

.bull {
margin-right: 3px;
display: block;
float: left;
padding: 0px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
font-size: 0.8em;
background: #ccc;
color: #333;
}

.bullmarked {
background: #333;
color: #fff;
}

.cursor {
cursor: pointer;
}

.prev_slide {
background: transparent url(images/arrow_left.png) no-repeat;
margin-top: 3px;
width: 12px;
height: 12px;
display: block;
float: left;
visibility: hidden;
display: none;

}

.next_slide {
background: transparent url(images/arrow_right.png) no-repeat;
margin-top: 3px;
margin-left: 3px;
width: 12px;
height: 12px;
display: block;
float: left;
visibility: hidden;
display: none;
}

#key_0 {
background: #fff;
border: 0px solid #eee;
margin-right: 10px;
padding-right: 30px;
width: 352px !important;
height: 570px;
}

#page_0 {
background: #fff;
border: 0px solid #eee;
margin-right: 10px;
padding-right: 30px;
width: 352px !important;
height: 570px;
}

#key_0 h2, #page_0 h2  {
font-size: 18px;
}

/*
#key_0 a {
color: #ff6861;
}
*/

#key_last {
background: cyan;
border: 0px solid #eee;
margin-right: 10px;
padding: 15px;
width: 3000px;
height: 1000px;
}

#wrap_new {
background: yellow;
}

#key_bottom {
position: fixed;
background: red;
bottom: 0px;
left: 0px;
width: 100%;
height: 74px;
border: 0px solid #eee;
line-height: 0px;
font-size: 0px;
}

#key_top {
position: fixed;
background: red;
top: 0px;
left: 0px;
width: 100%;
height: 24px;
border: 0px solid #eee;
line-height: 0px;
font-size: 0px;
}

.close {
float: left;
}

.mr20 {
margin-right: 20px;
}

.mr40 {
margin-right: 40px;
}

.st-tags {
font-weight: normal;
}

#switch {
color: #777;
}

#switch:hover {
color: #ff6861;
}

#getmymenuback {
position: fixed;
background: transparent url('images/arrow_down.png') no-repeat;
top: 50px;
left: 50%;
padding: 0px;
width: 11px;
height: 11px;
margin-left: -5px;
z-index: 999;
}

#getmymenubackbottom {
position: fixed;
background: transparent url('images/arrow_up.png') no-repeat;
bottom: 50px;
left: 50%;
padding: 0px;
width: 11px;
height: 11px;
margin-left: -5px;
z-index: 999;
}

div#bar {
width:50px;
height:50px;
}

#welcome {
position: fixed;
top: 50%;
left: 50%;
width: 463px;
height: 463px;
margin-top: -231px;
margin-left: -231px;
z-index: 9997;
display: none;
}

#load {
position: fixed;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
z-index: 9999;
}

#loadr {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9998;
background: #fff;
}

.next_postr {
position: fixed;
top: 50%;
right: 30px;
margin-top: -20px;
z-index: 999;
cursor: pointer;
}

.prev_postr {
position: fixed;
top: 50%;
left: 30px;
margin-top: -20px;
z-index: 999;
cursor: pointer;
}

.next_slidr {
position: fixed;
background: transparent url('images/bigarrow_right.png');
height: 40px;
width: 40px;
top: 50%;
right: 0px;
margin-top: -20px;
z-index: 999;
cursor: pointer;
}

.next_slidr_next {
background: transparent url('images/bigarrow_right_dark.png');
}

.prev_slidr {
position: fixed;
background: transparent url('images/bigarrow_left.png');
height: 40px;
width: 40px;
top: 50%;
left: 0px;
margin-top: -20px;
z-index: 999;
cursor: pointer;
}

.prev_slidr_prev {
background: transparent url('images/bigarrow_left_dark.png');
}

.back_postr {
position: fixed;
top: 700px;
right: 100px;
}

/* Image */


#Container {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
float: left;
padding-bottom: 16px;
}

#ContainerWrapper {
width: 40000px;
float: left;
}



.image {
overflow: hidden;
position: absolute;
float: left;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent;
}

.image img {
position: absolute;
}

.image:hover, .image img:hover {

}

.test {
position: fixed;
top: 200px;
left: 70px;
z-index: 9999;
}

#page_wrapper_bg {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: transparent;
color: ;
z-index: 999;
visibility: hidden;
}

#page_wrapper_holder {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999;
visibility: hidden;
}

#page_holder {
position: relative;
padding: 0px;
padding-top: 0px;
z-index: 999;
/*width: 100%;
height: 100%;*/
overflow: scroll;
overflow-x: hidden;
}

#page_holder_inner {
margin-top: 50px;
}

.page_main_content {
padding-right: 40px;
}

#page_track {
position: fixed;
top: 0px;
right: 15px;
width: 13px;
height: 400px;
background: #ccc;
padding: 1px;
z-index: 999;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

#page_drag {
width: 13px;
height: 100px;
background: #fff;
z-index: 999;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
cursor: pointer;
}

#page_bg {
position: fixed;
top: 40px;
left: 0px;
width: 100%;
height: 100%;
background: #000;
z-index: 9989;
visibility: hidden;
}

#overview_fix {
position: fixed;
left: 0px;
top: 40px;
z-index: 9990;
}

#overview_holder {
position: relative;
padding: 0px;
z-index: 9991;
color: #fff;
/*width: 100%;
height: 100%;*/
overflow: scroll;
overflow-x: hidden;
visibility: hidden;
}

.overview_title {
/*background: transparent url('images/dot_black.png') no-repeat;
padding-left: 14px;*/
color: #333;
}

#overview_track {
position: fixed;
top: 0px;
right: 15px;
width: 13px;
height: 400px;
background: #ccc;
padding: 1px;
z-index: 9999;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
visibility: hidden;
}

#overview_drag {
top: 0px;
width: 13px;
height: 100px;
background: #fff;
z-index: 9999;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
visibility: hidden;
cursor: pointer;
}

#clean_trigger {
margin-right: 10px;
}

#overview_trigger {

}

#repeat_trigger {
margin-right: 10px;
}

#subnav {
/*visibility: hidden;*/
}

.subnav {

}

#right_bottom {
position: fixed;
left: 0px;
bottom: 0px;
height: 40px;
width: 100%;
margin-left: 0px;
z-index: 9980;
float: left;
background: #fff;
}

#info {
position: fixed;
left: 0px;
bottom: 40px;
width: 100%;
z-index: 999;
float: left;
background: transparent url('images/info_bg.png') repeat;
border-bottom: 0px solid #ccc;
visibility: hidden;
}

#info_holder {

}

#info_bg {

}

#info_close {

}


.thumbrub {
width: 270px;
}


/* FORMS INPUT SELECT ETC */

input:focus { outline: none; }
select:focus { outline: none; }
option:focus { outline: none; }
div:focus { outline: none; }
span:focus { outline: none; }
ul:focus { outline: none; }
li:focus { outline: none; }

.dropr {
position: relative;
z-index: 9999;
padding: 10px;
border-left: 0px solid #ccc;
border-right: 0px solid #ccc;
background: #fff;
}

.dropr:hover {
background: #ccc;
}

.dropr2 {
position: relative;
z-index: 999;
padding: 0px;
background: #ccc;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
font-size: 0.8em;
padding-right: 7px;
padding-left: 7px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 8px;
}

.dropr3 {
position: relative;
z-index: 999;
padding: 10px;
height: 20px;
}

.dropr3:hover {
background: #111;
color: #fff;
}

.buy {
display: inline-table;
background: #333;
padding: 0px;
padding-left: 6px;
padding-right: 6px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
font-size: 0.8em;
color: #fff;
width: auto;
margin-right: 2px;
margin-bottom: 18px;
}

.buy:hover {
background: #999;
}

.new {
position: relative;
z-index: 999;
padding: 0px;
background: #fffbe0;
font-size: 0.8em;
padding-right: 7px;
padding-left: 7px;
padding-top: 0px;
padding-bottom: 0px;
color: #ee4433;
margin-right: 8px;
}

.btop {
border-top: 1px solid #ddd;
padding-top: 16px;
}

#touch_upper {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 40px;
background: transparent;
z-index: 998;
}

#touch_lower {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
background: transparent;
z-index: 998;
}

.page_item a {

}

.current_page_item a {
color: #444;
}

.cat-item a {
display: block;
}

.dropr_hide a {
width: 110px !important;
display: block;
}

.edit a {
color: red;
}

#dynamix_comments {
width: 500px;
}

.dragr {
display: block;
background: #ccc;
padding: 0px;
padding-left: 1px;
padding-right: 1px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
height: 18px;
font-size: 0.9em;
width: 110px;
}

.dragr_inner {
margin-top: 1px;
display: block;
float: left;
background: #fff;
padding: 0px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
line-height: 14px;
height: 16px;
}

.dragr_note {
float: right;
padding-left: 4px;
padding-right: 6px;
}

.idragr {
display: block;
float: left;
background: #ccc;
padding: 0px;
padding-left: 1px;
padding-right: 1px;
-moz-border-radius: 9px;
-khtml-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
height: 18px;
font-size: 0.9em;
width: 120px;
}

.idragr_inner {
margin-top: 1px;
display: block;
float: left;
background: #fff;
padding: 0px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
line-height: 14px;
height: 16px;
}

.idragr_note {
float: right;
padding-left: 4px;
padding-right: 6px;
}

#preload {
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
visibility: hidden;
display: none;
}


/* Pages special formatting */

.bigtext {
display: block;
font-size: 1.5em;
line-height: 25px;
padding-bottom: 7px;
}

.footnote {

}

.alert {
display: block;
background: #ffdddd;
padding: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.page_sub_menu {
border-top: 1px solid #ccc;
border-bottom: 1px dotted #ccc;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 10px;
}

#page_scroll_follow {

}

/*-----------FAUX CLEARFIX FLOAT CLASS-------------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	/*IE6-7 clearfix*/
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */