/*
Theme Name: Cutline Extended
Theme URI: http://www.hometurfmedia.com/
Description: Heavily modified theme from Cutline 1.1.
Custom made for Jon Symons -- hometurfmedia.com.
Version: 1.0
Author: Sunaryo Hadi
Author URI: http://www.sunaryohadi.info/
HomeTurfMedia 1.0
http://www.hometurfmedia.com
*/
/**********************************/
/* General */
/**********************************/
body {background: #fff; color: #333; font: 86%/1.0em Georgia, "Times New Roman", Times, serif;
width: 930px; margin:0 auto; padding:0;}
.clear {clear:both; overflow:hidden;}
a { color: #0060ff; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover { color: #df0000; text-decoration: underline; }
a img { border: none; }
h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; line-height:1.2em; padding:0; margin:0;}
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.flickr_blue { color: #007ae4; text-transform: lowercase; }
.flickr_pink { color: #ff2a96; text-transform: lowercase; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }
/**********************************/
/* Layout */
/**********************************/
#container, #header, #content, #sidebar, #sidebar-top, #sidebar-left, #sidebar-right, #sidebar-bottom, #footer {display: block; overflow: hidden;}
#container {padding-left:15px; margin-top:10px; }
#header { margin-bottom: 25px; border-top: 1px solid #ddd; padding-top: 10px;}
#content {float:left; width: 504px; margin:0; padding:0; bordewr:none;} /* Total width: 540px + 15px column spacing;*/
#sidebar {float:right; width: 385px;margin:0; padding:0;}
#sidebar-left {float:left; width: 210px;margin:0; padding:0;}
#sidebar-right {float:right; width: 160px;margin:0; padding:0;}
#sidebar-bottom {clear:both; margin:0; padding:0;}
/**********************************/
/* Header */
/**********************************/
#header #header-ads {float:left; margin:0; padding:0; width: 730px; overflow: hidden;}
#header #header-ads-text {float:right; margin:0; padding:0; width:180px; vertical-align: middle;text-align:center;}
#header #menu {clear:both; overflow:hidden;background: transparent url(img/dot.png) repeat-x 0px 8px; margin:0; padding:0;}
#header #menu ul {float: left; background: transparent; margin:0; padding: 8px 10px 0 10px; list-style: none; width: 710px; }
#header #menu ul li { margin:0; padding: 0.85em 40px 0.7em 0; font: bold 1.0em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; }
#header #menu ul li a, #header #menu ul li a:visited { color: #000; text-decoration: none; }
#header #menu ul li a:hover { color: #000; text-decoration: underline; }
#header #menu ul li a.current, #header #menu ul li a.current:visited, #header #menu ul li a.current:hover {color: #090; text-decoration: underline;}
#header #menu ul li.rss { padding: 0.85em 0 0.7em 0; float: right; }
#header #menu ul li.rss a { padding: 0 18px 0 0; background: url(img/icon_rss.gif) 100% 50% no-repeat; }
#header #logo {display:block; float:right; padding-right: 20px;}
#header #headline {clear:both; overflow: hidden; height: 140px;border-top: 3px solid #000; border-bottom: 1px solid #333; background: #fff url(img/header_1.jpg) 280px top no-repeat;}
#header #headline h1 {font-size:2.5em; margin:0; padding: 15px 0 5px 0px;}
#header #headline h1 a {color: #000; text-decoration: none;}
#header #headline h1 a:hover {color: #999;}
#header #headline h2 {font-size: 1.4em; margin:0; padding: 0px 0 5px 0px; color: #999}
#header #headline #blogtitle {width: 280px; text-align: center;}
/**********************************/
/* Content side */
/**********************************/
#content h2.pagetitle { font-weight: bold; font-size: 1.0em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 1.0em 0; padding: 0.4em 2px 0.6em 2px; border-top: 3px solid #000; background: url('img/dot.png') left 27px repeat-x; }
#content .post {line-height: 1.65em; padding-bottom:20px;}
#content .post h2 {font-size: 20px; margin:0px; text-align:left;}
#content .post h2 a { color: #000; text-decoration: none; }
#content .post h2 a:visited { color: #555; text-decoration: none; }
#content .post h2 a:hover { color: #090; text-decoration: none; }
#content .post h3 {font-size: 1.0em; margin: 10px 0px; text-align:left; text-transform: uppercase; font-weight:bold;}
#content .post .post-date {font-size: 0.86em; font-style: italic; color: #888; background: url('img/line.gif') no-repeat bottom left; padding-bottom: 10px; margin-bottom: 20px;}
#content .post .post-date a, #content .post-date a:visited { color: #888; text-decoration: none; }
#content .post .post-date a:hover { color: #888; text-decoration: underline; }
#content .post .entry {color: #333;}
#content .post .entry p { margin: 0 0 1.5em 0; }
#content .post .entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
#content .post .entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
#content .post .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
#content .post .entry ul, #content .post .entry ol { margin: 0; padding:0 0 1.5em 40px; }
#content .post .entry ul { list-style-type: square; }
#content .post .entry ul li { margin: 0 0 0.5em 0; }
#content .post .entry ul li ul, #content .post .entry ul li ol, #content .post .entry ol li ul, #content .post .entry ol li ol { margin: 0.5em 0 0.5em 0; padding:0 0 0 15px;}
#content .post .entry dl { margin: 0 0 1.5em 0; }
#content .post .entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
#content .post .entry dd { margin: 0 0 1.5em 20px; }
#content .post .entry .ad { margin: 0 0 0.5em 15px; float: right; }
#content .post .entry .ad_left { margin: 0 15px 0.5em 0; float: left; }
#content .post .entry img { }
#content .post .entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
#content .post .entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
#content .post .entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
#content .post .entry img.off { padding: 0 !important; border: none !important; }
#content .post .entry img.stack { clear: none !important; }
#content .postmetadata { font-size: 0.86em; margin:0.1em 0 1.0em 0; padding: 0.6em 0 0 0; background: url('img/line2.gif') top left no-repeat; line-height: 1.2em; color: #888; clear: both;}
#content .postmetadata a, #content .postmetadata a:visited { margin:0;padding: 0.25em 0.5em;; color: #333; text-decoration: none; }
#content .postmetadata .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
#content .postmetadata a:hover { color: #fff; background: #333; text-decoration: none; }
#content .content-ads { padding: 5px 0 20px 0; text-align: center;}
#content .navigation { width: 100%; font-size: 1.0em; float: left; margin-bottom: 25px;}
#content .navigation .previous { padding: 0 20px 0 0; float: left; }
#content .navigation .next { float: right; }
/**********************************/
/* Sidebar - 2 column */
/**********************************/
#sidebar ul { clear:both; overflow: hidden; list-style: none; margin:0 0 2.0em 0; padding:0; line-height: 1.5em;}
#sidebar ul li h2 { font-weight: bold; font-size: 1.0em; line-height:1.0em; text-transform: uppercase; letter-spacing: normal; margin:0 0 2px 0; padding: 5px 2px 5px 2px; border-top: 3px solid #000; background: url('img/dot.png') left bottom repeat-x; }
#sidebar ul li ul {list-style-type: square; margin:0; padding: 0 0 0 25px;}
#sidebar ul li ul li ul {padding: 5px 0 0 15px; line-height:1.0em; color: #999;}
#sidebar ul li ul li {line-height: 2.0em;}
#sidebar ul li ul li h2 {background: none; border: none; margin:0; padding:0;}
#sidebar ul li#search ul, #sidebar ul li#tags ul,
#sidebar ul li#htm-network ul {margin:0; padding:0;list-style-type:none;}
#sidebar ul li#tags a {text-decoration:none;}
#sidebar ul li#tags a:hover {text-decoration:underline;}
#sidebar ul li#search ul li form {margin:0;padding: 3px 0 0 0;}
#sidebar ul li#search ul li input { width: 98%; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
#sidebar ul li#search ul li input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#sidebar ul li#sidebar-ads {padding: 0px 0; height: 250px; text-align: center;}
#sidebar ul li#calendar ul, #sidebar ul li#archive ul {padding:0;list-style-type:none;}
#sidebar table#wp-calendar td, #sidebar table#wp-calendar th {line-height:1.0em; text-align: center; width: 100%;}
#sidebar ul li#links ul.links {margin-top: 10px; }
#sidebar ul li#links ul.links li ul {margin-top: 0px; padding-top:0;}
/* sidelined blogroll
#sidebar ul li#links ul.links {margin-top: 5px;}
#sidebar ul li#links ul.links li ul {margin: 5px 0 0 0; padding:0;}
#sidebar ul li#links ul.links li ul li { display: inline; padding: 0 10px 0 0; margin:0; line-height: 1.0em;}
*/
/**********************************/
/* Footer */
/**********************************/
#footer {border-top: 1px solid #ccc; padding:0; text-align: right; line-height: 2.5em; color: #666; margin-top: 20px;}
#footer a, #footer a:visited {color: #666; text-decoration: none; }
#footer a:hover {text-decoration: underline;}
/**********************************/
/* Comment */
/**********************************/
#comments { width: 500px; float: left; clear: both; margin-top:10px; line-height:1.5em;}
h3.comments_headers { font-size: 1.0em; text-transform: uppercase; font-weight: bold;}
#comments ul {margin:0;padding:0;}
ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
.comment_meta { margin: 0 0 1.2em 0; }
.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
.trackback .comment_num { padding: 0 0 0 20px; }
.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
.comment_num a:hover { color: #df0000; text-decoration: none; }
.comment_meta strong { font-size: 1.2em; }
.comment_time { font: normal 11px Verdana, Helvetica, Arial, sans-serif; color: #888; }
.comment .entry { padding: 0 15px; }
.comment .entry p { margin: 0 0 1.0em 0; }
#comment_form { width: 100%; padding: 1.0em 0 0 0; float: left; margin:0; line-height:1.0em; }
#comment_form p { padding: 0.6em 0; margin:0;}
#comment_form p.unstyled {font-size:0.86em;}
#comment_form label { padding: 0 0 0 10px; font-size: 1.0em; font-weight:normal}
#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_area { width: 321px !important; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.0em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
#comment_form p.subscribe-to-comments { font-size: 1.0em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
/************************************/
/* HTM-Network-Links Widget plugin */
/************************************/
/*
#blogroll { width: 95%; margin: 0 0 0 10px; padding: 0; overflow:hidden;}
#channels { color: #111111; margin: 0; padding: 0; }
#channels .blogroll_h3 {clear:both; overflow:hidden; margin: 2px 0 0 0; padding:0;}
#channels h3 {clear:both; overflow:hidden; color: #222222; font-size:0.80em; border:1px dashed #cad0a2;
background: #FaFcfa; margin: 8px 0 0 0; padding:2px 5px 2px 5px;}
#channels .list {clear:both; overflow:hidden; background: #FFF; color: #111; margin: 0 0 2px 0; padding: 0; }
#channels .list ul { margin: 0; padding:0; list-style: none;}
#channels .list ul li {clear:both; line-height: 1.4em; font-size:0.78em; margin:0; padding: 2px 0 2px 6px;}
#channels a img { border: 0;}
#channels .blogroll_title { float: left; margin: 0; padding: 0; width: 85%; padding-bottom: 0px; }
#channels .blogroll_feed { float: right; margin: 0; padding: 0; width: 15%; }
*/