/*
THEME NAME: Kupatrix  
THEME URI: http://www.kupatrix.com/
DESCRIPTION: Kupatrix based of Sandbox
VERSION: 1.0.0
AUTHOR: Nick
AUTHOR URI:
TAGS: 
*/

/* BEGIN Reset */
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* END Reset */

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');


/* BEGIN Stuff */
body {background:#061e33 url('../../../i/bodybg.gif') repeat-y 50% 0;; font-family: Arial,Helvetica,Garuda,sans-serif;color: #08f; text-align: center; font-size: 12px;}
div#header {background:#061e33 url('../../../i/headbg.gif') repeat-x;height: 210px;margin-bottom: 1em; width: 100%;}
div#header img {background-image: url('../../../i/head1.jpg');}
div#header a {outline: none;}
a { color: #8cf; }
a:visited { color: #048; }
a:hover { color: #fff; text-decoration: none; }

hr { background-color: #08f; color: #08f; height: 7px; border: 0; width: 404px; background-image: url('../../../i/hr.gif'); margin: 1em auto; }
hr.hrpost { margin: 2em auto; }
strong {font-weight: bold; }
em { font-style:italic; }

div#kwrap {width: 970px; margin: 0 auto;}

div#container {float:left;margin-left:20px;background-image:url('../../../i/mainmid.gif');margin-bottom: 3em;}
div#content {background-image:url('../../../i/mainbot.gif');background-position: bottom center;background-repeat: no-repeat;}
div#contbot {background-image:url('../../../i/maintop.gif');background-repeat: no-repeat;text-align: left;}
div#container,div#content,div#contbot {width:680px;}

div.sidebar {float:right;overflow:hidden;width:230px; margin-right: 20px;background:#000 url('../../../i/menumid.gif') repeat-y top center;}
div.sidemid {background-image: url('../../../i/menutop.gif');background-repeat: no-repeat;}
div.sidebot {background-image: url('../../../i/menubot.gif');background-repeat: no-repeat;background-position: bottom center;text-align: left;}
.sidebar,.sidemid,.sidebot{height: 600px;width:230px;margin-bottom: 1em;}
div.sidebot h3 { color: #08f; padding: 0 0 9px 2px;; font-weight: bold; font-size: 14px; margin-bottom:0.5em;
background-image: url('../../../i/mh2bot.gif'); background-repeat: no-repeat; background-position: bottom left; }
div.sidebot ul li {padding:1em 0em 0em 3em;}
div.sidebot ul li ul li {padding: 0 0 0 0.75em;}

div#footer {clear:both;background-image: url('../../../i/footer.gif'); background-position: center; background-repeat: no-repeat;height: 59px;font-size: 11px;color: #fff;}
div#footer a {color: #fff;}
div#footer a:visited {color: #fff;}
div#footer a:hover {color: #8cf; text-decoration: none;}
div#footbg {clear:both;background-image: url('../../../i/footbg.gif'); background-position: center; background-repeat: repeat-x;height: 59px;}

div.sidebot input { background-color: #111; border: 1px solid #048; color: #08f; font-size: 10px; padding: 5px; font-weight: bold; margin-left: 0.75em; }
div.sidebot input.button { padding: 4px;margin-left: 0;}

div#cont { padding: 3em 39px; text-align: justify; }
div#cont p { padding: 0 0 1em 0; clear: both; line-height: 180%; }
div#cont div.entry-meta { text-align: right; font-size: 11px; }
div#contbot h2 { font-size: 24px; font-weight: bold;float: left;}
div#contbot h2 a { color: #eee; text-decoration: none;}
div#contbot h2 a:hover { color: #08c; text-decoration: none;}
div.entry-date {float: right;margin-top: 5px;}

img.alignright { float: right; margin-left: 1em; }
img.alignleft { float: left; margin-right: 1em; }
img.aligncenter { display: block; margin: 1em auto; }


/* END Stuff */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        background-position: 50.001% 0;
    }
}

a.twitter_title_link {text-decoration: none; color: #08f;  }

li.twitter-item { margin: 1em 3em 0 -0.5em;font-size:11px; }
li.twitter-item abbr {color: #aaa;}

img.ic { display: block; margin: 0 auto; }

pre { margin: 1em; border: 1px solid #08c; background-color: #111; padding: 1em; background-image: url('http://www.kupatrix.com/i/code.jpg'); background-repeat: no-repeat; background-position: top right}
div#contbot h2.page-title {margin-bottom: 1em;}
div#contbot h3 { font-size: 18px; font-weight: bold;float: left;clear: both;}
div#contbot h3 a {text-decoration: none;color: #eee;}
div#contbot h3 a:hover { color: #08c; text-decoration: none;}

/* Comments */

div#cont h3 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #eee; border-bottom: 1px solid #08c; width: 100%; margin: 1em 0; }
div#comments h3 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; color: #eee; border-bottom: 1px solid #08c; margin: 1em 0 0 0; }
div#comments { color:#eee; clear: both; margin-top: 3em; }
div#comments a { color: #eee; }
div#comments a:hover { color: #eee; }
.commentlist .cquote {background:url(http://www.kupatrix.com/i/bg_quote.gif) no-repeat top right;min-height: 65px;}
.commentlist li {padding: 1.5em;margin-top:1em;background:#093254 url(http://www.kupatrix.com/i/bg_commentlist.gif) bottom no-repeat;color:#eee;border: 5px solid #061e33; border-bottom-width: 1px;width: 430px;}
.commentlist cite {width: 454px;display:block;font-style:normal;background-color: #061e33;padding: 0 1em 5px 1em;font-size: 11px;}
#commentform textarea { width: 485px; border: 1px solid #08c; background: #111; color: #eee; margin: 1em 0;}
input {border: 1px solid #08c; background: #111; color: #eee; font-size: 11px;}
#commentform input { font-size: 14px; padding: 5px; }

div.cclear {clear: both;}