/*
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;} */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

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;}

.aligncenter{ display: block;margin: 13px auto;padding: 0 13px;text-align: center;}
.text img{display:block;margin:13px auto;padding:0 13px;text-align:center; max-width:100%; max-height:100%;}
.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;}

#top-bar2 {border-color: #f1f1f1; border-bottom-width: 1px; border-style: solid;background:black; height: 20px; display: block;}
#logo2{height: 80px;display: block;background-color: #56732a; background-image: -webkit-gradient(linear, left top, left bottom, from(#56732a), to(#95c152)); background-image: -webkit-linear-gradient(top, #56732a, #95c152); background-image: -moz-linear-gradient(top, #56732a, #95c152); background-image: -o-linear-gradient(top, #56732a, #95c152); background-image: -ms-linear-gradient(top, #56732a, #95c152); background-image: linear-gradient(top, #56732a, #95c152); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#56732a', EndColorStr='#95c152');}
#logo2-header{background: url(./images/sprite2.png) 0 -114px no-repeat;height: 65px;overflow:hidden;
    text-indent:100%;
    white-space:nowrap; width:100%; display: block;}
#nav ul{float: right;}
#nav li{color: white; float: left; padding: 5px 10px 5px 10px; background: #a9bc8c;}
#nav li a{text-decoration: none; color: white; font-size: 13px;font-weight: bold;}
#nav li a:hover{color: #282828;}
#desc2{background:#767676;height: 45px; display: block; border-bottom:1px solid white; border-top:1px solid #56732A;}
#desc2 h2{float: left; font-size: 18px; margin-top: 12px; color: white; }
#search{float: right; margin-top: 10px;}
#search input{background: url(./images/sprite2.png) 0 -58px no-repeat; width:250px; height: 18px; border: none; padding: 5px 15px;}
#search input:focus{background: url(./images/sprite2.png) 0 -86px no-repeat; width:250px; height: 18px; border: none;}
#search input#searchbutton {display: none;}

#top-post{border-top:1px solid #C4C4C4;border-bottom:1px solid #C4C4C4;background:#e3e2e3;}	
#top-post h2{padding: 15px 0 10px 0;}
#top-post h2 a, #top-post h2 a:visited, #top-post h2 a:link{color:#242323; text-decoration: none;font-size: 27px; font-weight: bold; }
#top-post a.comments-link {float: right; background: url(./images/sprite2.png) -160px -2px no-repeat; height: 32px; width: 26px; font-size: 20px; padding: 7px 0 0 14px; margin: 10px 0 0 0; text-decoration: none; color: black;}
#top-post h2 a:hover{ text-decoration: underline;}
#top-post h3 {padding:5px 0 10px 0;}
#top-post h3 a{color: #6f6f6f; font-size: 15px; text-decoration: none;}

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

#maincontent {}
#maincontent .row{    border-color: #C4C4C4; border-left: 1px solid #C4C4C4;border-right: 1px solid #C4C4C4; background: white;}
#maincontent a#rss{height: 45px; width: 45px; background: url(./images/sprite2.png) -250px -2px; float: left; margin: 0 1px 10px 1px;}
#maincontent a#email{height: 45px; width: 45px; background: url(./images/sprite2.png) -202px 0; float: left;margin: 0 1px 10px 1px;}
#maincontent a#twitter{height: 45px; width: 45px; background: url(./images/sprite2.png) -73px -1px; float: left;margin: 0 1px 10x 1px;}
#maincontent a#fb{height: 45px; width: 45px; background: url(./images/sprite2.png) -252px -242px; float: left;margin: 0 1px 10px 1px;}
#maincontent #extra{padding: 5px;border-color: #f1f1f1; border-bottom-width: 1px; border-top-width: 1px; border-style: solid; padding: 10px 0; clear:both;}
#maincontent #extra h3{font-size: 18px;}
#maincontent #extra p{font-size: 13px;}

.maincontenttop{padding: 15px 0;}
#maincontent .bottom-post{padding-bottom: 20px; margin-bottom:30px;border-color: #c4c4c4; border-bottom-width: 1px; border-style: solid; padding-right: 3px;}
#maincontent .bottom-post:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#maincontent .bottom-post .date-wrapper{ float: left; width: 50px; height: 80px; margin-top: 68px;}
#maincontent .bottom-post .post-content{padding-bottom: 10px; width:100%;}
#maincontent .bottom-post .post-content h2:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
#maincontent .bottom-post .post-content h2 a:visited, #maincontent .bottom-post .post-content h2 a:link, #maincontent .bottom-post .post-content h2 a {color:#242323; text-decoration: none;font-size: 27px; font-weight: bold; float: left;padding-bottom: 5px; width: 90%;}
#maincontent .bottom-post .post-content h2 a:hover{text-decoration: underline;}
#maincontent .bottom-post .post-content h2 a.comments-link{float: right;background: url(./images/sprite2.png) -160px -2px no-repeat; height: 32px; width: 26px; font-size: 20px; padding: 7px 0 0 14px; }

#maincontent .bottom-post .post-content h3 a{color: #000000; font-size: 15px; text-decoration: none;}
#maincontent .bottom-post .post-content .post-image{float: right;}
#maincontent .bottom-post .post-content .text{float: left;} 	 
#maincontent .bottom-post .post-content .single{border-color: #f1f1f1; border-bottom-width: 0px; border-style: solid; padding-bottom: 20px; width: 100%;}

#maincontent .bottom-post .post-content .text .post-image img{margin: 0 13px 0 13px !important;}
#maincontent .bottom-post .post-content .comments{clear: both;}
#maincontent .bottom-post .post-content .comments a{text-decoration: none;font-size: 15px; margin-top: 5px; float: left;padding-top:10px;}
#maincontent .bottom-post .post-content .comments a:visited{text-decoration: underline;}

#maincontent .page{padding: 30px 20px 20px 20px;}
#maincontent .archive-bottom{padding: 20px 0 0 0; margin: 0;}

#bottomnav{background-color: white;border-right-color: rgb(196, 196, 196);border-left-color: rgb(196, 196, 196);border-left-style: solid;border-left-width: 1px;border-right-style: solid;border-right-width: 1px;}

.date-wrapper{ float: left; width: 50px; height: 80px; margin-top: 68px; padding: 0 0 0 50%;}
.date-wrapper .date-top{font-size:25px;padding-top:5px;text-align: center}
.date-wrapper .date-middle{font-size:20px;text-align: center}
.date-wrapper .date-bottom{font-size:12px;text-align: center; padding-top: 3px;}

.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: 5px !important; margin-bottom: 10px; }
#related{clear: both;float: left; width: 50%; display: block;}
#related h2{font-size: 18px; margin-bottom: 10px;}
#related ul li{font-size: 14px; margin:5px 0 10px 0;	list-style-type: none!important;padding-top:0!important; }
#comment{clear: both; padding-top: 20px;}
#comment h3{font-size: 25px; margin: 20px 0;}

#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;}

.navigation{clear: both;}
.navigation a{text-decoration: none;font-size: 18px; margin-top: 5px;color:#3180be;}
.navigation a:visited{text-decoration: none;}
.navigation .older{ float: left; padding-bottom: 30px;}
.navigation .newer{float: right;}
.navigation .alignright, .navigation .alignleft{padding: 20px 0 0 0;}
	 
#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/sprite2.png) -250px -2px; float: left; margin: 0 10px 10px 10px;}
#sidebar #top a#email{height: 45px; width: 45px; background: url(./images/sprite2.png) -202px 0; float: left;margin: 0 10px 10px 10px;}
#sidebar #top a#twitter{height: 45px; width: 45px; background: url(./images/sprite2.png) -73px -1px; 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;}

#footerbar{border-color: #050505; border-bottom-width: 1px; border-style: solid; background-color: #56732a; background-image: -webkit-gradient(linear, left top, left bottom, from(#56732a), to(#7ca241)); background-image: -webkit-linear-gradient(top, #56732a, #7ca241); background-image: -moz-linear-gradient(top, #56732a, #7ca241); background-image: -o-linear-gradient(top, #56732a, #7ca241); background-image: -ms-linear-gradient(top, #56732a, #7ca241); background-image: linear-gradient(top, #56732a, #7ca241); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#56732a', EndColorStr='#7ca241');} 
#footerbar #footerlogo{background: url(./images/sprite2.png) 0 -178px no-repeat; margin: 10px 0 5px 0; height: 45px;}
#footerbar #text p{font-size: 20px; color: #f1f1f1; padding: 20px 0 0 0;}

#footer{border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid; background: #767676; padding: 20px 0 20px 0;}
#footer a:{color:#96C253;}
#footer h3{font-size: 20px; color: white; padding-left: 20px; font-weight: normal; padding: 0 0 10px 0;}
#footer p{color: #dedede; font-size: 14px;}
#footer a{color:#96C253 !important;}
#footer .rsss {background: url(./images/sprite2.png) -1px -1px;width: 18px; height: 18px; float: left; margin: 0 3px 0 0;}
#footer .infoz {background: url(./images/sprite2.png) -1px -19px;width: 18px; height: 16px; float: left; margin: 0 3px 0 0;}
#footer .tweetz {background: url(./images/sprite2.png) 0px -35px;width: 18px; height: 18px; float: left; margin: 0 3px 0 0;}
#footer p{padding-bottom: 10px;}
#footer #jamespowell{float: right;width: 120px; height: 179px; background: url(./images/james-powell.jpg);margin: 20px 0 10px 15px;}
#footer #fright li{padding-bottom: 15px;}
#fotwitter li{font-style: italic; padding-bottom: 15px; }
#fotwitter ul{padding-top: 20px;}
#fotwitter #tlogo{float: right; background: url(./images/sprite2.png) -20px -1px; height: 40px; width: 40px; margin-right: 15px; margin-bottom: 10px;}

#links{padding-top: 10px;}
#links ul{margin:auto;float: left; padding: 10px; font-size: 12px; height: 25px;}
#links li{float: left; padding: 0 20px 0 20px;}

#shareblock {border-bottom-color: #C4C4C4; border-top-color: #C4C4C4; border-bottom-width: 1px; border-bottom-style: solid; border-top-style: solid; border-top-width: 1px; height: 20px; padding: 10px 0px; margin: 20px 0 15px 0; color: #aeaeae; font-size: 12px; }
#shareblock .shareblock1 {border-right-color: #C4C4C4;  border-right-width: 1px; border-right-style: solid; float:left; padding: 0px 20px; margin: auto; width: 80px; }

.sourceleft{float:left; margin:0 4px 4px 0;}

.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;}

#main-wrapper #content .bottom-post .post-content .text #me h3{clear: none;}
#formemail{margin-bottom:20px; height:44px;}
#formbox{height:22px;font-family:'Helvetica','Arial','Geneva',sans-serif; font-size:13px; width: 70%;}
#formbox:focus{color:black;}
ul.archive-bottom li{list-style-type: none;width: 50%; float: left; margin-bottom: 3px; font-size: 14px;}
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;}
img.alignleft{float: left;}

.alignright{float: right;}
.alignleft{float: left;}


.wp-caption{background-color: #F3F3F3; border: 1px solid #C4C4C4; border-radius: 3px 3px 3px 3px;margin-bottom: 20px; margin-top:13px; padding:15px 10px 10px 10px; text-align: center;}
.alignright.wp-caption{margin-left:13px;}
.alignleft.wp-caption{margin-right:13px;}
.wp-caption img{margin: auto;padding: 0; width: 100%; height: 100%;}
p.wp-caption-text{font-size: 11px;line-height: 13px;margin: 0;padding:15px 0 0 0; text-align:center;color:#515151;}

#maincontent ul li {margin-top: 5px; list-style-position: outside; list-style-type: disc; font-size: 14px; }

p.cc_message {color:white;}
a.cc_more_info{color:#3180be;}