/*
Theme Name: Rick Boretsky's Blog
Theme URI: http://www.rickboretsky.com/
Description: Rick Boretsky Blog - is published by Rick Boretsky.
Version: 0.1
Author: Surcomm
Author URI: http://www.surcomm.ca/
Tags: montreal, custom header, fixed width, two columns, widgets, personal, boxes

	BoretskyBlog v0.1

	This theme was designed and built by Surcomm - http://www.surcomm.ca/

*/

/* RESET STYLES - EricMeyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* COMUNES */
.cleaner { clear: both; }
.alignright { float: right; }
.alignleft { float: left }

/* SELECTORS */
body { background: white; color: black; font-family: Helvetica, Arial, sans-serif; font-size: 14px; }

/* STRUCTURE */
#header, #content, #footer { width: 970px; margin: 0px auto; }

/* HEADER */
#header { background: url(images/headerbg.jpg) no-repeat; height: 219px; margin-top: 20px; }
#header h1 { background: url(images/headerBoxBG.png) repeat; font-size: 55px; font-weight: bold; padding: 10px; margin: 130px 0px 10px 10px; float: left; letter-spacing: -1px; height: 55px;}
#header h1 a { color: #515151; text-decoration: none; }

#header div.tagline { background: url(images/headerBoxBG.png) repeat; font-size: 12px; padding: 10px; margin: 130px 0px 10px 10px; float: left; color: #515151; width: 275px; height: 55px; _width: 250px; _height: 45px; _font-size: 11px;}

#header div.tagline p { padding: 0px 10px 5px; }
#header div.tagline p a { font-weight: bold; color: #515151; text-decoration: none; }
#header div.tagline p a:hover { color: red; }
 
#header div.mainNav { float: left; margin: 130px 10px 10px; width: 245px; }
#header div.mainNav ul { text-align: left; }
#header div.mainNav li { background: url(images/headerBoxBG.png) repeat; padding: 6px; margin: 0px 0px 4px; font-size: 11px; width: 245px; }
#header div.mainNav li a { color: #515151; text-decoration: none; }
#header div.mainNav li a:hover { color: red; }



/* CONTENT - MAIN COLUMN */
div.mainColumn { width: 690px; float: left; margin: 10px 10px 0px 0px; }

/* CONTENT - SIDE COLUMN */
div#sideColumn { width: 255px; float: left; margin: 10px 10px 0px 0px; }

/* MAINCOLUMN */
div.mainColumn h2 { background: #f1f1f1; padding: 10px; margin: 0px 0px 20px 10px; line-height: 18px; font-size: 18px; }
div.mainColumn h3 { font-size: 20px; color: #515151; letter-spacing: -1px; margin-bottom: 20px; padding-left: 10px; font-weight: bold; }
div.post { padding: 10px; }
div.post h4 { font-size: 25px; font-weight: normal; line-height: 20px; margin-bottom: 20px;}
div.post h4 a { color: #515151; text-decoration: none; }
div.post h4 small { color: red; font-size: 11px; }
div.postContent { line-height: 22px; }
div.postContent p { padding: 5px 0px; }
div.postContent ul, div.postContent ol { margin-left: 30px; }
div.postContent ul li { padding: 0px 5px; list-style-type: square; }
div.postContent ol li { padding:  0px 5px; list-style-type: decimal !important; }
div.postTools { margin: 20px 0px; padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f1f1f1;}
div.postTools p.postComments { float: left; font-size: 11px; font-weight: bold; }
div.postTools p.postTweet { float: right; font-size: 11px; font-weight: bold; padding: 0px 0px 0px 20px; } 

/* MAINCOLUMN IMAGES */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* MAINCOLUMN CAPTIONS */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear: both;}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* SIDECOLUMN */ 
div.sideBoxes, li.widget { background: #f1f1f1; margin-bottom: 20px; padding: 10px; }

div.sideBoxes p.boxTTL, h2.widgettitle { font-size: 13px; color: red; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; }
div.sideBoxes ul { padding: 0px 10px 10px; list-style-type: none; }
div.sideBoxes li { padding: 3px 0px; }
div.sideBoxes li a, li.widget a { font-size: 12px; color: #515151; }
div.sideBoxes li a:hover, li.widget a:hover { color: red; }
div.sideBoxes p.latestTweet { font-size: 12px; padding: 0px 10px 10px 35px; }

div.sideBoxes a.rsswidget { font-size: 13px !important; }
div.sideBoxes a.rsswidget:hover { color: red; }
span.rss-date { color: #999 !important; font-size: 11px !important; display: block; margin-bottom: 10px; padding-top: 3px; }
div.textwidget img { vertical-align: middle; }
div.textwidget a { padding-bottom: 5px; } 

h2.widgettitle a { color: red; text-decoration: none; text-transform: uppercase; }
h2.widgettitle a:hover { text-decoration: underline; }

li.widget_links li { padding: 5px 0px; }
li.wp_widget_mylinkorder li { padding: 5px 0px; }
li.Latest_tweets_widget li { padding: 0px 0px 15px; padding-left: 25px; background: url(images/twitterIcon-mini.png) no-repeat 0px 0px; font-size: 12px; } 
li.widget_archive li { padding: 5px 0px; }

input.inputText { padding: 2px; width: 140px; margin-right: 10px; font-family: Arial, sans-serif; font-size: 12px; }
input.inputButton { background: #ddd; padding: 2px 5px; width: 70px; font-weight: bold; color: white; border: 1px solid #515151; color: #515151; cursor: pointer; font-size: 11px; font-family: Arial, sans-serif; }

li.delicious-item { padding: 5px 0px 5px 12px; background: url(images/bullet.png) no-repeat 0px 8px; }
li.delicious-item a { line-height: 16px; }

li#collapsible-archive { padding: 5px 5px 5px 10px; }
li#collapsible-archive ul li { padding: 5px 0px 5px 15px; } 

li#latest-tweets { line-height: 16px; }


.twitterBox a { background: url(images/icon-twitter.png) no-repeat; color: #515151; text-transform: uppercase; text-decoration: none; padding: 20px 0px 20px 40px; font-weight: bold; }
.twitterBox a:hover { color: red; }
.twitterBox span { font-size: 12px; }

/* ABOUT PAGE */
.aboutBox { float: right; background: #f1f1f1; border: 1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 200px; text-align: center; margin: 0px 0px 15px 15px; }
.aboutBox img { margin: 5px; }

/* CONTACT PAGE */
.postContent form p label { width: 100px; float: left; text-align: right; margin-right: 20px; }
.postContent form input.textField, .postContent form textarea { width: 300px; padding: 2px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; }

/* SINGLEPOST */
div.postmetadata { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f1f1f1; padding: 10px; margin: 20px 0px; font-size: 11px; }
div.postmetadata a { color: #515151; font-weight: bold; }
div.postmetadata a:hover { color: red; }

/* NAVIGATION */
.navigation { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f1f1f1; padding: 10px; margin: 0px auto 20px; width: 95%; }
.navigation a { font-size: 11px; color: #515151; }
.navigation a:hover { color: red; }

/* COMMENT */
ol.commentlist li { margin: 30px 0px; background: #f1f1f1; border: 1px solid #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px;}
ol.commentlist li img { margin: 0px 0px 10px 10px; float: right; }
ol.commentlist cite a { font-size: 16px; font-weight: bold; color: red; text-decoration: none; }
ol.commentlist cite a:hover { color: red; }
div.commentmetadata a { font-size: 11px; color: #515151; }
div.commentmetadata a:hover { color: red; }
div.commentmetadata { margin-bottom: 20px; }

#commentform { margin-bottom: 20px; }
#commentform textarea { width: 650px !important; font-size:14px; padding: 2px; font-family: Helvetica, Arial, sans-serif; margin-bottom: 10px;}
#commentform p { padding-bottom: 10px; }
#commentform label { margin-left: 10px; }



/* SEARCH RESULTS */
div.searchItem { padding: 10px; }
div.searchItem h4 { font-size: 25px; font-weight: normal; line-height: 13px; margin-bottom: 5px;}
div.searchItem h4 a { color: #515151; text-decoration: none; }
div.searchItem h4 small { color: red; font-size: 11px; }
div.searchItem div.postmetadata { margin: 0px 0px; background: white; border: none; border-bottom: 1px dashed #ddd; padding: 0px 0px 20px; }