/*
Theme Name: mobile
Theme URI: 
Description: HTML5 one column article design for mobile
Version: 
Author: Ales Jagodnik
Author URI: http://www.ajo.si
*/

/*
html
  body
    inner
      header
      nav navigation
      content
        section post x 1
          header title
          section postentry
          footer metadata
      bar
        goleft
        goright
      footer
        nav search
        barline
    /inner
  /body
/html     
*/


body,section,post,header,nav,footer,#content,p,h1,h2,img,a{padding:0;margin:0;border:0;font-family:'Verdana','Lucida Sans Unicode','Arial',sans-serif;text-decoration:none; outline:0;}
header,footer,section,nav{display:block;}
html{background:#000;}
body{width:100%;color:#ddd;margin:0;padding-top:10px;padding-bottom:10px;}
p{font-weight:normal;}


/* HEADING */
h1{font-size:13px;color:#eee;padding-left:3px;}
h2{font-size:11px;color:#eee;}
h3{font-size:11px;color:#999;}

/* ANCHOR */
a{color:#999;text-decoration:none;font-weight:bold;}
h1 a,h2 a,#navigation a,#tabs a{color:#eee;} 

.postmetadata a,#footer a{font-weight:400;color:#999;}
.edit a{font-weight:normal;}

/* HOVER */
.postentry a:hover,.postmetadata a:hover,#footer a:hover,#tabs a:hover,.edit a:hover{color:#fff;}
#navigation a:hover,#bar td :hover {color:#000;}

/* MAIN */
hr{height:2px;border:0;background-color:#999;width:100%;display:block;clear:both;margin:0;padding:0;margin-bottom:6px;margin-top:4px;}
.del{color:#999;}


/* #inner{clear:left;position:absolute;padding:0px;background-repeat:no-repeat;background:#000;max-width:480px;height:640px;top:50%;margin-top:-320px;} */
#inner{clear:left;position:absolute;padding:0px;background-repeat:no-repeat;background:#000;max-width:480px;height:640px;width:100%;}
/* #inner{overflow:hidden;} */

#blogtitle{display:block;float:left;height:24px;}
#blogtitle h1 a {text-align:center;}
#navigation{font-size:10px;display:block;float:left;clear:both;margin-bottom:3px;}

#navigation ul{margin:0px;padding:0px;border:0px;margin-left:2px;}
#navigation li {width:110px;display:inline-block;text-align:center;letter-spacing:0.6px;padding:6px 2px 6px 2px;border-radius:0 0 5px 5px;border:1px solid #fff; border-top:0px; font-size:12px; margin-right:1px;}
#navigation a {font-weight:bold;}
#navigation li:hover {background:#fff;}
#navigation li:hover a {color:#000;}
#active {background:#fff;border-color:#fff;}
#active a {color:#000;}


#tabs{font-size:10px;padding-top:5px;display:block;list-style-type:none;float:right;width:48%;text-align:right;margin-top:-32px;margin-right:5px;}
#tabs li{display:inline;list-style-type:none;}
#footer{clear:both;background:#000;text-align:center;font-size:9px;font-weight:bold;color:#999;position:relative;}
#footer a{font-size:10px;}

#content{display:block;clear:both;float:left;height:515px;}
#longcontent{display:block;clear:both;float:left;}
section{text-align:justify;}
.postmetadata{font-size:9px;color:#999;padding-top:3px;text-align:right;}
li {font-size:11px;}

/* BAR */
#bar{padding:0px 0px 5px 0px;width:100%;}
#barline,#barline ul,#barline li{display:inline;list-style-type:none;margin:0;padding:0;}

/* LAYOUTS */
.single {display:block;float:left;position:relative;padding:0;}
.single img{display:block;width:100%;float:left;margin:0 auto;padding-bottom:10px;padding-top:2px;text-align:center;}
.single p{font-size:10px;line-height:130%;}
.single h1{font-size:11px;letter-spacing:0.2px;padding-bottom:5px;margin:0;display:block;position:absolute;top:4px;left:0px;padding:3px 0 4px 14px;width:97%;max-width:480px;background:rgba(30,30,30,0.4);} 
.single h1 a{color:#fff;} 
/*#postentry ul{width:100%;} */
#longcontent h1 {background:transparent;font-size:11px;letter-spacing:0.2px;padding-bottom:10px;padding-left:4px;margin:0;display:inline;position:static;}


#navbar {display:table;width:100%;padding-bottom:3px;}
#navbar ul {display:table-row;}
#navbar ul li {display:table-cell;}

#middle {width:40%;vertical-align:middle;text-align:center;}
#goleft, #goright {width:30%;vertical-align:middle;}

#goleft{text-align:left;padding-left:15px;}
#goright{text-align:right;padding-right:15px;}

#goleft,#goright{font-size:30px;border-radius:5px;padding-bottom:2px;}

#goleft a,#goright a,#goleft a:active,#goright a:active{color:#555;}

#goleft:hover, #goright:hover {background:#fff;color:#000;}
#goleft a:hover,#goright a:hover {color:#000;}
#goleft :hover a, #goright :hover a{color:#000;}


#postentry p,.postmetadata {margin-right:4px;margin-left:4px;}

#contentsearch{display:block;clear:both;float:left;height:515px;}
#contentsearchterm{display:block;float:left;height:35px;border:0px solid #333;position:relative;margin-bottom:2px;width:100%;}
#contentsearchterm h3{padding-left:10px;}
#searchresults{display:block;clear:both;float:left;margin-top:3px;}
.results{display:block;float:left;height:65px;padding:10px;border:1px solid #333;position:relative;margin-bottom:2px;}
.results p{font-size:11px;}
.results h1{font-size:12px;padding-left:0px;padding-bottom:2px;}

/* SEARCH */
#search form{margin:0;padding:0;padding-bottom:4px;text-align:center;}
#search input{text-align:center;display:inline;width:99%;border:1px solid #222;color:#999;background:#000;font-size:11px;margin:0;padding:2px 0px 2px 0px;}
#search input:hover {background:#fff;color:#000;}

/* PAGE */
.page{display:block;float:left;}
.page p{font-size:11px;line-height:140%;}
.page h1{font-size:13px;padding-bottom:10px;}

.arhiv,.arhivh{border:1px solid #333;margin-top:2px;padding:10px;}
.arhivh{margin:0;}
.monthly{padding:0;margin:0;font-size:11px;padding-top:5px;}
.monthly li{list-style-type:none;display:inline;padding:0;}


/* EXTRAS */
.edit{text-align:right;padding-top:15px;}
#admin{position:absolute;bottom:0px;font-size:11px;text-align:right;width:100px;right:5px;}
.more{position:absolute;bottom:8px;font-size:11px;}
.results .more{display:none;}
.postmetadata{text-align:right;}
.posttitle2{display:none;}