/*
Theme Name: Ultra-MNML
Theme URI: http://twoswallows.com
Author: Rhian Moss
*/


body {color: #666; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 11px; margin: 0; padding: 0;}

a, a:visited, a:active {color: #666; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}

h1 {border-right: 1px solid #444; float: left; font-size: 2.25em; font-weight: normal; margin: 0 0.5em 0.5em 0; padding: 0 0.5em 0.25em 0;}
h1 a:hover {text-decoration: none;}
h2, h3 {font-weight: normal; margin: 0; padding: 0;}
h2.pagetitle {margin: 0 0 15px 0;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}

#header {background: #fff; padding: 4em 10%; position: relative;}
#header p {line-height: 1em; margin: 0; padding: 1em 0;}
#search {float: right; margin: 1em 0 0 0; position: absolute; right: 12.5%; text-align: right; top: 3.5em; width: 150px;}
#search input {background: #eee; border: 1px solid #ccc; font-size: 0.85em; margin-top: 2px; width: 150px; color: #aaa;}
#search input:focus {background: #fff; color: #808080;}
#searchform #s {background: #eee; border: 1px solid #ccc; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 1em; width: 200px;}
#searchform #searchsubmit {background: #eee; border: 1px solid #ccc; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 1em;}

#main {background: #eee; border-top: 1px solid #ddd; padding: 30px 10%; position: relative; min-height: 520px;}
#content {margin: 0; padding: 0; width: 70%;}
#content p {font-size: 1.1em;}
.post p, .page p {line-height: 2em;}
.post a, .post a:visited, .post a:active, .page a, .page a:visited, .page a:active {color: #4682B4;}
.post ul, .page ul {line-height: 2em; list-style-type: circle;}
h2.posttitle a, h2.posttitle a:visited, h2.posttitle a:active {color: #666}
h2.posttitle a:hover {color: #000; text-decoration: none;}
.details {border-top: 1px solid #808080; font-size: 0.95em; margin: 0 0 20px 0; padding: 3px 0; text-align: right;}
.details a, .details a:visited, .details a:active {color: #4682B4;}
#sidebar {background: #eee; margin: 0; padding: 0; position: absolute; right: 10%; top: 35px; width: 20%;}
#sidebar ul {list-style-type: none; padding: 0 0 0 20px; width: 80%; margin: 10px 0;}
#sidebar ul li {border-bottom: 1px solid #aaa; margin: 0; padding: 0;}
#sidebar ul li:first-child {border-top: 1px solid #aaa;}
#sidebar ul li a {color: #4682B4; display: block; padding: 3px 0; text-indent: 6px; width: 100%;}
#sidebar ul li a:hover {background: #e5e5e5; text-decoration: none;}
#sidebar ul li ul {padding: 0; width: 100%; margin: 0;}
#sidebar ul li h2 {font-size: 1.1em; margin-left: -10px; padding: 7px 0 3px 0;}
.linkcat {border: 0 !important;}
h3.links {margin-bottom: -7px;}

#footer {background: #ddd; border-top: 1px solid #ccc; font-size: 0.95em; padding: 40px 10%; text-align: center;}

.navigation {display: block; margin: 0 0 10px 0; text-align: center;}

pre {width: 80%; border: 1px solid #666; background: url(http://twoswallows.com/interactive-fiction/wp-content/themes/my-if-layout/pre_bg.gif);  overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; padding: 0 5px; margin: 1em auto 20px auto; line-height: 18px; font-family: Courier New; font-size: 12px; color: #888;}

ul.children {list-style-type: none; margin: 0; padding: 0;}
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 15px 15px; padding:15px 0 3px; background:#eee; }
.comment #respond {padding: 15px 20px 0 20px; border-top: 1px solid #ccc;}
.even { background:#eaeaea; }
.odd { background:#f2f2f2; }
.comment-meta { height:56px; position:relative; }
.comment a { color: #4682B4;}
.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:0; float:left; list-style-type: none;}
.comment-name-date li {padding: 2px 0;}
.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }
.comment-act { font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { padding:0 1px 0 0; margin:0 6px 0 0; text-transform: uppercase; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 6px 0 0;}
.comment-content { padding:0; clear:both; margin:0 15px; line-height: 1.75em; }
.comment-content p:first-child {margin-top: 0;}
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }

#commentform input, #commentform textarea {background: #f2f2f2; border: 1px solid #ccc; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 1em; padding: 2px; color: #808080;}
#commentform input:focus, #commentform textarea:focus {border: 1px solid #4682B4;}

#respond a, #respond a:visited, #respond a:active {color: #4682B4;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 3px 0 2px 10px; display: inline;}
img.alignleft {margin: 3px 10px 2px 0; display: inline;}
.alignleft {float: left;}
.alignright {float: right;}

h3.rss {font-size: 1em; margin: 0 0 20px 20px;}
h3.rss a, h3.rss a:visited {padding: 8px 0px 20px 36px; background: transparent url(http://twoswallows.com/interactive-fiction/wp-content/themes/my-if-layout/rss-ci-grey.png) no-repeat 0% 0%;}
h3.rss a:hover {background: transparent url(http://twoswallows.com/interactive-fiction/wp-content/themes/my-if-layout/rss-ci-orange.png) no-repeat 0% 0%;}