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

/* CSS Reset*/
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: normal;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;}

/* Give Floats some blockage */
/* :after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} */

a:link{color:#D9C545;}
a:visited{color: purple;}
a:hover{color:#b3ab2e;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: 13px;}
.text code{font-family:'Courier New',Courier,Fixed;}
.text h3{float:none;font-size:17px;font-weight:bold;padding-top:13px;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/ilovemacapps.png) no-repeat; width:330px;height: 65px; display: block;}
#header #logo #wrapper #extra{float: left;margin-left:320px; height: 60px; width: 130px; position: absolute; font-size: 24px; margin-top: 19px; background: url(./images/basics-back.png)}
#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: url(./images/links-back.png)}
#header #logo #wrapper #nav li a{text-decoration: none; color: white; font-size: 13px;font-weight: bold;}
#header #logo #wrapper #nav li.special{background: url(./images/special.png); padding: 7px 15px 5px 15px;}
#header #logo #wrapper #nav li.special a{font-size: 19px;}
#header #logo #wrapper #nav li.start{background:transparent url(images/start.png) no-repeat !important;height:26px;padding:0;width:15px;}
#header #logo #wrapper #nav li.end{background:transparent url(images/end.png) no-repeat !important;height:26px;padding:0;width:15px;}
#header #logo #wrapper #nav li a:hover{color: #282828;}
#header #desc {width: 100%; background:#767676;height: 45px; display: block;}
#header #desc #wrapper{width: 1000px;margin: auto;}
#header #desc #wrapper h2{float: left; font-size: 18px; margin-top: 12px; color: white; word-spacing: -1px;}
#header #desc #wrapper #search{float: right; margin-top: 10px;}
#header #desc #wrapper #search input{background: url(./images/search.png) no-repeat; width:250px; height: 18px; border: none; padding: 5px 15px;}
#header #desc #wrapper #search input:focus{background: url(./images/search.png) 0 -28px no-repeat; width:250px; height: 18px; border: none;}
#header #desc #wrapper #search input#searchbutton {display: none;}

#top-post{width: 100%; height: 300px;display: block; background: url(./images/main-bar.gif) repeat-x;}	
#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/comments.png) 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; }
#top-post #wrapper #content #text a.readmore:visited{color:#E8DD2A; 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: url(./images/bottom.jpg) white repeat-x bottom;}
#main-wrapper #content {float: left; width: 723px; padding-right: 15px; padding-top: 20px;}
#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: 30px;}
#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}
#main-wrapper #content .bottom-post .post-content{border-color: #f1f1f1; border-bottom-width: 1px; border-style: solid; 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/comments.png) no-repeat; height: 32px; width: 26px; font-size: 20px; padding: 7px 0 0 14px; }
#main-wrapper #content .bottom-post .post-content h3{clear: both;}
#main-wrapper #content .bottom-post .post-content h3 a{color: #6f6f6f; font-size: 15px; text-decoration: none; clear: both;}
#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: 1px; 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;border-width: 0; }
#main-wrapper #content .bottom-post .page h3{clear: none;}

#like{padding: 10px; 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 }
#related{clear: both;padding: 10px;float: left; width: 350px; display: block;}
#related h2{font-size: 18px; margin-bottom: 10px;}
#related ul li{font-size: 14px;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-color: #f1f1f1; border-bottom-width: 1px; border-style: solid;}
#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: #fffde4;}
#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: #e8dd2a; 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: #e8dd2a; border-width: 1px; border-style: solid;}
#comment form#commentform input#submit{float: left; margin: 10px 0;}

#main-wrapper #content .navigation{ padding: 0 50px;}
#main-wrapper #content .navigation a{text-decoration: none;font-size: 15px; margin-top: 5px;color:#b4a91c;}
#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/rss.png); float: left; margin: 0 10px 10px 10px;}
#sidebar #top a#email{height: 45px; width: 45px; background: url(./images/email.png); float: left;margin: 0 10px 10px 10px;}
#sidebar #top a#twitter{height: 45px; width: 45px; background: url(./images/twitter-sidebar.png); 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:visited{color:#e8dd2a; }
#footer #logo-wrapper{border-color: #050505; border-bottom-width: 1px; border-style: solid; background: url(./images/footer-topbar.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: 300px; background: url(./images/ilovemacapps-solid.png) no-repeat; margin: auto; margin-top: -40px; 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 li a{font-size: 14px; vertical-align: top;}
#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/twitter.png); 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/jamespowell.jpg);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;}
#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-left: 10px;padding-top: 13px;}
.bottom-post ul li{list-style-position: outside; list-style-type: disc; font-size: 13px;}

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;}
ul.list-cats li{list-style-type: none; 	width: 200px; float: left;}
#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;}

#extra{padding: 20px 5px 20px 5px; clear: both;border-bottom:1px solid #F1F1F1;border-color:#F1F1F1;border-style:solid;}
#extra:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#extra h3{ font-size: 17px; font-weight: bold;}
#extra .left{float: left; width: 270px;}
#extra .right{float: left; }
#extra ul{}
#extra ul li{}
#extra ul li strong{font-size:13px;font-weight:600; padding-right: 8px;text-align: center;}
#extra ul li p{display:inline;font-size:13px;padding:0;}
#extra ul li p img {margin-bottom: -5px;}
#extra .image{float:right;height:50px;margin-right:20px;margin-top:-20px;width:50px;}

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

form#cforms2form{margin-top: 20px;}
form#cforms2form legend{display: none;}
form#cforms2form span{font-size: 13px;}
form#cforms2form label{font-size: 10px; margin-right: 15px; width: 150px; display: block;float: left}
form#cforms2form #li--7 label{width: 210px;} 
form#cforms2form #li--7 input{width: 200px; margin-right: 20px; display: block;}
form#cforms2form input.single{border-color: #f1f1f1; border-width: 1px; border-style: solid; margin-bottom: 10px; width: 250px; margin-right: 20px; padding: 5px!important; display: inline}
form#cforms2form textarea.area{width: 450px; height: 200px;border-color: #f1f1f1; border-width: 1px; border-style: solid; margin-bottom: 15px; }
form#cforms2form #li-2-6 .reqtxt{display: none;}