/*
Theme Name: MacTricksAndTips V2
Theme URI: http://www.mactricksandtips.com.com
Description: Theme number two.
Version: 2
Author: James Powell
*/

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;vertical-align: baseline;background: transparent;font: 100% 'Helvetica', 'Arial', 'Geneva', 'Tahoma' sans-serif;}
body {background-color: #F1F1F1;line-height: 1;}
p {color: #000000;font-family: 'Helvetica', 'Arial', 'Geneva', sans-serif;font-size: 14px;font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;line-height: 20px;margin: 0;padding: 13px 0 0;text-align: left;text-decoration: none;text-indent: 0px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.clear{clear: both;}
.spacer{height: 10px;}
b,strong{font-weight: bold;font-size: inherit;}
label:hover{text-decoration:none !important;}
pre{margin-top:10px;}
/* Give Floats some blockage */
/* :after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} */

a:link{color:#3180be;}
a:visited{color: purple;}
a:hover{color:#204d70; /*text-decoration: underline;*/}
i{font-style: italic; font-size: 13px; padding-top: 13px;}

.text img{display:block;margin:13px auto;padding:0 13px;text-align:center;}
.text p{font-size: 14px;}
.text code{font-family:'Courier New',Courier,Fixed;}
.text h3{float:none;font-size:25px;font-weight:bold;padding:25px 0 15px 0;text-decoration:none;text-transform:capitalize;}
.text h4{float:none;font-size:15px;font-weight:bold;padding-top:13px;text-decoration:none;text-transform:capitalize;}
.text strong{font-weight: bold;}

#header #top-bar {border-color: #f1f1f1; border-bottom-width: 1px; border-style: solid; width: 100%;background:black; height: 20px; display: block;}
#header #top-bar #bblock{ float: right; width: 730px;}
#header #top-bar #wrapper{width: 1000px; margin: auto;}
#header #logo {width: 100%; background: url(./images/logo-bar.gif) repeat-x;; height: 80px;display: block;}
#header #logo #wrapper{width: 1000px; margin: auto;}
#header #logo #wrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#header #logo #wrapper h1 {width: 350px; float: left;}
#header #logo #wrapper h1 a{text-indent: -9999px; background: url(./images/sprite.jpg) 0 -240px no-repeat; width:300px;height: 65px; display: block;}
#header #logo #wrapper #extra h2{padding: 20px 20px 20px 30px;}
#header #logo #wrapper #nav{float: right}
#header #logo #wrapper #nav ul{margin-right: 30px;}
#header #logo #wrapper #nav li{color: white; float: left; padding: 5px 10px 5px 10px; background: #a9bc8c;}
#header #logo #wrapper #nav li a{text-decoration: none; color: white; font-size: 13px;font-weight: bold;}
#header #logo #wrapper #nav li a:hover{color: #282828;}
#header #desc {width: 100%; background:#767676;height: 45px; display: block; border-bottom:1px solid white;}
#header #desc #wrapper{width: 1000px;margin: auto;}
#header #desc #wrapper h2{float: left; font-size: 18px; margin-top: 12px; color: white; }
#header #desc #wrapper #search{float: right; margin-top: 10px;}
#header #desc #wrapper #search input{background: url(./images/sprite.jpg) -2px -184px no-repeat; width:250px; height: 18px; border: none; padding: 5px 15px;}
#header #desc #wrapper #search input:focus{background: url(./images/sprite.jpg) -2px -212px no-repeat; width:250px; height: 18px; border: none;}
#header #desc #wrapper #search input#searchbutton {display: none;}

#top-post{width: 100%; height: 300px;display: block; border-top:1px solid #C4C4C4;border-bottom:1px solid #C4C4C4;background:#e3e2e3;}	
#top-post #wrapper{width: 1000px; margin: auto; padding-top: 20px;}
#top-post #wrapper #content #title{}
#top-post #wrapper #content #title h2{margin-bottom: 5px;}
#top-post #wrapper #content #title h2 a, #top-post #wrapper #content #title h2 a:visited, #top-post #wrapper #content #title h2 a:link, #top-post #wrapper #content #title h2 a:visited{color:#242323; text-decoration: none;font-size: 27px; font-weight: bold; float: left;}
#top-post #wrapper #content #title h2 a.comments-link {float: right; background: url(./images/sprite.jpg) -191px -101px no-repeat; height: 32px; width: 26px; font-size: 20px; padding: 7px 0 0 14px }
#top-post #wrapper #content #title h2 a:hover{ text-decoration: 
underline;}
#top-post #wrapper #content #title h3 {clear: both;}
#top-post #wrapper #content #title h3 a{color: #6f6f6f; font-size: 15px; text-decoration: none; clear: both;}

#top-post #wrapper #text {float: left; width: 680px; padding-left: 10px;}
#top-post #wrapper #content .post-image{float: right; width: 200px; height: 200px; display: block; margin: 0 30px 0 30px;}
#top-post #wrapper #content #date{float: left; width: 50px; height: 80px; margin-top: 12px;}
#top-post #wrapper #content #date .date-top{font-size:25px;padding-top:5px;text-align: center}
#top-post #wrapper #content #date .date-middle{font-size:20px;text-align: center}
#top-post #wrapper #content #date .date-bottom{font-size:12px;text-align: center}
#top-post #wrapper #content .post-image #img{height: 200px; width: 200px;float: right;}
#top-post #wrapper #content #text a.readmore{text-decoration: none;font-size: 15px; margin-top: 15px; float: left; color:#3180be !important;}
#top-post #wrapper #content #text a.readmore:visited{color:#96C253; text-decoration: none;}

#main-wrapper {border-color: #c4c4c4; border-right-width: 1px; border-style: solid; border-left-width: 1px; width: 998px; margin:auto; padding: 0 0 45px 0 ; background:white;}
#main-wrapper #content {float: left; width: 723px; padding-top: 20px; margin-right: 5px; padding-right: 5px; }
#main-wrapper:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#main-wrapper #content.page{width: 900px}
#main-wrapper #content .bottom-post{padding-bottom: 20px; margin-bottom:30px;border-color: #c4c4c4; border-bottom-width: 1px; border-style: solid; padding-right: 3px;}
#main-wrapper #content .bottom-post:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#main-wrapper #content .bottom-post .date-wrapper{ float: left; width: 50px; height: 80px; margin-top: 68px;}
#main-wrapper #content .bottom-post .date-wrapper .date-top{font-size:25px;padding-top:5px;text-align: center}
#main-wrapper #content .bottom-post .date-wrapper .date-middle{font-size:20px;text-align: center}
#main-wrapper #content .bottom-post .date-wrapper .date-bottom{font-size:12px;text-align: center; padding-top: 3px;}
#main-wrapper #content .bottom-post .post-content{float: right; width: 670px; padding-bottom: 10px;}
#main-wrapper #content .bottom-post .post-content h2:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
#main-wrapper #content .bottom-post .post-content h2 a:visited, #main-wrapper #content .bottom-post .post-content h2 a:link, #main-wrapper #content .bottom-post .post-content h2 a {color:#242323; text-decoration: none;font-size: 27px; font-weight: bold; float: left;}
#main-wrapper #content .bottom-post .post-content h2 a:hover{text-decoration: underline;}
#main-wrapper #content .bottom-post .post-content h2 a.comments-link{float: right;background: url(./images/sprite.jpg) -191px -55px no-repeat; height: 32px; width: 26px; font-size: 20px; padding: 7px 0 0 14px; }
#main-wrapper #content .bottom-post .post-content h3{}
#main-wrapper #content .bottom-post .post-content h3 a{color: #000000; font-size: 15px; text-decoration: none;}
#main-wrapper #content .bottom-post .post-content .post-image{float: right;}
#main-wrapper #content .bottom-post .post-content .text{float: left; width: 670px;} 	 
#main-wrapper #content .bottom-post .post-content .single{border-color: #f1f1f1; border-bottom-width: 0px; border-style: solid; padding-bottom: 20px;}
#main-wrapper #content .bottom-post .post-content .page{width: 910px !important;} 
#main-wrapper #content .bottom-post .post-content .text .post-image img{margin: 0 13px 0 13px !important;}
#main-wrapper #content .bottom-post .post-content .comments{clear: both;}
#main-wrapper #content .bottom-post .post-content .comments a{text-decoration: none;font-size: 15px; margin-top: 5px; float: left;padding-top:10px;}
#main-wrapper #content .bottom-post .post-content .comments a:visited{text-decoration: underline;}
#main-wrapper #content .bottom-post .post-content .navigation{clear: both; margin: 20px 0 0 0; padding: 0; }
#main-wrapper #content .bottom-post .post-content .navigation .alignleft{float: left}
#main-wrapper #content .bottom-post .post-content .navigation .alignright{float: right;}
#main-wrapper #content .bottom-post .page{width:870px; }
.single ol{padding-left: 21px; padding-bottom: 15px; padding-right: 15px; padding-top: 15px;}
.single ol li{list-style-position: outside; list-style-type: decimal; font-size: 14px;}

#like{float: right;}
#like h2{font-size: 18px; margin-bottom: 10px;}
#like ul li{font-size: 14px;list-style-type: none!important;padding-top:0!important; margin-top: 2px !important; }
#related{clear: both;float: left; width: 350px; display: block;}
#related h2{font-size: 18px; margin-bottom: 10px;}
#related ul li{font-size: 14px; margin-top:3px;	list-style-type: none!important;padding-top:0!important }
#comment{clear: both; padding-top: 20px;}
#comment h3{font-size: 25px; margin: 5px 0 15px 0;}
#comment ol{}
#comment ol li{ border-bottom: 1px solid #f1f1f1;}
#comment ol li .commentnumber{float: right; padding: 10px 10px 10px 20px; font-size: 30px; color: #f1f1f1;}
#comment ol li p.extra{font-size: 12px; padding:0 10px 20px 10px;}
#comment ol li p{padding: 20px 10px 10px 10px; font-size: 13px;}
#comment ol li.authcomment{background: #f5ffe6;}
#comment ol li.authcomment .commentnumber{color: #8c8c8c;}
#comemnt h3#respond {margin-top: 20px;}
#comment form#commentform input.com{ border-color: #f1f1f1; border-width: 1px; border-style: solid; margin-bottom: 10px; width: 250px; margin-right: 20px; padding: 5px; }
#comment form#commentform input.com:focus{border-color: #8fb359; border-width: 1px; border-style: solid;}
#comment form#commentform p.small{font-size: 12px; margin-bottom: 15px;}
#comment form#commentform textarea{width: 600px; height: 150px;border-color: #f1f1f1; border-width: 1px; border-style: solid; margin-bottom: 10px; padding-top: 0;}
#comment form#commentform textarea:focus{border-color: #8fb359; border-width: 1px; border-style: solid;}
#comment form#commentform input#submit{float: left; margin: 10px 0;}
a label:hover{text-decoration:none;}
form#cformsform{margin-top: 20px;margin-left: -20px;}
form#cformsform legend{display: none;}
form#cformsform span{font-size: 13px;}
form#cformsform label{font-size: 10px; margin-right: 15px; width: 150px; display: block;float: left}
form#cformsform #li--7 label{width: 210px;} 
form#cformsform #li--7 input{width: 200px; margin-right: 20px; display: block;}
form#cformsform input.single{border-color: #c4c4c4 !important; border-width: 1px; border-style: solid; margin-bottom: 10px; width: 250px; margin-right: 20px; padding: 5px!important; display: inline}
form#cformsform textarea.area{width: 450px; height: 200px;border-color: #c4c4c4; border-width: 1px; border-style: solid; margin-bottom: 15px; }
form#cformsform #li--6 .reqtxt{display: none;}
form#commentform p a label:hover{text-decoration:none !important;}

#main-wrapper #content .navigation{ padding: 0 50px;}
#main-wrapper #content .navigation a{text-decoration: none;font-size: 15px; margin-top: 5px;color:#3180be;}
#main-wrapper #content .navigation a:visited{text-decoration: none;}
#main-wrapper #content .navigation .older{ float: left;}
#main-wrapper #content .navigation .newer{float: right;}

#sidebar{float:right; width: 260px;}
#sidebar #top{padding-top: 3px; width: 195px;margin: auto; height: 55px; display: block; padding-bottom: 20px;}
#sidebar #top a#rss{height: 45px; width: 45px; background: url(./images/sprite.jpg) -3px -106px; float: left; margin: 0 10px 10px 10px;}
#sidebar #top a#email{height: 45px; width: 45px; background: url(./images/sprite.jpg) -3px -61px; float: left;margin: 0 10px 10px 10px;}
#sidebar #top a#twitter{height: 45px; width: 45px; background: url(./images/sprite.jpg) -194px -4px; float: left;margin: 0 10px 10px 10px;}
#sidebar #extra{padding: 5px;border-color: #f1f1f1; border-bottom-width: 1px; border-top-width: 1px; border-style: solid; padding: 10px 0; clear:both;}
#sidebar #extra h3{font-size: 18px;}
#sidebar #extra p{font-size: 13px;}

#footer{border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; height: 400px; background: #767676;}
#footer a:{color:#96C253;}
#footer #logo-wrapper{border-color: #050505; border-bottom-width: 1px; border-style: solid; background: url(./images/logo-bar.gif) repeat-x; height: 45px; width: 100%;}
#footer #logo-wrapper #inner-bit{width: 1000px; margin: auto; padding-left: 99px;}
#footer #logo-wrapper #inner-bit #centre{ width: 296px; background: url(./images/sprite.jpg) 0 -305px no-repeat; margin: auto; margin-top: -22px; height: 65px; float: left;}
#footer #logo-wrapper #inner-bit p{font-size: 20px; color: #f1f1f1;}
#footer #wrapper{width: 1000px; margin: auto;}
#footer #wrapper h3{font-size: 20px; color: white; padding-left: 20px;}
#footer #wrapper p{margin-bottom: 20px;color: #dedede;}
#footer #wrapper span{color: #dedede;}
#footer #wrapper ul{font-size: 14px; padding-top: 13px; }
#footer #wrapper ul li{padding-top: 6px;}
#footer #wrapper ul#twitter_update_list li{margin-bottom: 20px;}
#footer #wrapper ul li a{font-size: 14px; vertical-align: top; color:#96C253 !important;}
#footer #wrapper ul li a:visited{color: #96c253 !important;}
#footer #wrapper p a:visited{color: #96c253 !important;}
#footer #wrapper ul li img{margin-right: 5px;}
#footer #wrapper #left{width: 230px; margin: 10px; float: left;}
#footer #wrapper #left #tlogo{float: right; background: url(./images/sprite.jpg) -20px -1px; height: 40px; width: 40px; margin-right: 15px; margin-bottom: 10px;}
#footer #wrapper #centrel{width: 230px; margin: 10px;float: left;}
#footer #wrapper #centrel #jamespowell{float: right;width: 120px; height: 179px; background: url(./images/sprite.jpg) -68px -1px;margin: 20px 0 10px 15px;}
#footer #wrapper #centrer{width: 230px; margin: 10px;float: left;}
#footer #wrapper #right{width: 230px; margin: 10px;float: left;}
#footer #wrapper #right p{margin-bottom: 0;}
#footer #wrapper #right ul{padding-top:0; margin-bottom: 10px;}
#footer #wrapper ul br{margin: 0 0 20px 0;}
#footer #wrapper #right ul li .rsss {background: url(./images/sprite.jpg) -1px -1px;width: 18px; height: 18px; float: left; margin: 0 3px 0 0;}
#footer #wrapper #right ul li .infoz {background: url(./images/sprite.jpg) -1px -19px;width: 18px; height: 16px; float: left; margin: 0 3px 0 0;}
#footer #wrapper #right ul li .tweetz {background: url(./images/sprite.jpg) 0px -35px;width: 18px; height: 18px; float: left; margin: 0 3px 0 0;}
#links {margin: auto; clear: both; height: 30px; width: 300px;}
#links ul li {float: left; padding: 10px; font-size: 12px;}

.error{font-size: 25px; background: red; padding: 5px;}
.bottom-post ul{padding-top: 5px;}
.bottom-post ul li{list-style-position: outside; list-style-type: disc; font-size: 14px;}

p.side-picture img{float: right; margin: 10px;}
#main-wrapper #content .bottom-post .post-content .text #me h3{clear: none;}

ul.archive-bottom li{list-style-type: none;width: 450px; float: left; margin-bottom: 3px;}
ul.list-cats li{list-style-type: none; 	width: 200px; float: left; margin-bottom: 3px;}
#browsing{border-color: #f1f1f1; border-bottom-width: 1px; border-style: solid; height: 100px; padding: 0 0 0 50px; margin: 0 0 30px 0;}
#browsing p{font-size: 12px;}
#browsing h3{font-size: 27px;font-weight: bold; padding-top: 20px; }
#block{padding: 25px 0 0 0; clear: both;}
#block2{margin-top:-20px;margin-left:125px;padding: 5px;}
#block2:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

form#cformsform.cform fieldset.cf-fs1 ol.cf-ol li{list-style: none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#header #logo #wrapper #nav li{padding: 5px 10px 4px 10px;}
}

img.alignright{float: right;}