/*
Theme Name: Fatal Robot Cosplay v1
Theme URI: http://www.fatalrobotcosplay.com/
Description: Version 1 of the custom Fatal Robot Cosplay wordpress theme.
Author: Robert Coker
Author URI: http://www.intelekshual.com/
Tags: gray, orange, two-column
*/

html { height: 100% }

body { height: 100%; background: #3E3E3E url(http://www.fatalrobotcosplay.com/build/img/faux.gif) repeat-y; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px;}

#container { width: 920px; height: 100%; margin: 0px 0px 0px 0px; position: relative; background: #3E3E3E;}

#sidebar { position: absolute; top: 0px; left: 20px; width: 226px; height: 100%; padding-right: 0px; background: #FFF; }
#sidebar ul { margin-top: 15px; padding: 0; font-size: 1em; list-style-type: none;}
#sidebar ul li { padding: 3px 0px 2px 0px; text-align: right; background: #ECECEC; border-bottom: #FFFFFF solid 1px; font-weight:bold;}
#sidebar ul li a { font-size: 1.2em; text-decoration: none; padding: .2em .5em; color: #ff3400; }
#sidebar ul li a:hover { color: #000000; }
#sidebar p { margin: 2px 10px 2px 10px; font-size: .7em; color: #3E3E3E; text-align:justify; }
#sidebar p a { text-decoration: none; color: #ff3400; font-style: italic; }
#sidebar p a:hover { text-decoration: none; color: #000000; font-style:italic; }
#sidebar h3 { margin: 20px 10px 0px 10px; font-size: 1em; font-weight:bold; color:#3e3e3e; }

.categories { margin: 20px 10px 0px 10px; font-size: 1em; font-weight:bold; color:#3e3e3e; list-item-style:none;}
.categories .cat-item { margin: 2px 10px 2px 10px; font-size: .7em; color: #3E3E3E; text-align:justify; list-item-style:none;}
.categories .cat-item a { text-decoration: none; color: #ff3400; font-style: italic; list-item-style:none;}
.categories .cat-item a:hover { text-decoration: none; color: #000000; font-style:italic; list-item-style:none;}

.archives { }

#tips { width: 206px; margin: 20px 10px 2px 10px; padding: 2px 0px 2px 0px; font-size: 1em; color: #3e3e3e; background: #ececec; }

#content { float:right; position: absolute; top:0px; left:270px; width: 650px; height: 100%; background: #5C5C5C; }

#login { text-align: right; position: relative; margin-top: 6px; width: 550px; background: #868686; margin-bottom:  }
#login p { color: #ececec; font-size: .7em; font-weight: bold; padding: 4px 3px 4px 3px; }

.feature { width: 620px; background: #868686; margin: 0px 10px 15px 10px; padding: 5px 5px 5px 5px; }
.feature img { float: left; border: 1px #ececec solid; margin: 0px 5px 0px 0px; }
.feature h2 { color: #ececec; font-size: 1em; margin: 0px 0px 3px 0px;}
.feature p { color: #ececec; font-size: .8em; margin: 0px 0px 2px 0px;}
.feature a { color: #ececec; border-bottom: dashed 1px #ececec; text-decoration: none;}
.feature a:hover { color: #ff3400; background: #ececec; border-bottom: none; text-decoration: none; }

#posts { width: 630px; margin: 0px 10px 15px 10px; background: #ececec bottom URL(http://www.fatalrobotcosplay.com/build/img/news-footer.gif) no-repeat; padding-bottom:15px;}

#posts .post { width: 630px; padding-bottom:3px;}
#posts .post p a { color: #ff3400; text-decoration: none; margin:0; font-weight: normal; }
#posts .post p a:hover {color: #ff3400; text-decoration: none; margin:0; font-weight: normal; background: #d8d8d8;}
#posts .post h2 { font-size: 1em; color: #ff3400; font-weight:bold; margin: 3px 10px 3px 10px; }
#posts .post h2 a { color: #ff3400; font-weight: bold; margin: 3px 10px 3px 0px; text-decoration:none;}
#posts .post h2 a:hover { color: #ff3400; font-weight:bold; margin: 3px 10px 3px 0px; text-decoration:none; background: #d8d8d8;}
#posts .post h3 {  font-size: .7em; color: #868686; margin: 0px 10px 5px 10px; }
#posts .post h4 { font-size: .6em; color: #3e3e3e; text-align: center; }
#posts .post img { margin: 3px 5px 2px 0px; background: #f3f3f3; border: 1px solid #868686; padding: 4px; position:inherit;}
#posts .post p { font-size: .8em; color: #3e3e3e; margin: 0px 10px 5px 10px; padding-bottom: 3px;}
#posts .post a { font-size: 1em; color: #ff3400; font-weight:bold; margin: 3px 10px 3px 10px; text-decoration: underline; }
#posts .post a:hover { font-size: 1em; color: #ff3400; font-weight: bold; margin: 3px 10px 3px 10px; text-decoration: none; }
#posts .post blockquote { background: #efefef; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 5px 0px 5px 0px; font-style: italic; }
#posts .post object {text-align: center; }

#posts .header { width: 630px; height: 60px; background: url(http://www.fatalrobotcosplay.com/build/img/news-header.gif); padding-top: 2px;}
#posts .header h2 { font-size: 1.2em; color: #ececec; font-weight: bold; margin: 10px 0px 5px 7px;}
#posts .header h3 { font-size: .8em; color: #ececec; font-weight: bold; margin: 0px 0px 0px 7px;}
#posts .header h3 a {color: #fff; text-decoration: none; }

#posts .details { width: 608px; height: 25px; background: #f3f3f3; border: 1px #868686 solid; margin: 3px 10px 10px 10px; } 
#posts .details p { font-size: .7em; color: #868686; padding: 5px; margin: 0 auto;}
#posts .details a { color: #ff3400; text-decoration: none;}
#posts .details a:hover { color: #000; }
#posts .details .ui { width: auto; float: right; position: relative; margin: 0 auto; padding:5px; font-size: .7em; color: #868686; text-align: right;}

.clear { padding-bottom: 20px; }

#posts #comments { font-size: .9em; color: #868686; margin: 0px 10px 0px 10px; padding-left:5px; padding-top:2px;}
#posts #respond { font-size: .9em; color: #868686; margin: 0px 10px 0px 10px; padding-left:5px; padding-top:2px;}
#posts .commentlist {padding: 0; text-align: justify; margin: 3px 10px 10px 10px;}
#posts .commentlist li { margin: 15px 0 3px; padding: 10px 10px 3px; list-style: none; background: #f3f3f3; color: #3E3E3E; border-top: 1px solid #868686; border-bottom: 1px solid #FFF;}
#posts .commentlist li .authordata { width: 100%; height: 20px; }
#posts .commentlist li .authordata a {color: #ff3400; text-decoration:none;}
#posts .commentlist li .authordata a:hover {color: #000; text-decoration:none;}
#posts .commentlist li .authordata cite { margin: 0 auto; font-size: .8em; font-weight: bold; font-style:normal;}
#posts .commentlist li .authordata .comment-av img { padding: 0; }
#posts .commentlist li .authordata em { font-size: .8em; font-style: italic; }

#posts .commentlist p { margin: 10px 5px 10px 0; font-size: .8em; }
#posts .commentlist h3.comments { margin: 10 0 0 10;  }
#commentform p { margin: 5px 0; }
#posts .nocomments { text-align: center; margin: 0; padding: 0; }
#posts .commentmetadata { margin-top: 5px; display: block; }
#posts .commentlist small { background:#e9e9e9; text-align: right; padding: 2px; }
#posts .commentlist small a { text-decoration: none; color: #000000;}

#posts #commentform { width: 608px; background: #ececec; border-top: 1px #868686 solid; margin: 3px 10px 10px 10px; }
#posts #commentform input { width: 300px; border: 1px solid #e9e9e9; background: #fff; margin: 5px 10px 5px 10px; padding: 5px;}
#posts #commentform textarea {width: 500px; border: 1px solid #e9e9e9; background: #fff; margin: 5px 10px 5px 10px; padding: 5px;}
#posts #commentform p.response { font-size: .8em; color: #868686; padding: 0px 0px 5px 5px; }

#login label { width: 50px; text-align: right; display:inline; margin: 5px 4px 5px 4px; vertical-align: middle; }
#login input { background: #ececec; color: #3e3e3e; border: 1px solid #3e3e3e; margin-right: 5px; font-weight:bold; font-size: 1em; padding: 0px 2px 0px 2px;}
#login input:focus { background: #3e3e3e; color: #efefef; }