/*

Theme Name: Motion

Version: 2.1.1

Author: Daniel Butler

*/

* {

outline: none;

}

html{

margin:0;

padding:0;

}

body {

font-family : Arial;

font-size : 9pt;

font-weight : normal;

color : #808080;

padding: 0;

margin: 0;

text-align: center;

background: #419ec4 url('images/page-bg.gif') repeat-y center top;

line-height: 18px;

}

a {

color : #404040;

font-weight : normal;

text-decoration: none;

outline: none;

}

a:hover {

color : #808080;

font-weight : normal;

text-decoration: underline;

}

#page-wrap {

width: 980px;

margin-left: auto;

margin-right: auto;

text-align: left;

}



/* Headings */

h1, h2, h3, h4, h5 {

font-family: 'Trebuchet MS';

font-size : 28pt;

color : #404040;

margin: 0 0 10px 0;

line-height: 25px;

text-decoration: none;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

text-decoration: none;

}

h2 {

font-size: 22pt;

}

h3, h3 a {

font-size : 18pt;

margin: 0 0 5px 0;

}

h4 {

font-size : 15pt;

}

h5 {

font-size : 12pt;

}

h6 {

font-size : 10pt;

font-weight: bold;

text-transform: uppercase;

margin: 0;

font-family: Arial;

}



/* Navigation */

#nav {

float: left;

position: relative;

background: #eef0f0 url('images/nav-bg.gif') repeat-x;

height: 96px;

text-align: center;

}

#nav ul {

list-style: none;

margin: 0;

padding: 0;

}

#nav a {

font-weight: bold;

color: #808080;

text-transform: uppercase;

font-size: 12pt;

display: block;

height: 96px;

width: 110px;

margin: 0;

}

#nav a:hover {

color: #404040;

background: url('images/nav-hover.gif') repeat-x;

text-decoration: none;

}

#nav li {

float: left;

margin: 0;

padding: 0;

display: block;

line-height: 96px;

border-left: 1px solid #f2f2f2;

border-right: 1px solid #f6f6f7;

}

#nav li:hover {

background: url('images/nav-hover.gif') repeat-x;

}

#nav li:hover a {

color: #404040;

text-decoration: none;

}

#nav li.current_page_item {

background: url('images/nav-current.gif') repeat-x;

}

#nav li.current_page_item a {

color: #808080;

}

#nav li.current_page_item a:hover {

color: #404040;

}



/* Subpages */

#subpages {

float: left;

position: relative;

background: url('images/subpages.gif') no-repeat;

width: 530px;

height: 32px;

margin-top: -21px;

overflow: hidden;

margin-bottom: 20px;

font-weight: bold;

}

#subpages ul {

line-height: 13px;

list-style: none;

margin: 0;

padding: 0;

}

#subpages li {

float: left;

margin: 0;

display:inline;

padding-left: 16px;

padding-right: 16px;

padding-top: 10px;

}

#subpages a {

color: #808080;

font-weight: bold;

display: block;

}

#subpages a:hover {

color: #404040;

text-decoration: none;

}



/* Pointer */

#pointer {

float: left;

position: relative;

width: 51px;

height: 96px;

}



/* Logo */

#logo {

float: left;

position: relative;

width: 100%;

height: 96px;

}



/* Main Content */

#content {

float: left;

width: 940px;

background: #fefefe url('images/content-bg.gif') repeat-x;

padding: 20px;

}



/* Sidebars */

#sidebar1 {

float: left;

width: 130px;

}

#sidebar2 {

float: right;

width: 230px;

overflow: hidden;

}

#colors {

width: 160px;

height: 10px;

float: right;

position: relative;

top: 85px;

left: 3px;

padding: 0;

margin: 0;

}

#colors img {

height: 8px;

width: 39px;

border: 0px;

}

.ad {

margin-left: auto;

margin-right: auto;

margin-bottom: 30px;

}



/* Main Content */

#main-content {

float: left;

width: 530px;

padding-left: 20px;

padding-right: 20px;

}

#main-content-extended {

float: left;

width: 660px;

padding-right: 20px;

}

.post {

float: left;

width: 530px;

margin-bottom: 20px;

padding-bottom: 20px;

border-bottom : 1px solid #f0f0f0;

clear: both;

}

.post-extended {

width: 660px !important;

}

.post-left {

float: left;

width: 100px;

padding-right: 20px;

text-align: center;

font-size : 8pt;

color : #666666;

text-transform: uppercase;

overflow: hidden;

}

.post-right {

float: left;

width: 410px;

overflow: hidden;

}

.post-right-extended {

width: 540px !important;

}

.image-preview {

width:100px;

height:100px;

background: #ededed;

padding: 2px;

border: 1px solid #dcdcdc;

overflow: hidden;

}

.image-preview img {

width:100px;

border: 0px;

}

.excerpt {

margin-top: -14px;

}



/* Single Page */

.single-meta {

text-transform: uppercase;

font-size: 8pt;

margin: -5px 0 10px 0;

color : #666666;

}

#details {

font-family: Arial;

font-size: 8pt;

margin-top: 20px;

padding: 5px 5px 0 5px;

border-top: 1px solid #f0f0f0;

}

#details .avatar {

float: left;

}

#details .info {

float: left;

width: 435px;

font-weight: bold;

padding: 0 0 0 5px;

}



/* Bottom Bar */

#bottom-bar {

float: left;

width: 100%;

background: url('images/bottom-bar.gif') no-repeat;

height: 38px;

border-top: 1px solid #dfdfe0;

border-bottom: 1px solid #dfdfe0;

}



/* Social */

#social {

float: right;

text-align: right;

padding-right: 4px;

}

#social img {

margin-top: 2px;

filter:progid:DXImageTransform.Microsoft.alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

}

#social img:hover {

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);

-moz-opacity: 1;

opacity: 1;

}



/* Footer */

#footer {

background: url('images/footer-bg.png') repeat-x;

color: #808080;

padding: 30px 20px 15px 20px;

width: 940px;

margin-top: -13px;

position: relative;

z-index: 2;

}

#footer a {

color: #808080;

}

#footer a:hover {

color: #808080;

text-decoration: underline;

}



/* Search */

#searchform {

float: left;

background : transparent url('images/searchbar.gif') no-repeat;

height: 26px;

margin: 6px 0 0 15px;

border: 0px;

}

#searchbar {

background: transparent;

border : 0px;

width : 219px;

text-align : left;

color: #808080;

height: 15px;

margin: 5px 0 0 5px;

}

#searchsubmit {

background : transparent;

border : 0;

}



/* Sidebar Widgets */

.widgetbox-1 {

font-size: 9pt;

color: #808080;

overflow: hidden;

margin-bottom: 30px;

line-height: 18px;

}

.widgetbox-1 a {

color: #404040;

}

.widgetbox-1 a:hover {

text-decoration: none;

}

.widgetbox-1 ul {

list-style : none;

padding : 0;

margin : 0;

}

.widgetbox-1 li {

margin-bottom: 5px;

padding-bottom: 5px;

border-bottom : 1px solid #f0f0f0;

}

.widget-title-1 {

color: #404040;

font-size : 14pt;

font-weight : bold;

text-transform: uppercase;

margin-bottom: 10px;

}



/* Sidebar Widgets */

.widgetbox-2 {

font-size: 9pt;

color: #808080;

overflow: hidden;

margin-bottom: 30px;

}

.widgetbox-2 a {

color: #404040;

}

.widgetbox-2 a:hover {

text-decoration: none;

}

.widgetbox-2 ul {

list-style : none;

padding: 0 0 0 3px;

margin : 0;

}

.widgetbox-2 li {

margin-bottom: 5px;

padding-bottom: 5px;

border-bottom : 1px solid #f0f0f0;

}

.widget-title-2 {

color: #ffffff;

font-size : 12pt;

font-weight : bold;

text-transform: uppercase;

padding: 10px;

margin-bottom: 10px;

}



/* Comments */

#comments {

margin-top: 40px;

}

#comments h3 {

font-size: 16pt;

margin: 0 0 10px 0;

}

#commentlist {

list-style : none;

padding : 0;

margin : 0;

}

#commentlist li {

list-style : none;

}

.comment-box {

float: left;

width: 100%;

}

.depth-1 {

list-style: none;

float: left;

background: #f6f6f6 url('images/comment-bg.gif') repeat-x top left;

padding: 0;

margin: 0 0 20px 0;

border-top : 1px solid #f1f0f0;

border-bottom : 1px solid #f1f0f0;

width: 100%;

}

#commentlist .avatar {

float: left;

padding: 5px;

}

.comment-text {

float: left;

padding: 5px 5px 5px 0;

width: 80%;

line-height: 17px;

}

.comment-text-shift {

margin-top: -10px;

}

.moderation {

font-weight : bold;

}

.children {

padding-left : 10px;

}

.cancel-comment-reply {

margin-bottom: 10px;

}

#commentform textarea {

background: #eeeeee;

font-size: 10pt;

color: #808080;

font-family : Arial;

padding : 3px;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

border : 0px;

width: 530px;

max-width : 530px;

}

#commentform input {

width: 175px;

background: #eeeeee;

font-size: 10pt;

color: #808080;

font-family : Arial;

padding : 3px;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

border : 0px;

}

#commentform #submit {

background: transparent url('images/submit.gif') no-repeat;
width: 80px;
height: 25px;
border : 0px;
cursor: hand;
cursor: pointer;
color: #919191;
font-size: 8pt;
text-transform: uppercase;

}

#commentform label {

font-weight: bold;

color: #b1b6ba;

}

.author, .author a {

font-weight: bold;

}



/* General */

ul {

margin-left : 0.8em;

padding-left : 0.8em;

margin-top : 0.2em;

padding-top : 0.2em;

list-style : square;

}

ol {

margin-left : 0.8em;

padding-left : 0.8em;

margin-top : 0.2em;

padding-top : 0.2em;

}

li {

padding-bottom : 5px;

}

blockquote {

margin-left : 20px;

padding-left : 5px;

color : #808080;

border-left : 1px solid #808080;

}

code {

font-family: 'Courier New';

color : #808080;

}

.clear {

clear: both;

line-height: 0px;

height: 0px;

}

.left {

float: left;

}

.right {

float: right;

}

.aligncenter {

display : block;

margin-left : auto;

margin-right : auto;

border : 4px solid #ededed;

}

.alignright {

margin : 0 0 2px 7px;

display : inline;

border : 4px solid #ededed;

}

.alignleft {

margin : 0 7px 2px 0;

display : inline;

border : 4px solid #ededed;

}

.alignright {

float : right;

}

.alignleft {

float : left;

}

div.aligncenter {

display : block;

margin-left : auto;

margin-right : auto;

}

.wp-caption {

background: #f8f7f7;

border : 1px solid #ededed;

text-align : center;

padding-top : 4px;

margin : 0 7px 2px 0;

}

.wp-caption img {

margin : 0;

padding : 0;

border : 0 none;

}

.wp-caption p.wp-caption-text {

font-size : 11px;

line-height : 17px;

padding : 3px 0 3px 0;

margin: 0;

text-transform: uppercase;

}



/* Slider */

#slider-container {

float: left;

position: relative;

overflow: hidden;

background: #fefefe url('images/slider-bg.gif') repeat-x;

width: 960px;

height: 237px;

padding: 20px 0 20px 20px;

border-top: 1px solid #dfdfe0;

margin: 0;

}

#slider-container-inner {

float: left;

position: relative;

overflow: hidden;

background: url('images/slider.gif');

width: 960px;

height: 237px;

padding: 0;

margin: 0;

}

#mySlides {

float: left;

width: 510px;

height: 237px;

}

.contentdiv {

width: 510px;

height: 237px;

}

.slide-image {

position: relative;

float: left;

width: 510px;

height: 237px;

overflow: hidden;

background: #ffffff;

}

.slide-image img {

width: 510px;

border: 0px;

}

.overlay {

position: absolute;

top: 0;

left: 0;

background: url('images/slide-overlay.png');

width: 502px;

height: 229px;

z-index: 30;

}

.read-on {

position: absolute;

top: 210px;

left: 4px;

padding: 3px;

z-index: 40;

cursor: pointer;

}

.read-on a {

font-weight: bold;

color: #ffffff;

}

.read-on a:hover {

font-weight: bold;

color: #eeeeee;

text-decoration: none;

}

.overlay {

position: absolute;

top: 0;

left: 0;

background: url('images/slide-overlay.png');

width: 502px;

height: 229px;

}

.slide-video {

position: relative;

float: left;

width: 502px;

height: 229px;

overflow: hidden;

}

.slide-video object {

top: 0px !important;

left: 0px !important;

}

.slide-video object, .slide-video embed {

position: relative !important;

width: 502px !important;

height: 229px !important;

}

.slide-video b {

display: none !important;

}

.slide-video .read-on {

top: 0px;

left: 0px;

cursor: pointer;

}



/* Pagination Slider Arrows */

#myController {

position: absolute;

float: left;

height: 237px;

width: 478px;

top: 0;

left: 462px;

z-index: 1000;

}

.jFlowControl {

width: 403px;

height: 69px;

padding: 5px 0 5px 75px;

margin: 0;

cursor: pointer;

color: #d4d4d4;

}

.jFlowControl h6 {

color: #d4d4d4;

}

.jFlowSelected {

background: url('images/slider-selected.png') no-repeat;

color: #808080;

}

.paginate-excerpt {

line-height: 15px !important;

}



/* Page Navigation */

.page-comments,

.wp-pagenavi {

float: right !important;

background : transparent !important;

}

.page-comments a, .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:visited {

background : url('images/pagenavi.gif') no-repeat !important;

text-decoration : none !important;

color : #808080 !important;

font-weight: bold !important;

line-height: 10px !important;

display: block !important;

float: left !important;

padding: 7px !important;

border: 0 !important;

text-align: center !important;

}

.page-comments a:hover,

.wp-pagenavi a:hover {

color : #ffffff !important;

background : url('images/pagenavi-hover.gif') no-repeat !important;

font-weight: bold !important;

border: 0 !important;

}

.page-comments .prev,

.page-comments .next {

background: none !important;

border: 0 !important;

}

.page-comments .prev:hover,

.page-comments .next:hover {

background: none !important;

color: #404040 !important;

border: 0 !important;

}

.page-comments span.pages,

.wp-pagenavi span.pages {

line-height: 10px !important;

float: left !important;

color : #808080 !important;

padding: 7px !important;

background-color : transparent !important;

border: 0 !important;

}

.page-comments span.current,

.wp-pagenavi span.current {

background : url('images/pagenavi-hover.gif') no-repeat !important;

font-weight : bold !important;

color : #ffffff !important;

line-height: 10px !important;

padding: 7px !important;

display: block !important;

float: left !important;

border: 0 !important;

}

.wp-pagenavi span.extend {

line-height: 10px !important;

padding: 7px !important;

float: left !important;

color : #808080 !important;

background-color : transparent !important;

border: 0 !important;

}

.wp-pagenavi .first, .wp-pagenavi .first:link, .wp-pagenavi .first:active, .wp-pagenavi .first:visited, .wp-pagenavi .last, .wp-pagenavi .last:link, .wp-pagenavi .last:active, .wp-pagenavi .last:visited {

background: none !important;

padding: 7px 0 !important;

}

.wp-pagenavi .first:hover, .wp-pagenavi .last:hover {

color: #202020 !important;

}



/* Categories Index Page */

#categories {

float: left;

margin: 5px;

width: 300px;

height: 170px;

overflow: hidden;

}

.categories-image-preview {

float: left;

width:75px;

height:75px;

background: #ededed;

border: 1px solid #dcdcdc;

overflow: hidden;

margin: 0 5px;

}

.categories-image-preview img {

width:75px;

border: 0px;

margin: 0;

}

.categories-container-excerpt {

margin: 5px 0 0 0;

}

.categories-excerpt h4 {

font-size: 10pt;

margin: 0;

line-height: 15px;

}

.categories-excerpt {

width: auto;

}

.categories-excerpt p {

margin: 0;

}