/* hello, view source is your friend and mine too */ /* Title: Ianjamescox.com Author: ijcspam@gmail.com Updated: April 8th 2007 */ body{ background:url(http://www.ianjamescox.com/images/layout_bg.jpg) top center no-repeat #F8F9E0; color:#4B493F; font-family:"Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: small; margin:0; text-align:center; } /* links */ a:link, a:visited { padding-bottom: 1px; color: #383d44; text-decoration: none; } a:hover { color: #383d44; } /* html styles */ ul { list-style-position:inside; margin:0; padding:0; list-style-type:none;} blockquote { float:right; width:140px; font-size:115%; margin:0 0 0 10px; padding:15px 0 15px 17px; font-family:Georgia, "Times New Roman", Times, serif;border-left:solid 3px #C0C0A4; } blockquote span{ float:left; font-size:370%; margin:0; padding:0 5px 0 0; } /* page structure ---------------------------------------------------------- */ #container { width:960px; background:url(http://www.ianjamescox.com/images/uploads/layout_divider.gif);margin:0 auto;text-align:left;} #containerone { width:960px; background:url(http://www.ianjamescox.com/images/uploads/layout_divider2.gif); float:left; } #margin { width:170px; float:left; padding:185px 0 0 30px;} #content { width:674px; float:left;background:url(http://www.ianjamescox.com/images/uploads/divider.jpg) left 57px no-repeat ; margin-right:1px;float:left;} #navigation { display:block; float:right;} #footer { width:758px; height:68px; float:left; clear:left; background-color:#F8F9E0; text-align:right; border-top:solid 1px #C0C0A4; font-size:90%; padding:5px 17px 0 0;} #main { width:438px; float:left; padding:20px 17px 17px 17px;border-right:solid 1px #C0C0A4;border-left:dashed 1px #C0C0A4;margin-top:15px; } #main-inside { width:530px; float:left; padding:61px 17px 17px 17px; margin-top:45px;} #main-inside-top { width:530px;float:left; padding:61px 17px 17px 17px; margin-top:16px;} #sidebar {width:197px; float:right; margin-top:15px; background:url(http://www.ianjamescox.com/images/uploads/right-col-smooth.gif) top left no-repeat ;border-left:solid 2px #d4d4bc;border-right:solid 1px #C0C0A4;} #flashSlide {border-bottom:solid 1px #C0C0A4;float:left;width:575px; } #flashSlide img {border:none; padding:0;} /* margin ---------------------------------------------------------- */ #margin h1 { display:none;} #margin h2 { color:#827963; font-size:85%; text-transform:uppercase; margin:0;} #margin h3 { color:#D86234; font-size:90%; margin:12px 0 2px;} #margin a { font-size:85%; text-decoration:none; color:#6C6450; background:url(http://www.ianjamescox.com/images/uploads/star-bullet.gif) no-repeat left 1px; padding-left:18px;} #margin a:hover {border-bottom:dashed 1px #B2B297;} #margin a.on{ border-bottom:dashed 1px #B2B297;} #margin li {padding:2px 0px 2px 0px;} /* sidebar ---------------------------------------------------------- */ #sidebar h2 { color:#827963; font-size:85%; text-transform:uppercase; margin:0; border-bottom:double 3px #DBD4B8; border-top:solid 1px #DBD4B8;text-align:right; padding:15px 10px 15px 0;} #sidebar h3 { color:#D86234; font-size:90%; margin:8px 0;} #sidebar p { font-size:80%; margin:14px 0; padding:0 11px 0 20px;line-height:150%; } #sidebar ul {margin:14px 0; padding:0 11px 0 20px;line-height:150%; } #sidebar li {margin:0 0 14px 0; font-size:80%;} #sidebar .polaroid{ background:url(http://www.ianjamescox.com/images/uploads/innocentsmooth.gif) 10px top no-repeat; text-align:right; padding-left:50px;} #sidebar a { padding:2px 2px; background-color:#C0C0A4;} #sidebar .borderTopNone {border-top:none;} #sidebar .borderTopNonediv {color:#827963; font-size:85%; text-transform:uppercase; margin:0; border-bottom:double 3px #DBD4B8; border-top:solid 1px #DBD4B8;text-align:right; padding:15px 10px 15px 0;border-top:none;} #sidebar .borderTopNonediv a:link{ background: none;} #sidebar .borderTopNonediv a:active{ background: #E3E4BF;} #sidebar .borderTopNonediv a{ background: none;} #sidebar .left{border-right:1px solid #ccc;float:left;width:70px;} #sidebar .right{border-right:none;float:left;width:65px;} #sidebar .periodic {} #sidebar .periodic li{float:left;width:20px;background-color:#C0C0A4;margin:0 5px 5px 0;text-align:center;} #sidebar .inmyhead a {border:none;padding:0;} /* navigation ---------------------------------------------------------- */ #navigation li{ display:inline; width:99px; text-transform:uppercase; float:left; font-size:95%;border-left:solid 1px #C0C0A4; } #navigation li a { display:block; padding:35px 0 7px 10px; border:none;} #navigation li a:hover { display:block; padding:35px 0 7px 10px; border:none; background-color:#b66e51; color:#EEEED1;} #navigation li .active { color:#EEEED1; background:url(http://www.ianjamescox.com/images/uploads/star-black.gif) no-repeat 8px 6px #26261F;} #navigation li a:hover.active { background:url(http://www.ianjamescox.com/images/uploads/star-black.gif) no-repeat 8px 6px #26261F; color:#EEEED1;} /* news stylings ---------------------------------------------------------- */ #main h2 { font-size:110%; color:#7F7B6A; text-transform:uppercase; float:left;clear:left; width:100%;} #main h3 { font-size:90%; font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:-0.02em; font-weight:normal; margin:00px 0 0 0; padding:0;background:url(http://www.ianjamescox.com/images/uploads/star-bullet.gif) no-repeat left 1px; padding-left:15px; float:left; clear:left; width:100%;} #main h4 { font-size:175%; color: #b66e51;font-family: Georgia, Palatino, Times New Roman;letter-spacing:-0.04em; font-weight:normal; margin:10px 0 6px 0; padding:0; float:left; clear:left; width:100%;} #main h4 span{ font-size:12px;color:#b66e51;font-style:italic;} #main h5 { font-size:110%; color:#7F7B6A; text-transform:uppercase; float:left;clear:left; width:100%;margin:0 0 8px 0;padding:0;} #main p { font-size:95%; margin:7px 0 15px; padding:0;line-height:175%;} #main p a { border-bottom:dashed 1px #B2B297;} #main ul {margin-bottom:20px;} #main li { background:url(http://www.ianjamescox.com/images/uploads/star-bullet.gif) no-repeat left 2px; padding-left:18px;padding-top:0px;font-size:95%; line-height:150%;margin-bottom:5px;} #main img {border:solid 1px #7F7B6A; padding:2px; background:#fff;} #main .controls{ text-align:right; float:left; padding-top:10px; width:100%; } #main .pagetitle{ text-align:left; float:left; padding-top:10px; width:100%; } #main .comment { color:#67675A; border-bottom:solid 1px #C0C0A4; border-top:solid 1px #C0C0A4; background:url(http://www.ianjamescox.com/images/uploads/map_blur.gif) top left repeat-x #F8F9E0; height:26px; padding-top:6px; font-size:95%;margin-bottom:25px;} #main .comment p { width:260px; float:left; margin:0; padding:0;} #main .commentbg {width:74px;height:20px; background:url(http://www.ianjamescox.com/images/uploads/comment_bg.gif) no-repeat top left; text-align:right; font-size:90%; letter-spacing:-0.025em; float:right; } #main .commentbg a{ display:block; height:20px;color:#67675A; padding:2px 4px 0 0} .mainonecol { width:540px; float:left; padding:00px 17px 17px 17px; font-size:95%;} .portfolio{ margin-bottom:20px;} #portfoliotitle p{ width:530px;} #portfoliotitle p.note{ width:514px;border:solid 1px #333;font-size:0.9em;margin-left:2px;padding:5px 10px;} #portfoliotitle h3{width:522px;padding:5px 10px;font-size:1.2em;background:none;} #main .portfoliothumbs {width:189px;height:162px;padding:0;margin:0;float:left;border:none;background:transparent;} #portfoliothumbsbox {float:left;width:570px;margin-left:-14px;} #portfoliothumbsbox h3{float:left;margin-left:16px;border-bottom:1px #666 solid;padding-bottom:4px;width:536px;background:none;padding:0 0 6px 0;font-size:16px;text-transform:uppercase;margin-top:20px;} /* inside news stylings ---------------------------------------------------------- */ #main-inside h2 { font-size:110%; color:#7F7B6A; text-transform:uppercase; float:left;clear:left; width:100%;} #main-inside h3, #main-inside-top h3{ font-size:90%; font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:-0.02em; font-weight:normal; margin:00px 0 0 0; padding:0;background:url(http://www.ianjamescox.com/images/uploads/star-bullet.gif) no-repeat left 1px; padding-left:15px; float:left; clear:left;} #main-inside h4, #main-inside-top h4 { font-size:175%;letter-spacing:-0.01em; color: #b66e51;font-family: Georgia, Palatino, Times New Roman;letter-spacing:-0.04em; letter-spacing:-0.04em; font-weight:normal; margin:7px 0 0px 0; padding:0; float:left; clear:left; } #main-inside h5 { font-size:110%; color:#7F7B6A; text-transform:uppercase; float:left;clear:left; width:540px;margin:0 0 8px 0;padding:0;} #main-inside p { font-size:105%; margin:0px 0 20px; padding:0;line-height:200%;} #main-inside p a { border-bottom:dashed 1px #B2B297;} #main-inside ul {margin-bottom:20px;} #main-inside li { background:url(http://www.ianjamescox.com/images/uploads/star-bullet.gif) no-repeat left 2px; padding-left:18px;padding-top:0px;font-size:95%; line-height:150%;margin-bottom:5px;} #main-inside .controls, #main-inside-top .controls{ text-align:right; float:left; padding-top:10px; width:100%; } #main-inside .pagetitle{ text-align:left; float:left; padding-top:10px; width:100%; } #main-inside .comment { color:#67675A; border-bottom:solid 1px #C0C0A4; border-top:solid 1px #C0C0A4; background:url(http://www.ianjamescox.com/images/uploads/map_blur.gif) top left repeat-x #F8F9E0; height:26px; padding-top:6px; font-size:95%;margin-bottom:25px;float:left; clear:left;width:100%;} #main-inside .comment p { width:260px; float:left; margin:0; padding:0;} #main-inside .commentbg {width:74px;height:20px; background:url(http://www.ianjamescox.com/images/uploads/comment_bg.gif) no-repeat top left; text-align:right; font-size:90%; letter-spacing:-0.025em; float:right; } #main-inside .commentbg a{ display:block; height:20px;color:#67675A; padding:2px 4px 0 0} #main-inside img {border:solid 1px #7F7B6A; padding:2px; background:#fff;} #RecentArticles {float:right;width:170px;margin-top:15px;} #RecentArticles h4{font-size:1.1em;margin:0;margin-bottom:15px;} #RecentArticles h5{font-size:1.1em;margin:0;margin-bottom:0px;} #RecentArticles h6{font-size:.90em;color:#999;font-weight:bold;margin:0 0 10px 0} /* forms ---------------------------------------------------------- */ #contactform { float:left;width:580px;} .formspan { border-top:dashed 1px #C0C0A4; margin:10px 0 0 0; padding:10px 0 0 0; float:left;padding-right:8px;} .forminputborder { background-color:#E3E2C9; padding:3px; float:left; margin-left:15px;} .forminputright { padding-left:413px;} #contactform label{ color:#343225; font-size:120%; padding:4px 0; width:139px; float:left; text-align:right; } #contactform input { border:solid 1px #B9B8A2; background-color:#F9F9E5; padding:5px 10px; font-size:100%; float:left; color:#2C291E;} #contactform textarea { border:solid 1px #B9B8A2; background-color:#F9F9E5; padding:5px 10px; font-size:100%; float:left; color:#2C291E; font-family:"Lucida Grande", Geneva, Arial, Helvetica, sans-serif;} /* comments ---------------------------------------------------------- */ #commentstyle {float:left;clear:left;border-top:solid 2px #9B988F;} #commentstyle .date {font-size:0.8em; color:#aaa;float:left;margin:0;padding:0;clear:left;} #commentstyle .comment {border-top:dashed 1px #999;float:left;width:100%;clear:left;height:auto;margin:15px 0;border:none;border-top:dashed 1px #999;float:left; width:158px;border-top:solid 2px #D8346E;margin-top:-2px;} #commentstyle h4 {border:none;font-size:1.2em;background:none;} #commentstyle p {float:left;width:auto;width:100%;} #commenttext {width:346px;float:left;margin-top:5px;padding-left:16px;padding-right:10px;font-size:0.9em;} #commentinputs {float:left; clear:left;} /* footer ---------------------------------------------------------- */ #footer {float:left; padding:20px 0;} #randompolaroid { background: url(http://www.ianjamescox.com/images/uploads/bigpolaroid.gif) no-repeat ; position:absolute; height:162px; width:170px;} #randomant{ background: url(http://www.ianjamescox.com/images/uploads/ant_trans.gif) no-repeat ; position:absolute; height:162px; width:170px;} #randomplant{ background: url(http://www.ianjamescox.com/images/uploads/plant22.gif) no-repeat ; position:absolute; height:200px; width:170px;} #flickrBox {background: url(http://www.ianjamescox.com/images/uploads/head02.gif) top left no-repeat;height:154px;width:100%; } #flickrBox span {display:none;} #flickrBox a {background:transparent;} #flickrBox .flickrlink {float:left;width:80px;height:30px;margin-left:8px;margin-top:10px;} #flickrBox .virblink {float:right;width:80px;height:50px;margin-top:12px;margin-right:8px;} #flickrBox .aboutme {float:left;width:70px;height:50px;clear:left;margin-left:120px;margin-top:30px;} .portfolio_list {float:left;width:160px;background:yellow;margin-left:10px;} #content {margin-left:10px} #playlist {margin-bottom:20px;margin-top:20px;font-size:0.9em;} #playlist ol { list-style-type:default;list-style-position:inside;no-repeat left 2px; padding-left:0px;padding:7px ;font-size:95% !important;; line-height:70%;margin-bottom:5px;border-bottom:dashed 1px #ccc;background:#eeefd5;margin:3px 0;} #playlist li { background:none;} #highlightsticky {width:100%;text-align:center;background:#040807;color:#525249;} #highlightsticky p {padding:10px;margin:0;}