/*
Theme Name: Work-a-holic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 1.2
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);
@import url(library/nav/superfish.css);

body {
background:url(images/bg.jpg) repeat;

color:#555;
margin:0px 0;
}

h1,h2,h3,h4,h5 {

color: #666666;
text-shadow: 1px 1px 1px #fff;
}

a {
text-decoration:none;
border-bottom:1px solid #ddd;
color:#4f6c2e;
}

a:hover {
border-bottom:1px solid #d57a2f;
color:#d3731f;
}

h4 {
font-size:18px;
color: #666666;
text-shadow: 1px 1px 1px #fff;
margin:0;
padding:0;
}

#header {
margin-top:25px;
margin-bottom:25px;
}

#header h1 {
text-transform:none;
font-size:25px;
line-height:1;
margin:0;
padding:0;
}

#header h1 a {
color:#333;
border:none;
}

#header .description {
color:#bbb;
font-family:Georgia;
font-style:italic;
font-size:14px;
}

#introduction h2 {
font-size:30px;
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: 700;
line-height:1;
letter-spacing: -.75px;
vertical-align: middle;
display: table-cell;
color: #666666;
text-shadow: 1px 1px 1px #fff;
margin:0 0 5px;
padding:0;
}

#introduction h3 {
line-height:1.3;
font-size:16px;
color: #666666;
text-shadow: 1px 1px 1px #fff;
}



#nav-drop {
float:right;
margin:3px 30px 0 50px;
padding:0;
}

#nav-drop li {
text-align:left;
display:block;
list-style:none;
float:left;
position:relative;
cursor:default;
z-index:5;
margin:0;
padding:0;
}

#nav-drop a {
display:block;
z-index:4;
color:#666;
font-size:14px;
line-height:1;
border:none;
font-weight:700;
-moz-border-radius:1px;
-webkit-border-radius:1px;
padding:10px 15px;
}

#nav-drop ul {
display:none;
position:absolute;
color:#666;
left:0;
width:150px;
margin:0;
padding:0;
}

* html #nav-drop ul {
line-height:0;
}

#nav-drop ul a {
zoom:1;
line-height:1.1;
color:#666;
}

#nav-drop ul li {
float:none;
margin:0;
padding:-1px;
}

#nav-drop ul ul {
top:0;
left:150px;
}

#nav-drop :hover {
background-color:none;
color:#666;
}

#nav-drop li.hover a {
background-color:#ddd5cd;
}

#nav-drop ul li a {
background-color:#ddd5cd;
font-weight:400;
-moz-border-radius:0;
-webkit-border-radius:0;
}

#nav-drop ul a.hover {
background-color:#e5ded6;
}

.sf-menu a:hover {
color:#d3731f;
}

#search {
position:relative;
float:right;
top:5px;
height:40px;
width:165px;
}

#search #s {
float:left;
display:block;
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;
margin:0;
padding:5px 5px 5px 20px;
}

#search #s:hover {
color:#666;
background:#ddd5cd url(images/search.png) 3px 5px no-repeat;
}

#gallery {
border:10px solid #e5ded6;
}

#gallery-nav {
list-style:none;
margin:2px 0 25px;
padding:0;
}

#gallery-nav li {
display:inline;
background:#f6ede7;
margin:0;
padding:4px 2px;
}

#gallery-nav li.current {
background:#e5ded6;
}

#gallery-nav li a {
color:#aaa;
font-weight:700;
border:none;
padding:5px;
}

* div p img.alignleft {
vertical-align:top;
margin-right:15px;
margin-bottom:10px;
float:left;
}

* div p img.alignright {
vertical-align:top;
margin-bottom:10px;
float:right;
margin-left:15px;
}

#content h2 {
text-transform:none;
font-size:30px;
margin-bottom:8px;
font-weight:700;
}

#content div.portfolio {
background:#fff url(images/thumb-bg.jpg) 8px 8px no-repeat;
margin-bottom:22px;
}

#content div.portfolio a.thumb {
display:block;
position:relative;
overflow:hidden;
height:134px;
color:#333;
line-height:1.2;
border:1px solid #eee;
padding:15px;
}

#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:150px;
border:0;
z-index:3;
}

#content div.portfolio span.title {
position:absolute;
bottom:0;
left:0;
padding:20px 20px 38px 25px;
}

#content div.portfolio span.category {
position:absolute;
bottom:0;
left:0;
font-size:12px;
color:#aaa;
margin:0 20px 20px 25px;
}

#content div.portfolio span.category a {
font-size:12px;
border:none;
color:#888;
}

.navigation,.navigation-archive {
clear:both;
margin-bottom:20px;
height:33px;
text-align:center;
}

.next {
background:url(images/next.gif) 0 -66px no-repeat;
width:85px;
height:33px;
float:right;
}

.prev {
background:url(images/prev.gif) 0 -66px no-repeat;
width:115px;
height:33px;
float:right;
}

.next a {
background:url(images/next.gif) 0 0 no-repeat;
width:85px;
}

.prev a {
background:url(images/prev.gif) 0 0 no-repeat;
width:115px;
}

.next a,.prev a {
float:right;
display:block;
height:33px;
text-indent:-9999px;
border:none;
}

.next a:hover,.prev a:hover {
background-position:0 -33px;
border:none;
}

h3.sub {
font-weight:700;
color: #666666;
text-shadow: 0px 1px 1px #dddddd;
margin:30px 0 7px;
}

.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;
font-weight:700;
}

.item dt {
font-weight:700;
float:left;
width:80px;
padding-bottom:7px;
clear:left;
}

.item dd {
padding-bottom:7px;
}

.portfolio p {
font-family:Georgia,Times;
font-style:italic;
font-size:12px;
margin:0;
padding:0;
}

.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:700;
background:#eee;
}

#wp-calendar td#prev {
text-align:left;
}

#wp-calendar td#next {
text-align:right;
}

#services_box {
background-color:#fff;
filter:alpha(opacity=45);
opacity:0.45;
width:245px;
min-height:285px;
height:auto!important;
float:left;
display:inline-block;
position:relative;
margin:0 20px 8px 0;
padding:20px 20px 8px 15px;
}

ul.services_box {
line-height:1.4em;
letter-spacing:.03em;
list-style-position:inside;
padding:0;
}

ul.services_box li {
list-style-image:url(../images/check.gif);
color:#000;
list-style-position:inside;
font-size:14px;
padding:0 0 5px 5px;
}

ul.serv_list {
list-style-image:none;
letter-spacing:.04em;
list-style-position:inside;
padding:0 0 10px;
}

ul.serv_list li {
list-style-image:none;
color:#000;
list-style-position:inside;
font-size:11px;
padding:0 0 5px 35px;
}

.postmetadata {
font-size:12px;
}

small {
color:#bbb;
}

hr.dotted {
border:none;
border-bottom:1px dotted #ccc;
}

.pagetitle,.post h2 {
margin-top:10px;
}

blockquote {
background:none;
border-left:10px solid #ddd;
quotes:\201C \201D;
margin:.5em 25px 0;
padding:0 10px;
}

blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;

}

blockquote p {
display:inline;
}

testimonial {
background-color:none;

margin:.5em 25px 0;
padding:0 10px 0 20px;
}

testimonial p {
font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
text-align:left;
display:block;
float:left;
color:#666;
margin:10px 25px 0;
padding:10px 10px;
}


input,textarea {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
font-size:12px;
-webkit-border-radius:5px;
border:none;
background:#E5DED6;
line-height:1;
padding:6px;
}

textarea {
font-family:"Lucida Sans";
}

#submit {
font-weight:700;
border:1px solid #aaa;
padding:5px 10px;
}

#respond h3 {
border-bottom:1px solid #ddd;
padding-bottom:7px;
}

.commentlist li {
list-style:none;
border:1px solid #ddd;
margin:10px 0 0;
padding:10px;
}

.commentlist li ul li {
margin-right:0;
margin-left:0;
}

.commentlist li .avatar {
float:left;
border:1px solid #eee;
background:#fff;
margin-right:10px;
padding:2px;
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
}

.commentmetadata {
font-weight:400;
font-size:11px;
display:block;
margin:0 0 10px;
}

.children {
padding:0;
}

.nocomments {
text-align:center;
margin:0;
padding:0;
}

.says {
display:none;
}

.cancel-comment-reply small {
font-size:1em;
}

.bypostauthor {
background:#fff;
}

.cancel-comment-reply {
margin-bottom:20px;
}

strong,.post h3 a {
font-weight:700;
}

#header #logo,.navigation-archive .prev {
float:left;
}

#header h1 a:hover,#gallery-nav li.current a {
color:#666;
}

* div p a img.alignnone.size-medium,.size-full,* div p object {
border:8px solid #fff;
}

.commentlist,.commentlist li ul {
margin:0;
padding:0;
}

.even,.alt,.thread-even {
background:#f8f6f2;
}

ul.children li.odd,.thread-odd {
background:#f6ede7;
}