
/*
Theme Name:		Cutline 
Theme URI:		http://cutline.tubetorial.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a> and <a href="http://ifranky.com">Franky</a>..
Version:		2.1 
Author:			Chris Pearson and David Peralty
Author URI:		http://tubetorial.com/
*/


body {
background : #fff;
color : #000;
font : 67.5% georgia, helvetica, arial, sans-serif;
text-align : center;
}
* {
padding : 0;
margin : 0;
}
a {
color : #333;
text-decoration : underline;
}
a:visited {
color : #5f5f5f;
text-decoration : underline;
}
a:hover {
color : #5f5f5f;
text-decoration : underline;
}
a img {
border : none;
}
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 #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;
}
* html pre {
font-size : 1em;
}
p.center {
text-align : center !important ;
}
p.bottom {
margin : 0 !important ;
}
p.unstyled {
font-size : 1.4em;
}
.flickr_blue {
color : #d9d9d9;
}
.flickr_pink {
color : #5f5f5f;
}
h1, h2, h3 {
font-weight : bold;
font-family : Helvetica, Arial, sans-serif;
color : #000;
}
h1 {
font-size : 2em;
letter-spacing : -0.03em;
}
* html h1 {
letter-spacing : -0.1em;
}
#masthead h1 {
padding : 0.2em 0.3em 0.8em;
font-variant : small-caps;
text-align : left;
clear : both;
}
h1 a, h1 a:visited, h1 a:hover {
color : #000;
text-transform : none;
text-decoration : none;
}
h2 {
font-size : 1.6em;
border-top : 1px solid #000;
font-variant : small-caps;
}
h2 a {
font-weight : bold;
line-height : 1.8em;
text-decoration : none;
}
h2 a:visited {
color : #000;
text-decoration : none;
}
h2 a:hover {
text-decoration : none;
}
.posts h2 {
margin : 0 0 0.1em 0;
line-height : 2em;
border-bottom : 1px solid #d9d9d9;
}
.pages h2, h2.page_header {
margin : 0 0 0.75em 0;
line-height : 2em;
border-bottom : 1px solid #d9d9d9;
}
h2.archive_head {
font-weight : bold !important ;
font-size : 1.4em !important ;
font-variant : small-caps !important ;
letter-spacing : normal !important ;
margin : 0 0 1.8em 0 !important ;
padding : 0.4em 2px !important ;
border-top : 1px solid #000 !important ;
border-bottom : 1px solid #d9d9d9;
}
.h2 span a {
text-align : right;
}
h3 {
font-size : 1.4em;
font-variant : small-caps;
}
#masthead h3 {
margin : 0 0 0.3em 0;
padding : 0 0.3em 0 0.4em;
font-variant : normal;
font-weight : normal;
font-size : 1.8em;
color : #888;
text-align : left;
}
.entry h3 {
margin : 2.5em 0 0.5em 0;
padding : 0 0 0 128px;
}
.entry h3.top {
margin : 1.5em 0 0.5em 0 !important ;
}
h3.comments_headers {
font-size : 1.6em;
line-height : 1.8em;
border-top : 1px solid #000;
}
h3.respond {
font-size : 1.6em;
line-height : 1.8em;
border-top : 1px solid #000;
border-bottom : 1px solid #d9d9d9;
}
h4 {
font : normal 1.2em Helvetica, Georgia, Times, serif;
}
h4 a, h4 a:visited {
text-decoration : none;
}
h4 a:hover {
color : #000;
text-decoration : underline;
}
.posts h4 {
font-variant : small-caps;
font-weight : bold;
line-height : 1.6em;
padding : 0.4em 0 1em 128px;
}
.posts h4.meta {
float : left;
font-variant : normal;
font-weight : normal;
width : 115px;
padding : 0 0 1.25em;
}
.pages h4 {
font-size : 1.2em;
line-height : 1.6em;
margin : 0 0 4em 0;
padding : 0.4em 0 0 0;
clear : both;
}
#container {
width : 896px;
margin : 10px auto 0 auto;
}
#content_box {
width : 896px;
text-align : left;
float : left;
clear : both;
}
#content {
width : 632px;
padding : 0 8px 0 0;
float : left;
}
* html #content {
overflow : hidden;
}
#sidebar {
width : 256px;
float : left;
}
* html #sidebar {
overflow : hidden;
}
#footer {
width : 896px;
padding : 1em 0;
border-top : 2px solid #ccc;
font : normal 1.1em/1.3em Helvetica, Arial, sans-serif;
float : left;
clear : both;
}
#masthead {
width : 896px;
border-top : 5px solid #000;
}
ul#nav {
width : 896px;
list-style : none;
margin : 0.5em 0 1.2em 0;
padding : 0;
background : #266fb3;
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 : #7ca1d8;
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') no-repeat 100% 50%;
}
#header_img {
height : 163px;
padding : 1px 0;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
float : left;
clear : both;
}
#header_img img {
display : block;
}
ul#post-navigation {
width : 634px;
list-style : none;
margin : 0 0 2.3em 0;
padding : 0;
background : #266fb3;
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 : #7ca1d8;
text-decoration : none;
}
ul#post-navigation li.respond {
width : 120px;
float : right;
}
ul#post-navigation li.respond a {
text-align : left;
display : block;
}
.page_entry, .entry {
margin : 0 0 1.5em 0;
font-size : 1.3em;
line-height : 1.5em;
}
.page_entry blockquote, .entry blockquote {
font-size : 1em;
margin : 0 0 0 130px;
}
.entry blockquote.right {
width : 256px;
color : #c3c3c3;
font-style : italic !important ;
font-size : 1.3em !important ;
margin : 0.3em 0 0.3em 15px !important ;
padding : 0.3em 0 !important ;
border : 3px double #33ccff;
border-width : 3px 0;
text-align : center;
float : right;
}
.entry blockquote.left {
width : 256px;
color : #c3c3c3;
font-style : italic !important ;
font-size : 1.3em !important ;
margin : 0.3em 15px 0.3em 1280px !important ;
padding : 0.3em 0 !important ;
border : 3px double #c3c3c3;
border-width : 3px 0;
text-align : left;
float : left;
}
.entry blockquote p, .entry blockquote.right p, .entry blockquote.left p {
margin : 0 16px 16px 16px !important ;
line-height : 1.5em !important ;
}
.page_entry a, .entry a {
color : #5f5f5f;
text-decoration : none;
background : #f7f7f7;
}
.page_entry a:visited, .entry a:visited {
color : #5f5f5f;
text-decoration : none;
}
.page_entry a img, .entry a img {
text-decoration : none;
}
.entry p {
margin : 0 16px 1.5em 128px;
}
.page_entry p {
margin : 0 16px 1.5em 0;
}
.page_entry ul, .page_entry ol, .entry ul, .entry ol {
margin : 0 0 1.5em 152px;
}
.page_entry ul, .entry ul {
list-style-type : square;
}
.page_entry li, .entry li {
margin : 0 0 0.5em 0;
}
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {
margin : 0.5em 0 0.5em 32px;
}
.entry dl {
margin : 0 0 1.5em 0;
}
.entry dt {
font-weight : bold;
margin : 0 0 0.5em 0;
}
.entry dd {
margin : 0 0 1.5em 16px;
}
.entry .ad {
margin : 0 0 0.5em 16px;
float : right;
clear : right;
}
.entry .ad_left {
margin : 0 16px 0.5em 0;
float : left;
clear : left;
}
.page_entry img.left, .entry img.left {
padding : 3px;
margin : 0 16px 0.5em 0;
border : 3px double #c3c3c3;
float : left;
clear : left;
}
.page_entry img.right, .entry img.right {
padding : 3px;
margin : 0 0 0.5em 16px;
border : 3px double #c3c3c3;
float : right;
clear : right;
}
.page_entry img.center, .entry img.center {
display : block;
padding : 3px;
margin : 6px auto 1.5em auto;
border : 3px double #c3c3c3;
float : none;
}
.entry img.off {
padding : 0 !important ;
border : none !important ;
}
.entry img.stack {
clear : none !important ;
}
.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 : 640px;
margin : 0 0 3em 0;
font-size : 1.2em;
font-variant : small-caps;
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;
}
ul.sidebar_list {
list-style : none;
}
ul.sidebar_list li.widget {
width : 256px;
margin : 0 0 2.5em 0;
font-size : 1.2em;
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;
border-top : 1px solid #000;
}
li.widget p {
margin : 0 0 1.5em 0;
padding : 0 4px;
}
li.widget ul {
list-style : none;
color : #c3c3c3;
margin : 0 0 0.5em 0;
border-top : 1px dotted #d9d9d9;
}
li.widget ol {
margin : 0 0 0.5em 0;
}
li.widget li {
margin : 0;
}
li.widget li a, li.widget li a:visited {
padding : 0 0 0.5em 4px;
color : #000;
text-decoration : none;
border-bottom : 1px dotted #d9d9d9;
display : block;
}
li.widget li a:hover {
padding : 0 0 0.5em 4px;
color : #fff;
background : #c3c3c3;
text-decoration : none;
}
li.widget li a img {
border : none;
}
li.widget li .recent_date {
padding : 0 4px 0 8px;
color : #888;
}
li.widget ul.latestactivity {
list-style : none;
color : #c3c3c3;
margin : 0 0 0.5em 0;
border-top : 1px dotted #d9d9d9;
}
li.widget ul.latestactivity li.alternate {
display : block;
margin : 0;
padding : 0 0 0.5em 3px;
border-bottom : 1px dotted #d9d9d9;
}
li.widget ul.latestactivity li.alternate a {
padding : 0;
}
li.widget ul.latestactivity li a, li.widget ul.latestactivity li a:visited {
display : inline;
padding : 0;
color : #000;
text-decoration : none;
border : none;
}
li.widget ul.latestactivity li a:hover {
display : inline;
padding : 0;
color : #fff;
background : #c3c3c3;
text-decoration : none;
}
li.widget ul.flickr_stream {
list-style : none;
margin : 0;
padding : 0;
}
li.widget ul.flickr_stream li {
padding : 3px;
display : inline;
margin-bottom : 0;
border-top : none;
}
li.widget ul.flickr_stream li a img {
padding : 0;
display : inline;
}
li.widget ul.flickr_stream li a:hover img {
padding : 0;
background : none;
}
ul.sidebar_list li.widget-special {
width : 256px;
margin : 0 0 2.5em 0;
font-size : 1.2em;
line-height : 1.4em;
float : left;
}
li.widget-special h2 {
font-weight : bold;
font-size : 1.1em;
letter-spacing : normal;
font-variant : small-caps;
line-height : 1.8em;
padding : 2px;
border-top : 1px solid #000;
}
li.widget-special ul {
list-style : none;
color : #c3c3c3;
margin : 0 0 0.5em 0;
}
li.widget-special ul.flickr_stream {
list-style : none;
margin : 0;
padding : 0;
}
li.widget-special ul.flickr_stream li {
margin : 0;
padding : 0;
display : inline;
}
li.widget-special ul.flickr_stream li a img {
padding : 4px;
}
li.widget-special ul.flickr_stream li a:hover img {
background : none;
}
ul.sidebar_list li#linkcat-1, ul.sidebar_list li#linkcat-2, ul.sidebar_list li#linkcat-3, ul.sidebar_list li#linkcat-4, ul.sidebar_list li#linkcat-5, ul.sidebar_list li#linkcat-6, ul.sidebar_list li#linkcat-7, ul.sidebar_list li#linkcat-8, ul.sidebar_list li#linkcat-9 {
width : 256px;
margin : 0 0 2.5em 0;
font-size : 1.2em;
line-height : 1.4em;
float : left;
}
ul.sidebar_list li#linkcat-1 h2, ul.sidebar_list li#linkcat-2 h2, ul.sidebar_list li#linkcat-3 h2, ul.sidebar_list li#linkcat-4 h2, ul.sidebar_list li#linkcat-5 h2, ul.sidebar_list li#linkcat-6 h2, ul.sidebar_list li#linkcat-7 h2, ul.sidebar_list li#linkcat-8 h2, ul.sidebar_list li#linkcat-9 h2 {
font-weight : bold;
font-size : 1.1em;
letter-spacing : normal;
margin : 0 0 0.8em 0;
padding : 0.2em 2px;
font-variant : small-caps;
border-top : 1px solid #000;
}
ul.sidebar_list li#linkcat-1 ul, ul.sidebar_list li#linkcat-2 ul, ul.sidebar_list li#linkcat-3 ul, ul.sidebar_list li#linkcat-4 ul, ul.sidebar_list li#linkcat-5 ul, ul.sidebar_list li#linkcat-6 ul, ul.sidebar_list li#linkcat-7 ul, ul.sidebar_list li#linkcat-8 ul, ul.sidebar_list li#linkcat-9 ul {
list-style : none;
color : #c3c3c3;
margin : 0 0 0.5em 0;
border-top : 1px dotted #d9d9d9;
}
ul.sidebar_list li#linkcat-1 li, ul.sidebar_list li#linkcat-2 li, ul.sidebar_list li#linkcat-3 li, ul.sidebar_list li#linkcat-4 li, ul.sidebar_list li#linkcat-5 li, ul.sidebar_list li#linkcat-6 li, ul.sidebar_list li#linkcat-7 li, ul.sidebar_list li#linkcat-8 li, ul.sidebar_list li#linkcat-9 li {
display : block;
border-bottom : 1px dotted #d9d9d9;
}
ul.sidebar_list li#linkcat-1 li a, ul.sidebar_list li#linkcat-2 li a, ul.sidebar_list li#linkcat-3 li a, ul.sidebar_list li#linkcat-4 li a, ul.sidebar_list li#linkcat-5 li a, ul.sidebar_list li#linkcat-6 li a, ul.sidebar_list li#linkcat-7 li a, ul.sidebar_list li#linkcat-8 li a, ul.sidebar_list li#linkcat-9 li a {
display : block;
padding : 0 0 0.7em 0.25em;
color : #000;
text-decoration : none;
}
ul.sidebar_list li#linkcat-1 li a:hover, ul.sidebar_list li#linkcat-2 li a:hover, ul.sidebar_list li#linkcat-3 li a:hover, ul.sidebar_list li#linkcat-4 li a:hover, ul.sidebar_list li#linkcat-5 li a:hover, ul.sidebar_list li#linkcat-6 li a:hover, ul.sidebar_list li#linkcat-7 li a:hover, ul.sidebar_list li#linkcat-8 li a:hover, ul.sidebar_list li#linkcat-9 li a:hover {
display : block;
padding : 0 0 0.7em 0.25em;
color : #fff;
background : #c3c3c3;
text-decoration : none;
}
#footer p {
margin : 0 0 0.923em 0;
font-size : 1.3em;
color : #888;
text-align : right;
}
#footer a, #footer a:visited {
color : #888;
text-decoration : none;
}
#footer a:hover {
color : #888;
text-decoration : underline;
}
#comments {
width : 632px;
float : left;
clear : both;
}
ul#comment_list {
list-style : none;
margin : 0 0 0.2em 0;
border-bottom : 1px solid #000;
float : left;
}
ul#comment_list li.comment {
float : left;
width : 632px;
padding : 0.5em 0 0 0;
border-top : 1px solid #d9d9d9;
}
ul#comment_list li.trackback {
width : 595px;
padding : 0.5em 5px 0 32px;
background : url('images/trackback_bg.gif');
}
.comment-meta {
float : left;
width : 252px;
margin : 0 4px 0.5em 0;
padding : 0 0 1em 0;
}
.comment-meta a, .comment-meta a:visited, .comment-meta a:hover {
font-size : 1.4em;
font-weight : bold;
text-decoration : none;
}
.comment-time {
display : block;
font : normal 1em Helvetica, Arial, sans-serif;
color : #888;
}
.comment-all a, .comment-all a:visited {
display : block;
font : normal 1em Helvetica, Arial, sans-serif;
color : #888;
}
.comment-all a:hover {
display : block;
font : normal 1em Helvetica, Arial, sans-serif;
color : #fff;
background : #888;
}
.comment .entry p {
margin : 0 0 0 256px;
}
.respond p {
margin : 0 0 0 128px;
}
#comment_form {
width : 502px;
margin : 0 0 0 128px;
padding : 1em 0;
float : left;
}
.add-comment {
padding : 0.3em 0 0.6em 0;
border-bottom : 1px solid #ccc;
}
.add-comment label {
float : left;
width : 120px;
font : bold 1.2em Constantia, Calibri, Helvetica, Georgia, serif;
line-height : 1.2em;
}
.add-comment .text_input {
width : 367px;
padding : 3px;
color : #444;
font : normal 1.1em Helvetica, Georgia, Times, serif;
margin : 0 0 0 5px;
border-top : 2px solid #999;
border-left : 2px solid #999;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
}
#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 .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.3em;
background : #c3c3c3;
border : 1px solid #000;
font : bold 1.4em Constantia, Calibri, Helvetica, Georgia, serif;
font-variant : small-caps;
cursor : pointer;
float : right;
}
#comment_form p.subscribe-to-comments {
font-size : 1.4em;
}
#comment_form p.subscribe-to-comments label {
font-size : 1em;
}
#searchform, #email_subscribe {
margin : 0.8em 0 0 0;
padding : 0.2em 4px;
}
#s, #email_subscribe .email_input {
width : 244px;
margin : 0 0 10px;
padding : 3px;
color : #5f5f5f;
font : normal 1em Georgia, "Times New Roman", Times, serif;
border : 1px solid #999;
}
li.widget .search_input {
font-size : 1.1em !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;
}
