/*



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



License: GPL



*/







/* 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");







/* global styles */



body {background: url(images/bg.jpg) repeat;margin: 0;color:#666;font-family:Georgia;}



.outerwrap {margin:0;padding:0;}



.menufullbg { background:url(images/menufullbg.png) top left repeat-x; margin:0;padding:0;}



.container_12 {margin:0 auto;padding:0;width:960px;}



h1,h2,h3,h4,h5 {color:#361f03;font-family:Georgia;}



a {text-decoration: none; color: #76bcc8;}



a:hover {color: #ff8737;}



h4 {font-size:18px;margin:0;padding:0;color:#333}



h6 {font-size:48px;margin:0;padding:0;color:#666;font-family:Georgia; line-height:50px;  margin:100px 0 350px 250px;}



/* headers */



#header {width:840px;margin:0 0 0px 0; float:left; background:url(images/blogbtn.png) top right no-repeat; padding:0 0 0 60px;}



#pageheader {width:900px;height:150px;margin:0;padding:0; float:left; background:url(images/blogbtn.png) top right no-repeat;}



#logo {text-align:center;width:300px;margin:10px 0 0 260px;padding:0;float:left;}


#pagelogo {text-align:center;width:300px;margin:10px 0 0 320px;padding:0;float:left;}
/* #pagelogo {text-align:center;width:120px;margin:50px 0 0 0;padding:0;float:left;height:36px;}*/



#pageheader 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;}



#bloglink {

float:right;

margin:30px 0 0 0;

width:115px;

height:110px;

text-align:center;

}

#bloglink  a {

float:right;

width:115px;

height:110px;

text-indent: -9999em;

}



/* intro text */



#introduction {width:840px; margin:0; padding:0 60px;}



#introduction h2 {font-size:24px;font-family: Georgia;margin:0 0 15 0;padding:0;color:#0b5e74;text-align:center;}



#introduction h3 {line-height:1.3;color: #848484;font-size: 16px;line-height:30px;}







/* Navigation Highlights */



.sf-menu {float:right; margin:0 0 0 0;}



.sf-menu li  a{margin:0;padding:0 20px;}



.sf-menu li.current-cat a, li.current_page_item a { background: url(images/menuright.png) top right no-repeat;padding:0 10px 12px 0;}



.sf-menu li.current-cat a span, li.current_page_item a span{ background: url(images/menuleft.png) top left no-repeat;padding:12px 10px 25px 15px; margin: 0 0 0 5px}



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







/* NAVIGATION - Search for something */



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



#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:10px solid #e5ded6;border}



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



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



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



#gallery-nav li.current a {color:#666}



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







/* content */



.grid_12 {width:840px;padding:0 0 0 65px; margin:0 0 10px 0;float:left;}



#content {min-height:400px;}



#content div.portfolio{background: url(images/portfolio_bg.png) no-repeat;margin:0 0 14px 20px; width:181px;}



#content div.portfolio  a.thumb {display: block;position: relative;overflow: hidden;height: 124px;border:none;line-height: 1.2;font-style:italic;}



#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: 5px;left: 5px;width: 166px;height: 89px;border: solid 1px #c2d7da;z-index:3;}



#content div.portfolio span.title { position:absolute;bottom:0;left:4px;padding:0;color:#616161;font-size:10px; width:50%;}



#content div.portfolio span.category { position:absolute;bottom:0;right:10px;margin:0; font-size:12px;color:#616161;font-size:10px;width:50%; text-align:right;}



#content div.portfolio span.category a {font-size:10px;;border: none;color:#616161;font-style:italic;}







/* prev next navigation */



.navigation {clear: both;height: 27px;text-align:center;width:840px;}



.navigation-archive {clear: both;height: 27px;text-align:center;width:620px;}



.next  {background: url(images/next.png) 0 0px no-repeat;width: 72px; height: 27px;float: right}



.prev  {background: url(images/prev.png) 0 0px no-repeat;width: 72px; height: 27px;float: left}



.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:27px;text-indent:-9999px;border:none;}



.next a {width:72px;}



.prev a {width:72px;}



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



.navigation-archive .prev {float:left}







/* widgets */



h3.sub {margin-bottom:7px;font-size:24px;font-family:Georgia;}

h3.sub a {color:#333;}



.item ul li {display: block;list-style:none;border-top:1px dotted #fff;margin:0;padding:4px 0;}



.item ul li a {display: block;border: none;/*font-weight: bold;*/ color:#1d6e7d;}

.item ul li a:hover {display: block;border: none; color:#379bad; background:#e5eaee;}

.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; font-style: italic;font-size: 12px;}



.item h4 {color:#666;margin-bottom: 10px}



.textwidget {margin-bottom:30px; line-height:25px;}



#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}







/* Content Area */



.postmetadata {font-size: 12px;}



small {color: #bbb}



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



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



.post h3 a{font-weight: bold} 







/* twitter */



#twitter {background:url(images/twitter_bg.png) top left no-repeat;width:396px;height:165px;margin:0 0 0 115px;padding:0;float:left;}







#footer {



padding:0;



margin:0 0 0 60px;



float:left;



}



.bottom_widget {



width:262px;



margin:0;



float:left;



}



.colleft {



margin:0 37px 0 0;



}



.footer_content {



margin:0 auto;



padding:0;



width:1050px;



}



.footerbg {



background: url(images/footer_bg.png) top left repeat-x;



overflow:hidden;



min-height:453px;



padding:0;



}







.blogfooter {



margin:20px 0 0 0;



padding:0;



width:395px;



height:290px;



float:right;



background: url(images/bloghome.png) top left no-repeat;



}



.blogcontent_title {



width:271px;



font-size:24px;



margin:15px 0 0 40px;



}



.blogcontent {



line-height:23px;



width:271px;



max-height:165px;



min-height:165px;



overflow:hidden;



margin:5px 0 0 40px;



}



.blogcontent p{



line-height:23px;



margin:0;



padding:0;



}



.readmore {



float:right;



margin:0 70px 0 0;



}



.followme {



margin:0 120px 28px 0;



padding:0;



width:145px;



height:63px;



background: url(images/followme.jpg) top left no-repeat;



float:right;



}



.followme ul {



margin:28px 0 0 1px;



padding:0;



list-style:none;



}



.followme ul li {



margin:0 4px 0 0;



padding:0;



list-style:none;



display:block;



float:left;



}



.followme ul li a{



margin:0;



padding:0;



display:block;



float:left;



width:30px;



height:27px;



text-indent:-9999em;



}



.clientsays {



float:right;



}



.clientsays a {



	background:url(images/clientlogin.png) center no-repeat;



	padding:8px 45px;



	text-indent:-9999em;



}



/*portfolio*/



.portfolio_footerbg {



background: url(images/footerbg.png) top left repeat-x;



overflow:hidden;



padding:50px 0 0 0;



}



.portfolio_footer_content {



margin:0 auto;



padding:0;



width:990px;



}



#portfolio_footer {



padding:0;



margin:0;



float:left;



}



.pgrid_4 {



width:280px;



margin:0 50px 0 0;



float:left;



}



.portfolio_grid_8 {



margin:0 auto;



padding:0;



width:990px;



float:left;



}



div.portfolio_post{



margin:0 0 28px 0;



padding:0;



width:990px;



float:left;



font-family:Arial;



font-size:12px;



}



.portfolio_left {



margin:285px 0 0 0;



padding:0;



float:left;



width:225px;



text-align:right;



}



.portfolio_title{



color:#1195a9;



font-size:18px;



font-family:Georgia;



}



.portfolio_right {



margin:0;



padding:0;



float:right;



width:726px;



background:url(images/folio_bg.png) bottom right no-repeat;



}



.portfolio_right img {



background:#f1f4f5;



padding:8px;



width:660px;



/*height:450px;*/



}



/*page*/



.pagecontent {



margin:70px 0 0 0;



padding:0;



background: url(images/pagefooterbg.png) bottom left repeat-x;



}



.pgrid_8 {



margin:20px 0 0 0 ;



padding:0;



width:620px;



float:left;



}



.fgrid_4 {



width:280px;



margin:0 50px 0 0;



padding:0;



float:left;



}



#ffooter {



padding:0;



margin:0 0 0 45px;



float:left;



}



.pagefooterbg {



background: url(images/pagefooterbg2.jpg) top left repeat-x;



overflow:hidden;



padding:20px 0 0 0;



}



.pagecontainer {



margin:0px auto 0 auto;



padding:0 0 110px 0;



width:960px;



position:relative;



}



#content h1, #content  h2, #content  h3 {



color:#0d8fa2;



}



#content  h1 {



font-size:30px;



font-weight:normal;



}



#content  h2 {



font-size:22px;



font-weight:normal;



}



#content  h3 {



font-size:18px;



font-weight:normal;



}



.pagefollowme {



float:right;



position:absolute;



bottom:0;



right:0;



width:304px;



height:242px;



background: url(images/pagefollowme.png) bottom right no-repeat;



}



#sidebar {



float:right;



width:310px;



margin:0 0 170px 30px;



}



.followmepage {



margin:0 120px 28px 0;



padding:0;



width:145px;



height:63px;



float:right;



}



.followmepage ul {



margin:28px 0 0 1px;



padding:0;



list-style:none;



float:left;



}



.followmepage ul li {



margin:0 4px 0 0;



padding:0;



list-style:none;



display:block;



float:left;



}



.followmepage ul li a{



margin:0;



padding:0;



display:block;



float:left;



width:30px;



height:27px;



text-indent:-9999em;



}



.pagetwitter {



float:left;



width:200px;



height:110px;



margin:0 0 0 20px;



padding:0;



}



.hometwitter {



float:left;



width:265px;



height:110px;



margin:20px 0 0 35px;



padding:0;



}



#twitter_update_list{list-style:none;margin:0;padding:0; font-family:verdana; font-size:11px; }



#twitter_update_list li {list-style: none;margin:0;font-size:11px;padding:0;line-height: 1.5;}



#twitter_update_list li span {display: block}







.pageposttitle {



float:left;

margin:0px 0 30px 0;

padding:0;

min-width:400px;

}

.pageposttitle h2 {

margin:0;

padding:0;

line-height:25px;

}



/*sidebar*/



.sidebarbox {



background:url(images/sidebarboxbg.png) top left no-repeat;



width:249px;



height:163px;



margin:0 0 10px 0;



}



.sidebarbox img {



width:228px;



height:140px;



margin:8px 0 0 14px;



}



/* Form Elements */



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;padding:6px; background: #c3d2d3;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:#f8f6f2;}



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



.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}



.jFlowControl, .jFlowPrev, .jFlowNext { cursor:pointer;}

#slides{margin:0;padding:0;}




.testimonial{
 margin: 10px 0;
 padding:10px;
background-image:url('images/sidebarboxbg.png');}

.testimonial .avatar {
 background:#FFFFFF none repeat scroll 0 0;
 border:1px solid #DDDDDD;
 float:right;
 margin-right:-5px;
 margin-top:-5px;
 padding:2px;
 position:relative;
}


#myspacer: { height:300px;
padding-top:400px;
margin-top:400px; }