/* Theme Name: Section-d Theme Theme URI: http://google.com Description: Section-D to the max-a-lax Version: 1.0 Author: Paul Flynn & Wez Crozier Author URI: http://pflynny.com */ /*-------------------------------------- - V2 020908 - Author :Paul Flynn - Visit :http://www.deefolt.com - Client:Section-D ---------------------------------------- COLORS - default body text #000000 - header hover #999999 - subtitle h2/ a hover #E80068 --------------------------------------- CSS DIRECTORY 1. =BODY/MASTER 2. =TYPOGRAPHY 3. =NAVIGATION 4. =PROJECTS /* --------------------------------------- BODY/MASTER --------------------------------------- */ /* =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,tt, var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table, caption,tbody,tfoot,thead,tr,th,td { border : 0pt none;font-family : inherit;font-size : 100%;font-style : inherit;font-weight : inherit;margin : 0pt;outline-color : -moz-use-text-color;outline-style : none;outline-width : 0pt;padding : 0pt;vertical-align : baseline; } * { margin : 0; } body { font-family:Courier,"Courier New",monospace;font-size:12px; } div#wrapper { clear:both;position:relative; } /* =links */ a { text-decoration :none;color :#000000; } a:hover { color:#E80068; } #navigation a:visited { text-decoration:line-through; } #navigation a:hover { color:#E80068; } #proj { text-decoration:none; } #proj a:visited { text-decoration:none; } ul { list-style :none;display :inline; } li a:hover { color:#000; } dl { margin : 0 0 20px 0; padding-bottom:60px} dd { margin : 0 0 20px 0;} dt { margin : 0 0 20px 0; font : 14px;} /* ---------------------------------------- TYPOGRAPHY ---------------------------------------- */ /* =headers */ h1,h2,h3,h4,h5 { font : Courier,"Courier New",monospace;text-transform:uppercase; } h2 { font-size:12px;color:#E80068;text-decoration:none;margin-bottom:10px; } h3 { font-size:14px;color:#000000;margin-bottom:10px;font-weight:normal; } h4 { margin-bottom :5px; } div#navigation h1 { background : url("../images/bod/hidden_persuaders.gif") no-repeat ; text-indent : -9999px; margin :3px 0px;padding :0px; } div#navigation h2 { margin-top:32px;font-size :14px; } /* =p */ p { font-size:12px;color:#000000; } #project_00 p { width:575px;padding-bottom:60px; } /* =imgs */ img { margin-bottom :40px; } /* =classes */ .clear_border { margin-top:30px;width:50px;font-size:10px;color:#999999; } .clear_proj { margin:0px 0 40px 0 ;width:800px;height :5px;border-top :dashed 1px #999999 ;border-bottom :solid 2px #999999 ; } .space { height :12px; } .para_margin { margin : 0; padding : 0px;} .strongtype { font-weight : bold; font-style : italic;} /* ---------------------------------------- NAVIGATION ---------------------------------------- */ /*-- TABS --*/ div#header { float:left;width:100%;background:url("images/bod/header_bg.png") repeat-x bottom #CCCCCC;font-size:93%;line-height:normal;position:fixed;z-index:5; padding-top:10px;} div#header ul { margin:5px 0px 0px 0px;padding:10px 0px;list-style:none; } div#header li { float:left;width:250px;background:url("images/bod/tab_right.png") no-repeat right top;margin-right:2px;padding:0; } div#header a { display:block;background:url("images/bod/tab_left.png") no-repeat left top;padding:5px 15px 3px;font-family:Helvetica,Verdana,Arial,sans-serif;font-size:14px; font-weight: bold ;color:#fff; } div#header a:hover { text-decoration:none;color:#999999; } div#header #current { background-image:url("images/bod/tab_right_on.png"); } div#header #current a { background-image:url("images/bod/tab_left_on.png");color:#000; } div#header img { margin : 0; padding : 0;} /*-- SIDE NAV --*/ div#navigation { width:235px;height:600px;padding:5px 0px 0px 15px;float:left;position:fixed;top:26px;z-index:2;background:#ffffff; } div#navigation ul { font :normal 12px/14px Courier,"Courier New",monospace;text-transform:uppercase; } /* ---------------------------------------- PROJECTS ---------------------------------------- */ /* =projects */ #project_container { position:relative;height:auto;width:800px;top:45px;left:260px; } #project_00 { width:625px;padding-left:75px;padding-top:31px; } #project_01 { width:625px;padding-left:75px;padding-top:31px; } #project_01 dd { width : 520px;} /* BLOG SHIT */ #posts_container { position: relative; height: auto; width: 600px; top: 45px; left: 360px; } .blog-post { padding-top: 25px; margin-bottom: 80px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #999999; } .blog-post-info { color: #999999; font-family: Courier; font-size: 10px; } .blog-post-divider { height: 5px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #999999; margin-top: 5px; margin-bottom: 10px; } .blog-post h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; } .blog-post-content { color: #333333; font-family: Courier; font-size: 12px; } .blog-post-title a { color: #E80068; } .blog-post-content img { border:0px; margin-top: 5px; margin-bottom: 15px; } .blog-post-divider-end { height: 5px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #999999; margin-top: 30px; margin-bottom: 5px; } #navigation ul { font-family: Courier; text-transform: uppercase; display: inline; font-size: 12px; margin: 0px; padding: 0px; list-style-type: none; line-height: 13px; } #wp-calendar{ font-family: Courier; color: #666666; font-size: 10px; text-align: center; width: 100%; border-collapse: collapse; padding: 0; margin: 0; } #wp-calendar caption a, #wp-calendar caption a:hover{ background: transparent; } #wp-calendar th{padding: 2px;text-align: center; font-size: 10px;} #wp-calendar a{text-decoration: none;display: block;color: black; font-size: 10px;} #wp-calendar caption{letter-spacing: 0.1em;padding: 0.2em 1em 0.2em 0.8em;font-weight: normal;text-align: left; font-size: 10px;} #wp-calendar td{padding: 2px;text-align: center;} #wp-calendar-split{border-top: 4px double #999;margin-top: 4px;padding: 5px;} #wp-calendar{ background-color: #F3F3F3; font-size: 10px; } #wp-calendar caption a, #wp-calendar caption a:hover{color: #2f3b4f;} #wp-calendar th{ background-color: #E5E5E5; font-size: 10px; } #wp-calendar a{ padding: 5px 0; border: 1px solid #8db8c3; background-color: #CCCCCC; font-size: 10px; } #wp-calendar a:hover{ border: 1px solid #8db8c3; background-color: #2f3b4f; color: #E80068; font-size: 10px; } #wp-calendar caption{ color: #2f3b4f; background-color: #E80068; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 20px; font-size: 10px; } #wrapper #navigation #giraffe_calendar { width: 210px; font-size: 10px; }