/*
Theme Name: Work-a-holic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 1.0
Author: Chandra Maharzan for Graph Paper Press
Author URI: http://graphpaperpress.com/
Tags: minimalistic, clean, fixed width, three column, two column, separate blog, portfolio
*/
/* load 960 framework */
@import url("library/960/reset.css");
@import url("library/960/text.css");
@import url("library/960/960.css");
/* global styles */
body { margin: 20px 0;
font-family: Helvetica, Arial;
}
h1,h2,h3,h4,h5 {color:#444;}
a {text-decoration: none; color: #7FA2AB; font-weight: normal;}
a:hover {color: #FF6699}
h4 {font-size:18px;margin:0;padding:5px 0 0 0;color:#333}
#content h2 {font-size: 45px;}
/* headers */
#mainlogo {
/*background-color: #AC2935;*/
height: 91px;
padding-left: 270px;
text-align: right;
background: url(../../../images/pencil.png) bottom left repeat-x;
padding-bottom: 20px;
}
#headerImg {
float: left;
border: solid 1px #D9D9D9;
margin-right: 15px;
}
#mainlogo a {
border: none;
}
#header {margin-top: 10px;margin-bottom: 10px; background: url(../../../images/pencil.png) bottom left repeat-x;
padding-bottom: 10px;
}
#header #logo {float:left}
#header h1 {margin:0;text-transform: uppercase;font-size: 25px;padding:0;line-height: 1}
#header h1 a {color: #333;border:none;}
#header h1 a:hover {color:#666;}
#header .description {color:#bbb;font-family: Georgia;font-style: italic;font-size: 14px }
/* intro text */
#introduction {background: url(../../../images/pencil.png) bottom left repeat-x;
padding-bottom: 5px; padding-top: 5px;}
#introduction h2 {font-size:30px; margin:0 0 5px 0;padding:0}
#introduction h3 {line-height:24px ;color: #666666;font-size: 17px; padding-bottom: 10px;}
/* twitter */
#twitter {background:url(images/twitter-bg.gif) 0px 30px no-repeat;margin-bottom:25px;}
#twitter-top {background:url(images/twitter-top.gif) 0 0 no-repeat;}
#twitter_update_list {list-style:none;margin:0;padding:0;background:url(images/twitter-bot.gif) left bottom no-repeat;min-height:80px;}
#twitter_update_list li {list-style: none;margin:0;font-size:12px;padding:25px 60px 15px 20px;line-height: 1.3}
#twitter_update_list li span {display: block}
/* NAVIGATION - Basic code - don't modify */
#nav-drop {float: right; margin:0px 0px 0px 0px;padding:0; text-transform: uppercase;}
#nav-drop li { text-align: left; display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; cursor:default; z-index: 5}
#nav-drop a { display: block; z-index: 4;}
#nav-drop ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav-drop ul { line-height: 0; } /* IE6 "fix" */
#nav-drop ul a { zoom:1;line-height: 1.1 } /* IE6/7 fix */
#nav-drop ul li { float: none; margin:0;padding:-1px}
#nav-drop ul ul { top: 0; }
/* MAIN NAVIGATION _ Essentials - configure this */
#nav-drop ul { width: 150px;}
#nav-drop ul ul { left: 150px; }
/* MAIN NAVIGATION - Everything else is theming */
#nav-drop *:hover { background:url(../../../images/bodyBack.jpg) center center ; color:#666}
#nav-drop a {color: #666; font-size: 14px; padding: 10px 15px; line-height: 1; border: none; font-weight:normal;-moz-border-radius:0px;-webkit-border-radius:0px;}
#nav-drop li.hover a { background:url(../../../images/bodyBack.jpg) center center ;border: none; color:#7FA2AB;}
#nav-drop ul li a { background:url(../../../images/bodyBack.jpg) center center ; font-weight: normal;-moz-border-radius:0px;-webkit-border-radius:0px; border: none;}
#nav-drop ul a.hover { background:url(../../../images/bodyBack.jpg) center center ; border: none; color: #FF99CC;}
#nav-drop li ul li a { color: #666; }
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
/* Navigation Highlights */
/*.current-cat a, .current_page_item a {font-weight:bold;}*/
/* NAVIGATION - Search for something */
#search { position: relative; float: right; top: 5px; height:40px; width:165px;}
#search #s { float: left; display: block; margin:0;padding: 5px 5px 5px 20px; width: 140px; border: none; font-size: 12px; color: #999; vertical-align: bottom; background: #e5ded6 url(images/search.png) 3px 5px no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height: 1}
#search #s:hover { color: #666;background: #ddd5cd url(images/search.png) 3px 5px no-repeat;}
/* Portfolio Gallery */
#gallery {border:1px solid #e5ded6; padding: 9px}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;padding:4px 2px; background:#999999; }
#gallery-nav li.current {background: #666666; }
#gallery-nav li.current a {color:#FFFFFF}
#gallery-nav li a {color:#CCCCCC;border: none; padding:5px}
/* content */
#content {background: url(../../../images/pencil.png) bottom left repeat-x;
padding-bottom: 20px; margin-bottom: 30px;}
#content h2 {sans-serif; font-size: 34px;margin-bottom: 7px;font-weight: normal;}
#content div.portfolio{/*url(images/thumb-bg.jpg)*/ 8px 8px no-repeat;margin-bottom: 22px;}
#content div.portfolio a.thumb {display: block;position: relative;overflow: hidden;height: 185px;padding: 15px;color: #333;border:1px solid #CDCDCD;line-height: 1.2;border: 1px solid #CDCDCD;
-webkit-box-shadow: 0px 0px 5px #AAA7AA;
-moz-box-shadow: 0px 0px 5px #AAA7AA;
box-shadow: 0px 0px 5px #AAA7AA;
background: #fff
}
#content div.portfolio h4 {position:relative;}
#content div.portfolio a:focus, #content div.portfolio a:hover { text-decoration: none; }
#content div.portfolio img {position: absolute;top: 7px;left: 7px;width: 284px;height: 200px;border: 0;z-index:3;}
#content div.portfolio span.title { position:absolute;bottom:0;left:0;padding:20px 20px 38px 15px;}
#content div.portfolio span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 15px; font-size:13px;color:#aaa;}
#content div.portfolio span.category a {font-size:13px;border: none;color:#888;}
/* prev next navigation */
.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center}
.next {background: url(images/next.png) 0 -66px no-repeat;width: 85px; height: 33px;float: right}
.prev {background: url(images/prev.png) 0 -66px no-repeat;width: 115px; height: 33px;float: right}
.next a {background: url(images/next.png) 0 0 no-repeat;}
.prev a {background: url(images/prev.png) 0 0 no-repeat;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a {width:85px;}
.prev a {width:115px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}
/* widgets */
#sidebar {margin-top: 16px;}
h3.sub {margin-bottom:7px;font-weight: normal; font-size: 17px;}
h3.sub a {color: #444; }
.item ul li {display: block;list-style:none;border-top:1px solid #ddd;margin:0;padding:8px 0;}
.item ul li a {display: block;border: none;}
.item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item dd {padding-bottom:7px;}
.portfolio p {margin: 0;padding: 0;font-family:Georgia,Times; color: #666666; font-size: 12px;}
.item h4 {color:#666;margin-bottom: 10px}
.textwidget {margin-bottom:30px}
#wp-calendar {width: 100%}
#wp-calendar td {text-align: center;}
#wp-calendar thead {font-weight: bold;background: #eee}
#wp-calendar td#prev {text-align: left}
#wp-calendar td#next {text-align: right}
/* Footer */
#footer {background: url(../../../images/pencil.png) bottom left repeat-x;
padding-bottom: 40px; margin-bottom: 30px;}
/* Content Area */
.postmetadata {font-size: 12px;}
small {color: #bbb}
hr.dotted {border:none;border-bottom: 1px dotted #ccc }
.pagetitle, .post h2 {margin-top:0px}
.post a{}
/*.entry a {
color: #FF66CC; text-decoration: none;
}
.entry a:hover {
color: #7E9BB3
}*/
/* Form Elements */
input,textarea {-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;font-size: 12px;-webkit-border-radius: 8px;border: none;padding:6px; background: #CCCCCC;line-height: 1}
textarea {font-family: "Lucida Sans"}
#submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa}
/* Comments */
#respond h3 {border-bottom: 1px solid #ddd;padding-bottom:7px}
.commentlist {padding: 0;margin: 0;}
.commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;border:1px solid #ddd; }
.commentlist li ul {padding: 0;margin: 0;}
.commentlist li ul li {margin-right: 0px;margin-left: 0px;}
.commentlist li .avatar {float: left;border: 1px solid #eee;padding: 2px;background: #fff;margin-right:10px}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentmetadata {font-weight: normal;font-size: 11px}
.children { padding: 0; }
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0 0 10px 0;display: block;}
.even, .alt {background:#FFFFFF;}
ul.children li.odd {background: #CCCCCC;}
.thread-odd {background: #f6ede7;}
.thread-even {background:#f8f6f2;}
.depth-1 {}
.says {display:none;}
.cancel-comment-reply small {font-size:1em;}
.bypostauthor {background: #fff}
.cancel-comment-reply {margin-bottom: 20px}
/* Sifr */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}