/* Theme Name: Hallock 3 Description: Designed by Joe Hallock Version: 1.0 Author: Joe Hallock Author URI: http://www.joehallock.com/ */ body { padding: 0; margin: 0; color: #303030; font-family: Arial, Helvetica, sans-serif; font-size: 76%; background-color: #1a1a1a; background-image: url(http://www.joehallock.com/media/hallock3/bg.jpg); background-repeat: repeat-x; background-attachment:fixed; } html { padding: 0; margin: 0; overflow-x: auto; height:100%;} a:link { text-decoration: none; color : #218dd1; border: 0px; -moz-outline-style: none;} a:active { text-decoration: underline; color : #218dd1; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #218dd1; border: 0px; -moz-outline-style: none;} a:hover { text-decoration: underline; color : #51AC13; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;} img { border: none;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } form { padding: 0px; margin: 0px;} input { color: #282b31; font-size: 11px;} textarea { color: #282b31; font-size: 11px;} select { color: #282b31; font-size: 11px;} .hide { display: none;} /* WRAPPER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .WRAPPER { width: 960px; padding: 0px; position: relative; margin-right: auto; margin-bottom: 0; margin-left: auto; } .WrapperTop { width:960px; height:131px; padding: 0px; margin-bottom:10px; background-image: url(http://www.joehallock.com/media/hallock3/headerbgBig.png); background-repeat:no-repeat; behavior: url(http://www.joehallock.com/media/hallock3/iepngfix.htc); } .TopHeaderRight { float:right; margin-left:0px; width: 300px; } .TopHeaderLeft { padding-left:250px; padding-top:71px; } topMenu ul { margin-left: 0; padding-left: 0; white-space: nowrap; } .topMenu li { display: inline; list-style-type: none; font-size:110%; color:#3585b6; } .topMenu a { color:#4696c3; text-decoration: none; } .topMenu a:visited { color:#4696c3; text-decoration: none; } .topMenu a:hover { color:#ffffff; text-decoration: none; } /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Search form { padding-right: 10px; padding-bottom: 10px; padding-left: 23px; margin-top: 76px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .Search input { border: none; color: #d6f0b3; font-size: 100%;} .Search input.search { width: 21px; height: 21px; } .Search input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; width: 215px; border: none; } /**/ * html #buttonsearch { padding: 0px; background: none; margin-top: -26px; margin-right: 0px; margin-bottom: 0px; margin-left: 228px; } /* */ #buttonsearch { padding: 0px; background: none; margin-top: -26px; margin-right: 0px; margin-bottom: 0px; margin-left: 228px; behavior: url(http://www.joehallock.com/media/hallock3/iepngfix.htc); } /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CONTAINER { width: 960px; float: left; position: relative; background-image:url(http://www.joehallock.com/media/hallock3/containerBG.png); background-repeat:repeat-y; padding:0; } * html .CONTAINER { width: 960px; float: left; position: relative; background-image:url(http://www.joehallock.com/media/hallock3/containerBG.gif); background-repeat:repeat-y; padding:0;} /* Left Side +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width: 660px; float: left;} .SC h2 { font-weight: normal;} .pagetitle { position: relative; clear: left; padding-top:10px; padding-left:20px; } .pagetitle h2 { font-size: 24px; color:#51AC13; } .SCS {} .SCS h1 { font-size: 20px; font-weight: normal; padding-bottom: 10px; } .SCS h2 { font-size: 18px; font-weight: normal; } .SCS h3 { font-size: 16px; font-weight: bold; } .SCS p { font-size: 100%; line-height: 20px;} .SCS p strong {} .SCS img {} .SCS ul { padding: 10px 0px; margin: 0px; } .SCS li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 11px; line-height: 15px; color:#4c4c4c; } .SCS blockquote { padding: 2px 10px; background: #000000; margin: 0px; color:#CCCCCC; } .SCS blockquote p { font-size: 100%; padding: 5px 0px; margin: 5px 0px; line-height: 15px;} .SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 11px; line-height: 15px; color:#336699; } .SCS blockquote a { color:#218dd1; } .SCS blockquote a:visited { color:#218dd1; } .SCS blockquote a:hover { color:#51AC13; } /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { position: relative; clear: left; padding: 20px; } .Post img { padding: 10px; display: block; margin: 0 auto 15px auto; background-color: #000000; } .PostHead { position: relative; clear: left; padding-top:10px; } .PostHead h1 { font-size: 180%; line-height: 19px; font-weight: normal; margin: 0px; color:#51AC13; } .PostHead h1 a { color: #218dd1; text-decoration: none;} .PostHead h1 a:visited { color: #218dd1; text-decoration: none;} .PostHead h1 a:hover { color:#51AC13; text-decoration: none;} .PostHead ul { padding: 0px; margin: 0px;} .PostHead li { list-style-type: none; display: inline; } .PostHead li a { color:#8a98a2; text-decoration: underline;} .PostHead li a:visited { color:#8a98a2; text-decoration: underline;} .PostHead li a:hover { color:#218dd1; text-decoration: underline;} .PostAuthor { font-size: 90%; color:#8a98a2; font-weight: bold;} .PostCateg { background: url(images/PostCateg.png) no-repeat left center; padding: 1px 5px 1px 13px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold; } .PostContent { font-size: 100%; line-height: 17px; margin-top: 20px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; color:#999999; } .PostContent p { color:#999999; font-size: 110%; line-height: 20px;} .PostContent ul { margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .PostContent li { list-style-type: none; font-size: 110%; color:#EEEEEE; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px;} .PostContent blockquote { background: #000000; padding: 5px; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; } .PostContent blockquote p { font-size: 110%; color:#218dd1; line-height: 15px; padding: 10px; margin: 10px; } .PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 110%; line-height: 15px; color:#999999; } .PostContent blockquote a { color:#218dd1; } .PostContent blockquote a:visited { color:#218dd1; } .PostContent blockquote a:hover { color:#51AC13; } .PostContent a { text-decoration: underline;} .PostContent h1 { font-size: 160%; line-height: 19px; font-weight: normal; color:#FFFFFF; } .PostContent h3 { font-size: 140%; line-height: 19px; font-weight: normal; color:#EEEEEE; } .PostContent h5 { font-size: 120%; font-weight: normal; color:#999999; } .projectsTable {width: 620px; font-size:110%; } .PostContent input { border:none; color: #000000; font-size: 100%; background-color:#999999; padding:7px;} .PostContent textarea { border:none; color: #000000; font-size: 100%; background-color:#999999; padding:7px;} .post-date { float: right; display: inline; background: url(http://www.joehallock.com/media/hallock3/date.png) no-repeat; height: 66px; width: 39px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; padding-top: 16px; line-height:16px; behavior: url(http://www.joehallock.com/media/hallock3/iepngfix.htc); } .month { font-size:100%; text-transform: uppercase; } .day { font-size:150%;} .PostDet { padding-top: 10px;} .PostDet ul { padding: 0px; margin: 0px;} .PostDet li { padding: 2px 0px 5px 15px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 100%; font-weight: bold; } .PostDet li a { text-decoration: underline; color:#218dd1;} .PostDet li a:visited { text-decoration: underline; color:#218dd1;} .PostDet li a:hover { text-decoration: underline; color:#51AC13;} .PostCom { background: url(http://www.joehallock.com/media/hallock3/comment.png) no-repeat left center; } /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding: 0px; margin-left:20px; margin-bottom:20px;} .Note li { padding: 1px 0px 8px 15px; margin: 0px; list-style-type: none; font-size: 110%;} .NoteRss { background: url(http://www.joehallock.com/media/hallock3/rss.png) no-repeat left top;} .NoteTrackBack { background: url(http://www.joehallock.com/media/hallock3/trackback.png) no-repeat left top;} .Note li a { margin-left:8px;} /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div.Nav { padding:3px; margin:3px; text-align:center; font-size:110%; color:#666666;} div.Nav a { padding: 3px 6px 3px 6px; margin-right: 2px; border: 1px solid #58a1ce; text-decoration: none; color: #218dd1;} div.Nav a:hover, div.Nav a:active { border:1px solid #218dd1; color: #FFFFFF; background-color: #196faf;} div.Nav span.current { padding: 3px 6px 3px 6px; margin-right: 2px; border: 1px solid #218dd1; font-weight: bold; background-color: #104163; color: #FFF;} div.Nav span.disabled { padding: 3px 6px 3px 6px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin: 20px 0px 0px 0px;} .Comments h3 { font-size:140%; font-weight: bold; margin-left: 20px; padding: 0px; color:#FFFFFF;} /* Comments - Talk Bubble ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .commentlist {margin-right:60px; margin-left:40px; list-style:none; } .commentlist h3 { font-size: 140%; font-weight: bold; margin: 0px 20px 5px 0px; padding: 0px; color:#FFFFFF; } .commentlist li { padding: 5px 18px 22px 18px; margin-top:15px; color:#e4edee; background-color: #353535; background-image:url(http://www.joehallock.com/media/hallock3/bg_commentlist.gif); background-repeat: no-repeat; background-position: left bottom; } .commentlist cite { display:block; font-style:normal; margin-left:30px; color:#999999; } .commentlist cite a:link, .commentlist cite a:visited { color:#EEEEEE; text-decoration:none; } .commentlist cite a:hover, .commentlist cite a:active { color:#FFFFFF; text-decoration:underline; } .commentlist li p { font-size: 110%; line-height: 15px; color:#999999;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*.Comments .List h3 { font-size: 140%; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#FFFFFF; } .Comments .List ol { padding: 0px; margin: 0px;} .Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#484c4f;} .Comments .List li p { font-size: 11px; line-height: 15px; padding: 5px 0px; margin: 0px; color:#484c4f;} .Comments .List li blockquote { padding: 0px; margin: 0px; color:#666666; font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; } .Comments .List li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#666666; } .Comments .List li ul { padding: 5px 0px; margin: 0px; } .Comments .List li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }*/ /*.Comments .List .ListGrav { position: absolute; top: 15px; left: 0px;} .Comments .List .ListGrav img { background: #fff; padding: 1px; border: solid 1px #ccc;} .Comments .List big { margin: 0px; padding: 0px 0px 0px 35px; font-size: 11px; line-height: 14px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;} .Comments .List small { color:#7e7e7e; padding: 0px 0px 10px 35px; margin: 0px; border-bottom: solid 1px #ccc; display: block;} .Comments .List small a { color:#218dd1; text-decoration: none;} .Comments .List small a:visited { color:#218dd1; text-decoration: none;} .Comments .List small a:hover { color:#51AC13; text-decoration: none;}*/ /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form { background-color:#666666; padding: 10px 20px 20px 15px; position: relative;} .Comments .Form form {margin: 0px; padding: 0px;} .Comments .Form a { text-decoration: underline;} .Comments .Form p { padding: 0px; margin: 0px; font-size: 100%; color:#CCCCCC; } .Comments .Form p small strong { font-size: 100%; font-weight: bold; color:#CCCCCC;} .Comments .Form p small { font-size: 100%; display: block; padding: 5px 0px;} .Comments .Form .TextField { background: #EEEEEE; border: 1px solid #272727; padding: 4px; font-size: 100%; display: block;} .Comments .Form .TextArea { background: #EEEEEE; border: solid 1px #272727; padding: 4px; font-size: 100%;} .Comments .Form input.SubmitComment { width: 63px; height: 26px; margin-top: 8px;} .Comments .Form input.SubmitComment:hover { background-color:#333333; } /* Right Side +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width: 300px; float: right; color:#999999; padding-top:10px; margin-bottom:100px; } .SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;} .SR h3 { font-size: 14px; font-weight: bold; color:#999999; margin: 0px; text-transform: uppercase; letter-spacing:-1; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .SR p { color:#999999; font-size: 100%;} .SRL { width: 150px; float: left;} .SRR { width: 150px; float: right;} /* Panel +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .PT { height: 5px; width: 5px; position: absolute; top: 0px; right: 0px;} /**/ *html .PT { right: 5px;} /**/ .Panel { position: relative; margin-bottom: 5px; padding: 10px 10px 10px 10px; } .Panel ul { margin: 0px; padding: 0px;} .Panel ul li { margin: 0px; list-style-type: none; font-size: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #272727; } .Panel ul li a { display: block; font-size: 100%; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 10px; } .Panel ul li a:visited { background-color:none ; display: block; } .Panel ul li a:hover { background-color:#000000; display: block; text-decoration: none; color:#FFFFFF; } .Panel ul ul li { margin: 0px; list-style-type: none; font-size: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px;} .Panel ul ul li a { margin: 0px; padding: 1px 0px 2px 10px; list-style-type: none; font-size: 100%; background: none;} .Panel ul ul li a:visited { margin: 0px; padding: 1px 0px 2px 10px; list-style-type: none; font-size: 100%; background: none;} .Panel ul ul li a:hover { margin: 0px; padding: 1px 0px 2px 10px; list-style-type: none; font-size: 100%; background: none;} .Panel p { color:#333; font-size: 100%;} /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Footer {width: 960px; position: relative; clear: both; padding: 0; margin:100 0 0 0; background-image:url(../../../media/hallock3/footer.jpg); background-repeat:no-repeat; background-position:left top; height:59px; } .FootterLeft {width:600px; float:left; } .FooterRight {width: 280px; float:right;} .Footer h5 { font-size: 120%; font-weight: normal; color:#59abdc; padding:20px; } .Footer p { font-size: 110%; color:#8a8a93; padding: 0px; margin: 0px; } .Footer a { color:#8a8a93; text-decoration: underline;} .Footer a:visited { color:#8a8a93; text-decoration: underline;} .Footer a:hover { color:#8a8a93; text-decoration: underline;}