/*  
Theme Name: museograph
Theme URI: http://museograph.org
Description: Dark theme with transparency layers, based on the Motion Theme.
Author: info@museograph.org	
Author URI: http://museograph.org
Version: 1.0
Tags: dark, two-columns, transparent

	This theme was designed and built for the WordPress CMS.
	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, 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;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}


/************************************************
*          General elements       *
************************************************/
body {background:#000 url(images/background/rotate.php) top center no-repeat fixed; font-family:Arial, sans-serif; text-align:center; padding-bottom:5px; text-shadow:0 0 4px #444;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, sans-serif; }
a {color:#00ffff; text-decoration:none;}
a:hover {background:url(images/blacktrans.png);}
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:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
kbd, tt {font-size:1.2em;}
hr {border:0px solid #ffffff;}
pre {overflow:auto; width:600px; 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;}
p {padding: 0; margin-top: 0; margin-right: 0;margin-bottom: 0.7em; margin-left: 0;}

#smalltxt {font-family:Arial, sans-serif; text-align:left; font-size:.8em; line-height:1.3em;}
#smalltxt.left {text-align:left;}
#smalltxt.right {text-align:right;}
#titlepostsmall {font-weight:900; font-size:0.8em; color:#fff; line-height:1em; }
.ExtraSpace {margin-top:1.5em;}

.widget_links ul li {line-height:0.8em; }

table {margin:.5em 0;}
table th {color:#ffffff;}
table td, table th {padding:.5em .7em;}
table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;}
table td {background:url(images/blacktrans.png);}
table tr.even td {background:url(images/blacktrans2.png);}
table tr:hover td{background:url(images/whitetrans.png);}

fieldset {padding:1.2em; border:1px dashed #ffffff;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:Arial, sans-serif; margin:.2em 0; color:#222; font-size:1em;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}

/************************************************
*          General       *
************************************************/
#wrapper {margin:auto ; padding:0; text-align:left; width:980px;}
.cleared {clear:both;}

/************************************************
*          Header       *
************************************************/
#top #logo {float:left; width:470px; padding-bottom:40px;}
#top #logo img {float:left; margin-right:20px;}

#top #topmenu {float:right; width:500px; margin-top:10px; font-size:0.8em; line-height:2em;}
#top #topmenu li {float:right; background:url(images/whitetrans.png); }
#top #topmenu li:hover {background:url(images/blacktrans.png);}
#top #topmenu li a {color:#fff; padding:0 0 0 10px;}
#top #topmenu li a:hover {color:#00ffff;}
#top #topmenu li a.rss {background:url(images/rsstrans.png) 9px 9px no-repeat; padding-left: 27px;}

#top #topmenu #nav, #nav ul {list-style:none;}
#top #topmenu #nav a {display: block; }
#top #topmenu #nav li {float left; width: 110px; margin:5px 0 0 5px;}
#top #topmenu #nav li ul {position: absolute; width:110px; left:-999em; }
#top #topmenu #nav li:hover ul, #nav li.sfhover ul {left:auto;}
#top #topmenu #nav li li {width:110px;}	
#top #topmenu #nav li li a {color:#fff;}
#top #topmenu #nav li li a:hover {color:#00ffff;}
#top #topmenu #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;}


#header {padding:0px;}


/************************************************
*          Content      *
************************************************/
#main {margin-top:0; padding:0;}

#quote {float:left; padding-bottom:40px; font-family:Georgia, serif; font-style:italic; font-size:2em; line-height:1.4em;}
#quote a {color:#ffffff;}
#quote a:hover {color:#00ffff;}

h2#contentdesc {float:left; font-weight:900; font-size:1.3em; padding-bottom:15px; }

#content {float:left; width:640px; }
.post {padding:0 0 35px 0;}
.sticky {background:url(images/whitetrans.png); padding:10px; margin-bottom:35px;}
.posttop {background:url(images/whitetrans.png); padding:15px;}
.posttop h2.posttitle a {font-weight:900; font-size:2em; text-decoration:none;}
.posttop h2.posttitle a:hover {background:url(images/blacktrans.png);}
.postmetatop {text-transform:capitalize; font-size:0.8em; padding-top:8px; line-height:1.5em;}

.postcontent {background:url(images/whitetrans.png); padding:0 15px 15px 15px; color:#fff; margin:0 0; font-size:1em; line-height:1.5em;} 
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:.8em 0; font-size:1.3em;}
.postcontent h4 {padding:.8em 0; font-size:1.2em;}
.postcontent h5 {padding:.8em 0; font-size:1.1em;}
.postcontent h6 {padding:.8em 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent a {color:#00ffff;}
.postcontent a:hover {background:url(images/blacktrans.png);}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {background:url(images/whitetrans.png); padding:15px 15px 15px 15px; font-size:0.8em; line-height:1.1em; margin-bottom:0px;}
.postmetabottom .date {float:left; line-height:16px;}
.postmetabottom .categs {float:left; line-height:16px;}
.postmetabottom .tags {float:left; line-height:16px;}
.postmetabottom .post-meta {float:left; line-height:16px;}


/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.7em; margin-bottom:5px;}
#navigation a {border-bottom:1px dashed #a8ef9d;}
#navigation a:hover {background:url(images/blacktrans.png);}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}
#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;}


/************************************************
*          Comments      *
************************************************/
#comments {margin:0 0 15px 0;}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#00ffff;}
#comments .commentbody .author a:hover {background:url(images/blacktrans.png);}
#comments .commentbody .commentmetadata {font-size:.8em; color:#bbb; margin-bottom:15px;}
#comments .commentbody .commentmetadata a {color:#bbb;}
#comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .commentbody p a {color:#00ffff;}
#comments .commentbody p a:hover {background:url(images/blacktrans.png);}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.8em; float:left; background:#ddd; color:#000;}
#comments .reply a:hover {background:#fff; color:#111;}
#comments h3#trackbacktitle {padding-top:10px;}
#comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.trackback li {margin-bottom:17px; font-size:.9em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}

#comments #respond {margin-top:20px;}
#comments #respond h3 {margin-bottom:15px;}
#comments #respond input {padding:5px; width:200px; background:#efefef; 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:600px; padding:10px; background:#efefef; font-size:.8em; border:none;}
#comments #respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em;}
#comments #respond .submitbutton:hover {cursor:pointer; color:#00ffff;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}




/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px; }

#sidebar #search {background:url(images/whitetrans.png); float:right; width:290px; text-align:left; padding:10px 0 10px 10px; margin-bottom:15px; }
#sidebar #searchform input {padding:3px;}
#sidebar #searchbox {width:200px; color:#555; font-size:1em; border:1px solid #ddd; background:#eee;margin-top:-460; }
#sidebar #searchbox:hover {background:#fff;}
#sidebar .submitbutton {cursor:pointer; background:url(images/blacktrans.png); color:#fff; font-size:1em; line-height:1.5em; vertical-align:center;}
#sidebar .submitbutton:hover {background:url(images/whitetrans.png);}

#sidebar ul li.boxed {background:url(images/whitetrans.png); padding:10px; margin-bottom:15px;}
#sidebar h3 {padding:5px 00px; line-height:1.3em; font-weight:900; font-size:1.4em; margin-bottom:10px;}
#sidebar ul ul li {padding-bottom:8px;}
#sidebar ul ul li a {display:block; padding:3px 5px;}
#sidebar ul ul li a:hover {background:url(images/blacktrans.png);}
#tag_cloud a, .widget_tag_cloud a {display:inline; font-size:0.8em; line-height:1.4em;}
#tag_cloud a:hover {color:#fff;}
li#tagbox a:hover {color:#fff;}
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}

/************************************************
*          Footer       *
************************************************/
#credits {font-size:0.8em; line-height:1.4em;}
#credits a {color:#fff;}
#credits a:hover {background:url(images/blacktrans.png); color:#00ffff;}
#credits #creditsleft {float:left; padding-left:15px; width:320px;}



/************************************************
*          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;}


/************************************************
*          PageOfPosts Stylesheet related       *
************************************************/

.postmetadata {font-size: 0.8em; line-height: 1.1em;}
.narrowcolumn h2 a {font-weight:900; font-size:2em;}
.narrowcolumn h2 a:hover {background:url(images/blacktrans.png);}

.narrowcolumn .title { background:url(images/whitetrans.png); padding:15px 15px 15px 15px;}
.narrowcolumn .entry {background:url(images/whitetrans.png); padding:15px 15px 15px 15px; line-height: 1.6em;}
.narrowcolumn .postmetadata {background:url(images/whitetrans.png); padding:15px 15px 15px 15px;}

.narrowcolumn ul, .narrowcolumn ol {padding:0 0 0 30px;}
.narrowcolumn ul li {list-style:disc;}
.narrowcolumn ol li {list-style:decimal;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
.postmetadata {clear: both;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */