/*
Theme Name: Cutline
Theme URI: http://cutline.tubetorial.com
Description: A squeaky clean, feature-rich theme for WordPress designed and coded by Chris Pearson and Franky..
Version: 2.0
Author: Chris Pearson
Author URI: http://tubetorial.com/
*/
body { background: #fff; color: #000; font-size: 67.5%; font-family: Baskerville, 'Bodoni MT', Palatino, 'Palatino Linotype', serif; text-align: center; }
* { padding: 0; margin: 0; }
#matinicus { position: fixed; font-weight: bold; right: 20px; bottom: 20px; z-index: 6; border: 1px solid #3E3D38; width: 100px; height: 14px; opacity: 0.5; font-family: 'Lucida Grande', Verdana, sans-serif; }
#matinicus a { text-decoration: none; color: #F5F3EA; }
#matinicus #mt { float: left; width: 20px; height: 14px; vertical-align: middle; background-color: #A21818; }
#matinicus #mt:hover { background-color: #8B8B8B; }
#matinicus #lg { float: left; width: 20px; height: 14px; vertical-align: middle; background-color: #1840A3; }
#matinicus #lg:hover { background-color: #8B8B8B; }
#matinicus #ex { float: left; width: 20px; height: 14px; vertical-align: middle; background-color: #1DA318; }
#matinicus #ex:hover { background-color: #8B8B8B; }
#matinicus #tl { float: left; width: 20px; height: 14px; vertical-align: middle; background-color: #A39F18; }
#matinicus #tl:hover { background-color: #8B8B8B; }
#matinicus #tr { float: left; width: 20px; height: 14px; vertical-align: middle; background-color: #5C18A3; }
#matinicus #tr:hover { background-color: #8B8B8B; }
/*---:[ global elements ]:---*/
a { color: #8C887E; text-decoration: none; }
a:hover { color: #807C73; text-decoration: underline; }
a img { border: none; }
blockquote { font-size: 90%; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }
abbr, acronym { border-bottom: 1px dotted #D9D9D9; text-transform: uppercase; cursor: help; }
code { color: #090; font-family: Monaco, "Courier New", Courier, monospace; }
pre { width: 445px; margin: 0 0 1.5em 128px; overflow: auto; font-size: 1.3em; float: left; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.clearer { clear: both; }
.extendedCaps { text-transform: uppercase; font-size: 80%; letter-spacing: 0.3em; }
.caption { font-size: 90%; font-style: italic; }
sup { font-size: 75%; }
/*---:[ headlines ]:---*/
.frontEntry h2 { font-size: 1.8em; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; }
.frontEntry h2 a { text-decoration: none; color: #3E3D38; padding: 0px 0px 0px 20px; background: url('http://legion.matinic.us/wp-content/themes/Cutline2.0/images/smallDArrow.png') no-repeat left; }
.frontEntry h2 a:hover { text-decoration: none; background: url('http://legion.matinic.us/wp-content/themes/Cutline2.0/images/smallRArrow.png') no-repeat left; }
h2.archive_head, h2.page_header { font-size: 1.8em; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; margin: 0px 0px 20px 0px }
h2.archives { font-size: 2.0em; font-weight: normal; font-style: italic; margin: 15px 0px 2px 0px }
h2.searchResult { font-size: 2.0em; font-weight: normal; font-style: italic; }
h2.searchResult .info { font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 60%; font-weight: normal; font-style: normal; }
.singleEntry h2 { font-size: 2.0em; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; }
.singleEntry h2 a { text-decoration: none; color: #3E3D38; padding: 0px 0px 0px 20px; background: url('http://legion.matinic.us/wp-content/themes/Cutline2.0/images/smallDArrow.png') no-repeat left; }
.subtitle { padding: 0px 0px 0px 20px; font-size: 1.6em; font-style: italic; letter-spacing: 0.1em; margin: 6px 0px; color: #3E3D38; }
h3 { font-size: 1.4em; text-transform: uppercase; font-weight: normal; letter-spacing: 0.2em; }
h3.respond, h3.comments_headers { color: #3E3D38; border-top: 2px solid #999893; border-bottom: 1px dotted #BFBEB8; padding: 10px 0px; margin: 15px 0px; }
h4 { font-size: 1.3em; }
h4 a, h4 a:visited { text-decoration: none; }
h4 a:hover { color: #000; text-decoration: underline; }
.posts h4 { font-weight: bold; line-height: 1.6em; padding: 0.4em 0 1.0em 128px; }
.posts h4.meta { padding: 0px 0px 0px 20px; font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1.0em; font-variant: normal; font-weight: normal; color: #66635B; }
.posts h4.meta a { color: #66635B; }
.posts h4.authors { padding: 0px 0px 0px 20px; font-style:italic; font-weight: normal; margin: 0; color: #3E3D38; }
.posts h4.authors a { color: #3E3D38; }
.pages h4 { font-size: 1.2em; line-height: 1.6em; margin: 0 0 4.0em 0; padding: 0.4em 0 0 0; clear: both; }
/*---:[ core layout elements ]:---*/
#container { width: 100% margin: 10px 0 0 0; padding: 0px; }
#topHalf { width: 100%; margin: 0px; padding: 15px 0px; background-color: #ECE9D8; }
#bottomHalf { width: 100%; margin: 0px; padding: 0px; background-color: #F5F3EA; }
#bottomContainer { width: 920px; margin: 0 auto 0 auto; padding: 0px; }
#content_box { width: 920px; text-align: left; float: left; clear: both; padding: 35px 0px 0px; }
#content { width: 500px; padding: 0 0 0 0; float: left; }
* html #content { overflow: hidden; }
#sidebar { width: 185px; padding: 0px; float: left; margin: 0px 0px 0px 10px; overflow: hidden; }
#leftbar { width: 185px; padding: 0px; float: left; margin: 0px 25px 0px 0px; }
* html #leftbar { overflow: hidden; }
#featureBoxA { padding-top: 15px; }
/*---:[ header styles ]:---*/
#masthead { width: 100%; /*height: 100px; background: url('images/logo.gif') no-repeat;*/ /* uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 */ }
/* #masthead a { display: block; width: 836px; height: 175px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */
ul#nav { width: 896px; list-style: none; margin: 0.5em 0 1.2em 0; padding: 0; background: #1D1D1D; float: left; clear: both; }
ul#nav li { text-align: left; float: left; font: 1.4em Helvetica, Arial, sans-serif; font-variant: small-caps; width: 126px; border-right: 2px solid #FFF; display: block; }
ul#nav li a, ul#nav li a:visited { display: block; padding: 0.4em 1.8em 1.5em 0.5em; color: #FFF; text-decoration: none; }
ul#nav li a:hover { color: #FFF; background-color: #C3C3C3; text-decoration: none; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #FFF; text-decoration: none; }
ul#nav li.rss { padding: 0.5em 0 0.5em 0; border: none; float: right; }
ul#nav li.rss a { margin: 0 15px 0 0; padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
#header_img { height: 163px; padding: 1px 0; border-top: solid 1px #000; border-bottom: 1px solid #000; float:left ; clear: both; }
#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */
ul#post-navigation { width: 634px; list-style: none; margin: 0 0 2.3em 0; padding: 0; background: #C3C3C3; float: left; clear: both; }
ul#post-navigation li { text-align: left; float: left; font: 1.3em Calibri, Helvetica, Arial, sans-serif; font-variant: small-caps; width: 126px; border-right: 2px solid #FFF; display: block; }
ul#post-navigation li a, ul#post-navigation li a:visited { display: block; padding: 0.2em 1.8em 1em 0.5em; color: #000; text-decoration: none; }
ul#post-navigation li a:hover { color: #FFF; background-color: #1D1D1D; text-decoration: none; }
ul#post-navigation li.respond { width: 120px; float: right; }
ul#post-navigation li.respond a { text-align: left; display: block; }
/*--- styles for entry on front page --*/
.frontEntry { margin: 0px 0px 50px; }
.frontEntry .postGuts { font-size: 1.4em; margin: 15px 0px 0px; }
.frontEntry .postGuts p { margin: 0px 0px 10px; line-height: 1.6em; }
/*--- styles for single entry --*/
.singleEntry { margin: 0px 0px 50px; }
.singleEntry .postGuts { font-size: 1.5em; margin: 15px 0px 0px; }
.singleEntry .postGuts p { margin: 0px 0px 10px; line-height: 1.6em; }
.searchGuts { font-size: 1.3em; margin: 15px 0px 0px 5px; }
/*---:[ content styles ]:---*/
.tagged { display: block; margin: 0; padding: 0.4em 0; clear: both; }
.tagged a, .tagged a:visited { padding: 3px; color: #5F5F5F; text-decoration: none; border: none; background: none; }
.tagged a:hover { padding: 3px; color: #fff; background: #D9D9D9; text-decoration: none; border: none; }
.add_comment { display: block; padding: 0; font-weight: bold; }
.add_comment a, .add_comment a:visited { display: block; padding: 0; color: #333; text-decoration: none; border: none; }
.add_comment a:hover { padding: 0; width: 504px; background: #D9D9D9; text-decoration: none; border: none; }
.navigation { width: 500px; margin: 2.0em 0 3.0em 0; font-size: 1.2em; font-family: 'Lucida Grande', Verdana, sans-serif; float: left; }
* html .navigation { margin: 0 0 2.5em 0; }
.previous { padding: 0 16px 0 0; float: left; }
.next { padding: 0 8px 0 0; float: right; }
.clear { width: 640px; height: 1px; clear: both; }
.clear-small { width: 128px; height: 1px; clear: both; }
/*---:[ sidebar styles ]:---*/
#aboutText { font-size: 1.0em; margin: 5px 0px; width: 183px; text-align: right; font-family: 'Lucida Grande', Verdana, sans-serif; color: #66645C; }
ul.sidebar_list { list-style: none; }
ul.sidebar_list li.widget { margin: 0 0 30px 0; line-height: 1.4em; float: left; }
li.widget h2 { font-weight: bold; font-size: 1.1em; letter-spacing: normal; font-variant: small-caps; line-height: 1.8em; padding: 2px; }
li.widget p { margin: 0 0 1.5em 0; padding: 0 4px; }
li.widget ul { list-style: none; color: #99958A; margin: 0 0 0.5em 0; font-size: 1.2em; font-family: 'Lucida Grande', Verdana, sans-serif; }
li.widget ol { margin: 0 0 0.5em 0; }
li.widget li { margin: 10px 0px 0px 5px; }
li.widget li a, li.widget li a:visited { padding: 0px 0px 0px 24px; color: #66645C; text-decoration: none; }
li.widget li a:hover { padding: 0px 0px 0px 24px; color: #99958A; background: url('http://legion.matinic.us/wp-content/themes/Cutline2.0/images/smallarrow.png') no-repeat left; text-decoration: none; }
li.widget li a img { border: none; }
li.widget li .recent_date { padding: 0 4px 0 8px; color: #888; }
/*---:[ footer styles ]:---*/
#footer { width: 896px; font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1.0em; padding: 1.0em 0 4.0em; border-top: 1px solid #99958A; float: left; clear: both; }
#footer p { margin: 0 0 0.2em 0; color: #99958A; text-align: right; }
#footer a, #footer a:visited { color: #99958A; text-decoration: underline; }
#footer a:hover { color: #99958A; text-decoration: none; }
/*---:[ comment styles ]:---*/
.commentSpecialNote { font-size: 1.2em; font-family: 'Lucida Grande', Verdana, sans-serif; padding: 10px; margin: 15px 0px; border: 1px dotted #BFBEB8; background-color: 1px solid #E6E0CF; }
#comments { width: 500px; float: left; clear: both; }
ul#comment_list { list-style: none; margin: 0 0 50px 0; float: left; }
ul#comment_list li.comment { float: left; width: 500px; padding: 15px 0 0 0; border-bottom: 1px solid #B3ADA1; }
ul#comment_list li.trackback { float: left; width: 500px; padding: 15px 0 0 0; border-bottom: 1px solid #B3ADA1; background: url('images/trackback_bg.gif'); }
.comment-meta { color: #807C73; background-color: #FAF9F5; border-left: 2px solid #807C73; border-right: 2px solid #807C73; float: left; font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1.1em; width: 480px; padding: 0.5em 10px 0.5em 10px; margin: 0 0 1.0em 0; text-align: left; }
.comment .entry p { margin: 0 0.5em 1.0em 0.5em; font-size: 1.4em; line-height:1.4em; }
.respond p { margin: 0 0 0 128px; }
/*---:[ comment form styles ]:---*/
#comment_form { width: 500px; float: left; margin: 0px 0px 30px 0px; }
.add-comment { padding: 0; font-family: 'Lucida Grande', Verdana, sans-serif; margin: 0px 0px 15px 0px; }
.add-comment label { float: left; width: 100px; font-size: 1.1em; color: #99958A; }
.add-comment .text_input { width: 367px; padding: 3px; color: #444; margin: 0 0 0 5px; border: 1px solid #99958A; }
.add-comment .text_input:focus { border: 1px solid #66635C; }
.loggedIn { font-size: 1.2em; font-family: 'Lucida Grande', Verdana, sans-serif; padding: 10px; margin: 15px 0px; border: 1px dotted #BFBEB8; background-color: 1px solid #E6E0CF; }
#comment_form p { padding: 0.6em 0; }
#comment_form2 .text_input { width: 352px; padding: 0 3px ; color: #444; font: normal 1.2em Helvetica, Georgia, Times, serif; margin: 0 0 0 99px; 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: 367px !important; }
#comment_form .form_submit { padding: 0.3em; border: 1px solid #66635C; background-color: #CCC7B8; float: left; margin-left: 105px; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
/*---:[ search form styles ]:---*/
#searchform, #email_subscribe { margin: 0.8em 0 0 0; padding: 0px }
#s, #email_subscribe .email_input { width: 160px; margin: 0 0 10px; padding: 3px; color: #5F5F5F; font-size: 1.0em; border: 1px solid #999; }
li.widget .search_input { font-size: 1.0em !important; }
#s:focus, #email_subscribe .email_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }