/*
Theme Name: Motion
Theme URI: http://www.webdesigncompany.net/motion
Description: Dark and colorful theme with sweet transparency characteristics. Drop-down categories menu, 2-column layout and widget-ready footer and sidebar.
Author: Volcanic Web Design Company
Author URI: http://www.webdesigncompany.net/
Version: 1.1.6
Tags: black, blue, green, dark, two-columns, sticky-post, threaded-comments, fixed-width, right-sidebar

	Adapted for WordPress.com by Automatic, January 2010
	This theme was designed and built for the WordPress CMS and is copyright Volcanic
	Modify, adapt, and customize for your own site at will!

	License: GNU General Public License v2.0
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/************************************************
* Resets *
************************************************/
html, body, div, p, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #fff;
}
:focus {
	outline: 0;
}
span {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ul, ol {
	list-style: none;
}
h1 {
	font-size: 1em;
}
h2, h3, h4, h5, h6 {
	font-size: .9em;
}
/************************************************
* General elements *
************************************************/
body {
	background: #00375A url(images/awesome.jpg) top center no-repeat fixed;
	padding-bottom: 10px;
	font-family: 'Segoe UI', Tahoma, sans-serif;
	text-align: center;
}
h1 {
	font-family: Calibri, Arial, sans-serif;
}
h2, h3, h4, h5, h6 {
	font-family: 'Segoe UI', Tahoma, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, label, th, td, a {
	text-shadow: 0 0 4px #444;
}
a {
	color: #a8ef9d;
	text-decoration: none;
}
a:hover {
}
a img {
	border: 0;
}
blockquote {
	font-style: italic;
	background: url(images/whitetrans.png);
	padding: .4em 1em .7em 1em;
	margin: .7em 0 .3em 0;
}
code {
	font-size: 1.1em;
	font-family: 'Segoe UI', Tahoma, sans-serif;
}
kbd, tt {
	font-size: 1.2em;
}
hr {
	border: 1px solid #a8ef9d;
}
pre {
	overflow: auto;
	width: 980px;
	background: url(images/blacktrans.png);
	padding: 1em 1.5em;
	margin: 1em 0;
	font-size: 1.2em;
	white-space: pre-wrap;/* css3 */
}
dl {
}
dt {
	font-weight: bold;
}
dd {
	padding-left: 1em;
}
table {
}
table th {
	color: #a8ef9d;
}
table td, table th {
	padding: .3em 0;
}
table th {
	background: url(images/whitetrans.png);
	text-transform: uppercase;
	border-bottom: 1px transparent;
}
table td {
	vertical-align: middle;
}
table tr.even td {
	background: url(images/blacktrans2.png);
}
table tr:hover td {
}
fieldset {
	padding: 1.2em;
	border: 1px dotted #a8ef9d;
}
legend {
	padding: .2em .8em;
	font-size: 1.2em;
	text-transform: capitalize;
}
input, textarea, select {
	font-family: 'Segoe UI', Tahoma, sans-serif;
	margin: .2em 0;
	color: #222;
	font-size: 1em;
}
input.adminbar-input {
	margin: 0;
}
input, textarea {
	padding: .3em;
}
input.radio, input.checkbox {
	background: #fff;
	padding: 2px;
}
form label {
	font-weight: bold;
	display: block;
}
form label.subscribe-label {
	display: inline;
}
/************************************************
* General *
************************************************/
#wrapper {
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: left;
	width: 980px;
}
.clear {
	clear: both;
}
.cleared {
	overflow: hidden;
	width: 100%;
}
/************************************************
* Header *
************************************************/
#top #topmenu {
	float: left;
	position: absolute;
	margin-top: -75px;
}
#top #topmenu li {
	float: left;
	background: url(images/blacktrans.png);
	padding: 0 .8em 0 .8em;
	line-height: 1.2em;
	margin: 0 .4em .4em 0;
}
#top #topmenu li:hover, #top #topmenu li.current_page_item {
	background: url(images/blacktrans2.png);
}
#top #topmenu li a {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
}
#top #topmenu li a:hover {
	color: #a8ef9d;
}
#top #topmenu li a.rss {
	background: url(images/rsstrans.png) left no-repeat;
	padding-left: 17px;
}
#top #search {
	float: left;
	position: absolute;
	margin-top: -40px;
}
#top #searchform input {
	padding: 3px;
}
#top #searchbox {
	width: 210px;
	color: #555;
	font-size: .75em;
	border: 1px solid #ddd;
	background: #eee;
}
#top #searchbox:hover {
	background: #fff;
}
#top .submitbutton {
	cursor: pointer;
	background: url(images/search.png) no-repeat;
	width: 22px;
	height: 22px;
	border: none;
	vertical-align: middle;
}
#top, #header, #catnav {
	overflow: hidden;
	width: 100%;
}
#header #logo {
	float: left;
	width: 250px;
	position: relative;
	margin: 20px 0 0 0;
}
#header #logo img {
	float: left;
	margin: -10px 10px 10px 0;
}
#header #logo h1 a {
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	text-shadow: 0 0 6px #555;
}
#header #logo h1 a:hover {
	color: #a8ef9d;
}
#header #logo #desc {
	font-size: .8em;
	color: #fff;
	margin-left: 8.2em;
	margin-top: .5em;
	line-height: 1.2em;
}
#header #headerbanner {
	text-align: center;
	float: right;
	width: 720px;
	height: 160px;
	margin: 20px 0 10px 0;
}
#header #headerbanner h3 {
	font-size: 1.1em;
	font-family: 'Segoe UI', Tahoma, sans-serif;
}
#header #headerbanner p a {
	border-bottom: 1px dotted #a8ef9d;
}
#header #headerbanner a:hover {
	background: url(images/blacktrans.png);
}
#catnav {
	width: 980px;
	background: url(images/blacktrans.png);
}
#nav li {
	float: left;
	background: url(images/blacktrans.png);
	line-height: 2em;
	margin: 5px 0 5px 5px;
}
#nav li:hover {
	background: url(images/blacktrans2.png);
}
#nav li a {
	display: block;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
}
#nav li a:hover {
	color: #a8ef9d;
	text-decoration: none;
	display: block;
}
#nav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	padding-top: 5px;
	margin: 0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li li {
	padding: 0;
	margin: 0;
	width: 180px;
	line-height: 1.5em;
}
#nav li li a {
	color: #fff;
	margin: 0;
	padding: 7px 13px;
	background: url(images/blacktrans3.png);
}
#nav li li ul li {
	margin-left: 13px;
}
#nav li li a:hover {
	color: #afdaff;
}
#nav li:hover, #nav li.sfhover {
	position: static;
}
/************************************************
* Content *
************************************************/
#main {
	padding: 20px 0 20px 0;
}
#content {
	float: right;
	overflow: hidden;
	width: 980px;
}
#content.full {
	width: 980px;
}
h1#contentdesc {
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	height: 40px;
}
h1#contentdesc span {
	color: #fff;
}
.post {
	padding: 0 0 10px 0;
}
.sticky {
	padding: 10px;
	margin-bottom: 35px;
	background: url(images/blacktrans.png);
}
.posttop {
	background: url(images/blacktrans2.png);
	padding: 5px;
}
.posttop h1.posttitle a {
	color: #fff;
	font-size: 1.5em;
	float: left;
	margin-left: 3px;
}
.posttop h1.posttitle a:hover {
	color: #a8ef9d;
	border-bottom: 1px solid #a8ef9d;
}
.postmetatop {
	width: 100%;
	font-size: 0.8em;
	padding-top: 8px;
	line-height: 1.5em;
}
.postmetatop .categs {
	float: right;
	text-align: right;
	background: url(images/categ.png) left 2px no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
.postmetatop .categs a:hover {
	color: #fff;
}
.postmetatop .date {
	float: left;
	width: 200px;
}
.postmetatop .date span {
	color: #a8ef9d;
	background: url(images/date.png) left no-repeat;
	padding-left: 20px;
}
.postmetatop .xdate {
	float: right;
	text-align: right;
	padding-left: 20px;
	line-height: 16px;
}
.postmetatop .excerpt a:hover {
	text-decoration: underline;
}
.postmetatop .excerpt {
	float: left;
	color: #fff;
	width: 880px;
	margin-left: 3px;
	font-size: 1.3em;
	line-height: 2em;
}
.postmetatop .xdate span {
	color: #a8ef9d;
	background: url(images/date.png) left no-repeat;
	padding-left: 20px;
}
.postcontent {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.5em;
 	background: url(images/blacktrans.png);
}
.postcontent h1 {
	font-size: 1.5em;
	padding: .8em 0;
}
.postcontent h2 {
	font-size: 1.4em;
	padding: .8em 0;
}
.postcontent h3 {
	font-size: 1em;
	padding: .8em 0;
}
.postcontent h4 {
	font-size: 1.2em;
	padding: .8em 0;
}
.postcontent h5 {
	font-size: 1.1em;
	padding: .8em 0;
}
.postcontent h6 {
	font-size: 1em;
	padding: .8em 0;
}
.postcontent p {
	padding: .4em;
}
.postcontent a {
	border-bottom: 1px dotted #a8ef9d;
}
.postcontent a:hover {
	background: url(images/blacktrans.png);
}
.postcontent a img {
	background: none;
	border-bottom: 0;
}
.postcontent ul, .postcontent ol {
	padding: .5em 0 .5em 2em;
}
.postcontent ul li {
	list-style: disc;
}
.postcontent ol li {
	list-style: decimal;
}
.postmetabottom {
	background: url(images/blacktrans.png);
	overflow: hidden;
	width: 100%;
	padding: 5px 0;
	font-size: 0.7em;
	margin-top: 20px;
	line-height: 1.4em;
}
.postmetabottom a {
	color: #fff;
}
.postmetabottom a:hover {
	color: #a8ef9d;
}
.postmetabottom .tags {
	float: left;
	width: 500px;
	background: url(images/tags.png) left 1px no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	line-height: 1.5em;
}
.postmetabottom .readmore {
	float: right;
	width: 160px;
	padding-right: 10px;
	text-align: right;
}
.postmetabottom .readmore span {
	background: url(images/more.png) left 4px no-repeat;
	padding-left: 17px;
}
.postmetaauthor {
	background: url(images/blacktrans.png);
	padding: 10px;
	font-size: 1em;
	line-height: 1.3em;
	margin-top: 20px;
	text-align: justify;
}
.postmetaauthor .authorpic {
	float: left;
	width: 60px;
}
.postmetaauthor .authordesc {
	float: right;
	width: 540px;
}
.postmetaauthor .authordesc p.theauthor {
	line-height: 1.4em;
	font-weight: bold;
}
.postmetaauthor .authordesc p.thedesc {
	line-height: 1.4em;
	padding: .8em 0 .2em 0;
}
.postmetaauthor .authordesc a {
	color: #afdaff;
	border-bottom: 1px dotted #afdaff;
}
.postmetaauthor .authordesc a:hover {
	background: url(images/blacktrans.png);
}
/************************************************
* Navigation *
************************************************/
#navigation {
	overflow: hidden;
	width: 100%;
	line-height: 1.7em;
	margin-bottom: 20px;
}
#navigation a {
	border-bottom: 1px dotted #a8ef9d;
}
#navigation a:hover {
	background: url(images/blacktrans.png);
}
#navigation .wp-pagenavi a {
	background: url(images/blacktrans2.png);
	padding: 5px 7px;
	border: none;
	font-size: .8em;
	color: #fff;
}
#navigation .wp-pagenavi a:hover {
	color: #a8ef9d;
}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {
	padding: 5px 7px;
	font-size: .8em;
	background: url(images/blacktrans2.png);
	color: #fff;
	border: none;
}
#navigation.image a {
	background: 0;
	border: 0;
}
.linkpages {
	clear: both;
	margin: 10px 0;
}
.linkpages p span {
	background: url(images/blacktrans.png);
	padding: 5px 7px;
	color: #ddd;
	font-size: 1em;
}
.linkpages p a, .linkpages p a:hover {
	background: none;
	border: 0;
}
.linkpages p a span {
	color: #fff;
}
.linkpages p a:hover span {
	background: url(images/blacktrans2.png);
	color: #a8ef9d;
}
/************************************************
* Gallery and Images *
************************************************/
.gallery a, .recent_images a {
	background: none;
	border: 0;
}
/************************************************
* Comments *
************************************************/
#comments {
	margin: 10px 0 10px 0;
	width: 980px;
}
#comments h3 {
	font-size: 1em;
	font-weight: normal;
}
#comments ul.commentlist li {
	background: url(images/blacktrans.png);
	clear: both;
	margin: 5px 0 0 0;
	padding: 10px;
}
#comments .comment-wrap {
	overflow: hidden;
	width: 100%;
}
#comments ul.commentlist li ul.children li {
	clear: both;
	margin: 10px 0 0 10px;
}
#comments img.avatar {
	float: left;
	margin: 0 15px 0 0;
}
#comments .commentbody .author {
	font-size: .9em;
	margin-bottom: 10px;
	color: #eee;
}
#comments .commentbody .author a {
	color: #b9ff9d;
	border-bottom: 1px dotted #b9ff9d;
}
#comments .commentbody .author a:hover {
	color: #eee;
	border-bottom: 1px dotted #b9ff9d;
}
#comments .commentbody .commentmetadata {
	font-size: .7em;
	color: #bbb;
	margin-bottom: 15px;
}
#comments .commentbody .commentmetadata a {
	color: #bbb;
}
#comments .commentbody p {
	font-size: .8em;
	padding: 10px 0 5px 0;
	line-height: 1.4em;
}
#comments .commentbody p a {
	color: #b9ff9d;
	border-bottom: 1px dotted #b9ff9d;
}
#comments .commentbody p a:hover {
	color: #eee;
	border-bottom: 1px dotted #b9ff9d;
}
#comments .reply a {
	margin-bottom: 5px;
	padding: 5px;
	line-height: 1.3em;
	font-size: .7em;
	float: right;
	background: url(images/blacktrans.png);
	color: #fff;
}
#comments .reply a:hover {
	color: #a8ef9d;
}
#comments a#cancel-comment-reply-link {
	display: block;
	padding: 8px 0;
}
#comments a#cancel-comment-reply-link:hover {
	color: #ccc;
}
#comments #respond {
	overflow: hidden;
	width: 100%;
}
#comments #respond h3 {
	margin-top: 10px;
}
#comments #respond input {
	width: 180px;
	background: #eee;
	font-size: .8em;
}
#comments #respond p {
	padding: .5em 0 0 0;
}
#comments #respond p label {
	font-size: .8em;
	font-weight: normal;
}
#comments #respond textarea {
	width: 400px;
	height: 80px;
	background: #eee;
	font-size: .8em;
	border: none;
}
#comments #respond .submitbutton {
	color: #fff;
	background: url(images/blacktrans2.png);
	line-height: 1.4em;
	font-size: .8em;
	margin-top: -15px;
}
#comments #respond .submitbutton:hover {
	cursor: pointer;
	color: #a8ef9d;
}
#comments #respond p.subscribe-to-comments label {
	display: inline;
	margin-left: 4px;
}
/************************************************
* Footer *
************************************************/
#footer {
	background: url(images/blacktrans.png);
	clear: both;
	overflow: hidden;
	width: 100%;
	font-size: 0.8em;
}
#footer .foot1 {
	float: left;
	width: 310px;
	margin: 10px 0 0 10px;
	display: inline;
}
#footer .foot2 {
	float: left;
	width: 310px;
	margin: 10px 15px 0 15px;
}
#footer .foot3 {
	float: left;
	width: 310px;
	margin: 10px 0 0 0;
}
#footer h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: .4em;
}
#footer h4 {
	font-weight: normal;
	font-size: 1em;
	margin: .8em 0 .2em 0;
	font-family: 'Segoe UI', Tahoma, sans-serif;
}
#footer p {
	line-height: 1.5em;
	color: #eee;
	padding: .2em 0 .8em 0;
}
#footer ul li {
	padding: 10px;
	margin-bottom: 10px;
	background: url(images/blacktrans.png);
}
#footer ul ul li {
	background: url(images/bullet.png) left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
}
#footer li a {
	display: block;
	font-weight: normal;
	padding: 2px 5px;
}
#footer a:hover {
	background: url(images/blacktrans.png);
}
#footer .widget_tag_cloud a {
	display: inline;
}
#footer .widget_tag_cloud a:hover {
	background: none;
	color: #fff;
}
.widget ul {
	width: 100%;
	overflow: hidden;
}
#credits {
	clear: both;
	overflow: hidden;
	width: 972px;
	margin-top: .7em;
	font-size: 0.7em;
	line-height: 1.4em;
	background: url(images/blacktrans3.png);
	padding: 4px;
	color: #fff;
}
#credits a {
	color: #fff;
}
#credits a:hover {
	color: #a8ef9d;
}
#credits #creditsleft {
	float: left;
}
#credits #creditsright {
	float: right;
}
#credits #breadcrumb {
	float: right;
}
/************************************************
* WP related *
************************************************/
.alignleft {
	float: left;
	margin: 5px 15px 7px 0;
}
.alignright {
	float: right;
	margin: 5px 0 7px 15px;
}
.aligncenter, div.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
img.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}
img.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
img.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}
.wp-caption {
	text-align: center;
	background: url(images/blacktrans.png);
	padding-top: 6px;/* optional rounded corners for browsers that support it */;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.wp-caption img {
	padding: 0;
	margin: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.loginbutton {
	cursor: pointer;
	background: url(images/blacktrans2.png);
	color: #fff;
	font-size: 1.1em;
}
.addcomment a {
	line-height: 1.3em;
	font-size: .8em;
	padding: 5px;
	margin-right: 3px;
	float: right;
	text-align: right;
	color: #fff;
	background: url(images/blacktrans.png);
}
.addcomment a:hover {
	color: #a8ef9d;
}
#a2apage_PTZ {
	display: none !important;
}
.download {
	background: url(images/download.png) 0 50% no-repeat;
	padding: 10px;
}