@charset "utf-8";

/*
Theme Name: DOTA Junkie
Description: A two column wordpress theme originally designed by <a href="http://liquid-webdesign.info">Liquid Design</a> and <a href="http://themelab.com">Theme Lab</a>, modified by <a href="http://jbdesignandphoto.com">JB Design and Photo</a>
Version: 1.0
Author: JB Design and Photo
Author URI: http://www.jbdesignandphoto.com/
*/


/* Colors
Black: #000000
White: #FFFFFF
Gray: #808080
Gold: #ffcc33
Lt Gray: #cccccc
Yellow: #ffffcc
*/

/* Broad Styling */
* { margin: 0px; padding: 0px; } /* The HTML margin and padding reset 'hack' */
body { background: #000000 url(images/background.gif) repeat-x left top; color: #FFFFFF; font: lighter 12px/18px Arial, Helvetica, sans-serif; }

/* Links */
a { color: #ffcc33; }
a:hover { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #ffffcc; }

/* The links for the RSS buttons at the top */
a.rss { background: transparent url(images/rss-icon.gif) no-repeat left center; color: #CCCCCC; float: left; line-height: 28px; margin-right: 20px; padding-left: 20px; }
a.rss:hover { color: #FFFFFF; background: transparent url(images/rss-icon-hover.gif) no-repeat left center; border: 0; }

/* Form Styling */
input { background: #808080; border: 1px solid #ffffcc; color: #FFFFFF; cursor: pointer; font: 12px/normal Arial, Helvetica, sans-serif; margin-left: 20px; padding: 2px; vertical-align: middle; }
input#button, input#button focus { border: 1px solid #ffffcc; height: 22px; }
input#button:hover { background: #333333; color: #FFFFFF; }
input:hover { background: #FFFFFF; color: #808080; }

/* Text Element Styling (H and P) */
h1 { color: #FFFFFF; font: lighter 190%/190% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 60px 0 0 20px; }
h1 span { color: #cccccc; }
h2 { border-bottom: 1px dashed #cccccc; color: #ffcc33; display: block; font: lighter 18px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; }
h2 a { color: #ffcc33; text-decoration: none; }

p { padding: 7px 0 7px 0; }
p.grad { padding: 3px; border-top: 1px dashed #ffffcc; }
p.grad a { display: block; float: left; margin-right: 10px; }
p.grad .author { display: block; float: left; margin-right: 10px; color: #808080; }
p.grad .time { display: block; float: left; margin-right: 10px; }
p.grad a:hover { text-decoration: none; border-bottom: 1px solid #ffffcc; color: #FFFFFF; }
p.top { float: right; padding: 0; }
p::-moz-selection { color: #cccccc; }

/* Header Styling */
#header { background: url(images/header.jpg) no-repeat top center; clear: both; height: 198px; }
#header h1 { text-align: right; margin-right: 40px; padding: 10px 0 50px 0; }
#header h1 a { color: #FFFFFF; text-decoration: none; font-size: 150%; font-weight: bold; }
#header form { display: block; float: right; margin: 59px 20px 0 0; }
#header label { clear: both; color: #ffffcc; display: block; margin: 8px 0 0 20px; }
#header li { display: inline; }
#header li a { display: block; float: left; padding: 6px 20px; text-decoration: none; }
#header li a:hover { border-bottom: 1px solid #ffffcc; text-decoration: none; }
#header ul { display: block; float: left; margin: 59px 0 0 1px; }

/* Page Styling */
#wrapper { margin: 0 auto; width: 819px; }
#left { float: left; padding: 30px 0; width: 519px; }
#right { float: left; margin: 30px 0; padding-left: 30px; width: 259px; border-left: 1px dashed #cccccc; }
#right ul li { display: block; list-style: none; }
#right ul li a { display: block; padding: 5px; border-bottom: 1px dashed #cccccc; }
#right ul li a:hover { text-decoration: none; border-bottom: 1px solid #ffffcc; color: #FFFFFF; }

/* Post Styling */
.post h2 { padding-bottom: 3px; }
.post div { padding: 7px; }

/* Widget Styling */
.widget_categories { clear: both; margin-bottom: 10px; }
.widget_recent_comments { clear: both; margin-bottom: 10px; }
.widget_tag_cloud { clear: both; margin-bottom: 10px; }
.widget_tag_cloud h2 { margin-bottom: 5px; }
.widget_tag_cloud a { text-decoration: none; color: #ffffcc; }
.widget_tag_cloud a:hover { border: 0; color: #FFFFFF; }
.widget_meta { clear: both; margin-bottom: 10px; }
.adsensem_widget { float: left; width: 120px; margin: 10px 3px 10px 5px; }

/* Footer */
#footer { clear: both; text-align: center; padding: 10px; }
#footer a:hover { border: 0; }
.copyright { text-align:left; font-size: 10px; }

/* Misc */
.alignleft {float:left;}
.alignright {float:right;}
div#comments {padding-left:20px;}
#flickrss { margin: 7px 0 7px 0; }
#flickrss a { margin: 5%; }
#flickrss a img { width: 40%; }
img { border: 0; }