/*   
Theme Name: I Like Your Style
Theme URI: http://www.altovideo.org
Description: I Like Your Style
Author: Mike Bulajewski
Author URI: http://www.altovideo.org
Version: v1.0

*/

/**
  * Page styles
 **/
html, body  { height: 100%; min-height: 100% }
body        { background: #6f9dbe; font: 11px Tahoma; margin: auto 0; min-height: 100%  }
div#content { border-left: 4px solid #5f87a3; border-right: 4px solid #5f87a3; overflow: auto; background: white url(images/bg.jpg) repeat-x; width: 828px; margin: auto; padding: 0px 36px; min-height: 100%; overflow: auto; }

/**
  * Masthead
 **/
div#masthead   { padding-top: 40px }
a#tracktitle   { font: 11px Tahoma; line-height: 24px; text-decoration: none; color: black; }
a#logo         { background: url(images/logo.png) bottom left no-repeat; display: block; width: 134px; height: 24px; float: left; margin-right: 5px; }

/**
  * Main navigation
 **/
ul#nav    { height: 24px; background: url(images/navbg.png) no-repeat; font-weight: bold; display: block; padding: 0; margin: 0; padding-top: 10px; clear: both;}
ul#nav li { padding: 0px 30px; float: left; margin: 0; list-style: none; background: url(images/bullet.png) 0% 55% no-repeat; }
ul#nav li a             { color: #724d00; text-decoration: none; font: bold 10px Tahoma}
ul#nav li a:hover       { text-decoration: underline }
ul#nav > li:first-child { background: none }

/**
  * Posts
 **/
h2 { font: 28px Segoe UI, Arial; letter-spacing: -0.08em; padding: 0; margin: 0; color: #000; margin-left: 5px;}

div#content_panel { margin-top: 30px;}
div.front { width:589px; float: left; margin-right: 4px;  }
div.inner_panel { padding-top: 3px }
div.front div.inner_panel { background: url(images/content_panel_top.png) no-repeat;}
div.full  div.inner_panel { background: url(images/full_content_panel_top.png) no-repeat;}
div.inner_text { background: white; padding: 36px; padding-bottom:0px; overflow: auto; border-bottom: 0px solid #f5f5f5 }
div.inner_text:last-child { border: 0; margin-bottom: 0px; padding-bottom: 24px;}
div.full div.inner_text { border: 0; padding-bottom: 0px; }
div.inner_text a, p a { color: #1d4968; }

div.inner_text li { line-height: 1.8em; list-style: disc url(images/bullet.png); }
div.inner_text blockquote { line-height: 1.8em; padding: 10px; margin: 10px; background: #444 url(images/quotes.png) no-repeat 3px 0px; color: white;}
div.blockquote blockquote { margin: 0px }
div.blockquote div { background: url(images/blockquote_bottom.png) no-repeat top left; padding-top: 3px; }
div.blockquote { background: url(images/blockquote_top.png) no-repeat top left; padding-top: 3px; margin: 10px;}

div.full div.blockquote { background-image: url(images/blockquote_top_full.png) }
div.full div.blockquote div { background-image: url(images/blockquote_bottom_full.png) }

h3, h3 a { font: bold 18px Segoe UI, Arial; padding: 0; margin: 0; color: #2f6d9a; }
h3 a {text-transform: uppercase; text-decoration: none }
h4 { font: bold 11px Tahoma; color: #1d4968 }
h4.comment, h4.related { padding-left: 18px; line-height: 20px;}
h4.comment  { background: url(images/comment_edit.png) no-repeat center left; margin-bottom: -10px}
h4.related { background: url(images/page_white_stack.png) no-repeat center left; margin-bottom: 5px}
p { font: 11px Tahoma; line-height: 1.6em; margin: 10px 2px;}
p.info { font: 10px Tahoma }


/**
  * Info panel
 **/
div.info_panel { clear: both; font: 10px Tahoma; background: #f5f5f5 url(images/info_panel_top.png) no-repeat top left; width: 493px; padding: 12px 12px; }
div.full div.info_panel { background-image: url(images/info_panel_top_full.png); width: 730px;  }
div.info_panel span { padding-right: 24px; padding-left: 20px; padding-bottom: 4px; padding-top: 2px;}
div.info_panel span a { color: #1d4968 }
div.info_panel span strong { color: #444 }
span.date      { background: url(images/date.png) no-repeat center left; }
span.permalink { background: url(images/link.png) no-repeat center left; font-weight: bold }
span.tags      { background: url(images/tag.png) no-repeat 0% 50%; text-transform: lowercase} 
span.comments  { background: url(images/comments.png) no-repeat center left; font-weight: bold;}
span.edit      { background: url(images/page_white_edit.png) no-repeat center left; font-weight: bold; }	
span.comments a { text-decoration: none }

div.info_panel_corners { clear: both; background: url(images/info_panel_bottom.png) no-repeat bottom left; padding-bottom: 3px;}
div.full div.info_panel_corners { background-image: url(images/info_panel_bottom_full.png); margin-top: 4em}

/**
  * Related
 **/
div#related{ border-top: 1px solid #e9e9e9; margin-top: 8px; padding-top: 8px; line-height: 1.2em;}
div#related strong { padding-right: 12px; color: #444}
div#related a { color: #1d4968 }

/**
  * Side Panel
 **/
div.side_panel { background: url(images/side_panel_top.png) no-repeat; padding: 0px; padding-top: 3px; width: 233px; float: left;margin-top: 4px;}
div.side_panel div.corners { background: url(images/side_panel_bottom.png) no-repeat bottom left; padding-bottom: 3px; width: 233px;}
div.side_panel div.inner_panel { background: #444; padding: 4px 10px;}

div.side_panel h3 { font: bold 14px Segoe UI, Arial; color: #6f9dbe;  }

div.side_panel ul, div.sidebar_div { list-style: none; padding: 0; margin: 0; margin-bottom: 30px; }
div.side_panel ul li { line-height: 12px; clear: both; padding-bottom: 5px; overflow: auto;}
div.side_panel ul li a { color: white; text-decoration: none;}
div.side_panel ul li a:hover { text-decoration: underline }

div.side_panel ul.tagcloud { overflow: auto }
div.side_panel ul.tagcloud li { float: left; clear: none; padding-right: 10px; line-height: 1.6em}

div.tagcloud { text-align: left;  }
div.tagcloud a { color: white; text-decoration: none; white-space: nowrap; padding-right: 10px; text-transform: lowercase }
div.tagcloud a:hover { text-decoration: underline; }

div.side_panel ul#recent li a:hover span { text-decoration: underline }
div.side_panel ul#recent span { display: block; float: left; float: left; width: 170px; }
div.side_panel ul#recent strong { color: #f7a700; display: block; width: 43px; float: left; }

/**
  * Special link styles
 **/
a.more { display: block; font: bold 10px Tahoma; padding-bottom: 5px; color: #c28300;padding: 0px 2px; margin-bottom: 5px; float: left; height: 12px; background: #fff; }
a img { border: 0 }
a.continue { display: block; height: 20px; color: #555; text-align: left; font: bold 11px Tahoma; line-height: 20px; text-decoration: none; margin-top: 10px; margin-bottom: 12px;
background: url(images/bullet_go.png) no-repeat center left; padding-left: 16px; }
a.continue:hover { text-decoration: underline }

/**
  * Comments
 **/
div#comments { background: white; padding: 36px;}
div.comment { border-bottom: 1px solid #f5f5f5; overflow: auto; }
div.comment div.comment_info { text-align: right; float: left; width: 222px;}
div.comment div.comment_info strong { color: #1d4968; }
div.comment div.comment_info a { color: #1d4968; }
div.comment div.comment_text { margin-left: 222px;padding-left: 24px; }

div#comments form { padding: 12px; overflow: auto; background: #6f9dbe url(images/form_top.png) no-repeat top left;}
div#comments form input[type="text"], div#comments form textarea { display: block; margin-bottom: 10px; padding: 3px; border: 1px solid #575757; margin-top: 0px;border: 1px solid #888; border-top: 1px solid #666;  }
div#comments form input{ float: left; }
div#comments form textarea { float: right; width: 440px; height: 220px; }
div#comments form label { font-weight: bold; padding-right: 10px; display: block; float: left; clear: both; width: 70px; text-align:right; line-height: 25px;}
div#comments div.corners { background: url(images/form_bottom.png) no-repeat bottom left; padding-bottom: 2px }

div#comments div#basic_panel { float: left; height: 222px }
div#comments div#basic_panel strong { display: block; margin-bottom: 12px; }
div#comments div#basic_panel a { color: white }

/**
  * Footer
 **/
div#footer { overflow: auto;clear: both; padding: 18px; text-align: center; color: #aaa; border-top: 1px solid #eee }
div#footer a { padding-right: 5px; padding-left: 9px; color: #999; background: url(images/bullet.png) left 55% no-repeat; }