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

.clearboth {
	clear: both;
}

.clients {
	
}

.entry strong {
	font-weight: bold;	
}

.dkTop {
	width:100%;
	float: left;
	padding-bottom: 25px;
	height: 100px;

}

.dk{
	width:100%;
	background-color: #b8e215;
	float: left;
	padding-top: 25px;
	background-image: url(images/dk.png);
	background-repeat: repeat-x;
}
.dk  a:link {
	color: #FFFFFF;
	font-weight: bold;
}
.dk a:hover {
	
	text-decoration: underline;
}
.dk a:visited {
	color: #FFFFFF;
	font-weight: bold;
}

.dk2 {
	width:100%;
	background-color: #666666;
	float: left;
	padding-top: 25px;
	color: #CCCCCC;
	height: 100%;
	font-size: 11px;
}

.droit {
	position: relative;
	top: -8px;
}

.legal {
	font-size: 9px;
	color: #EFEFEF;
	line-height: 10px;
}

.legal a {
color: #EFEFEF;
}

.legal a:visited {
color: #EFEFEF;
}

.legal a:hover {
	color: #CCFF00;
	text-decoration: none;
}

.centre {
	width:960px;
	margin-right: auto;
	margin-left: auto;
	
}

#rss {
	position: relative;
	float: right;
	height:20px;
	width: 46px;
	top: -1px;
}

/* global styles */
body {background: margin: 20px 0;
	color:#666;
	background-color: #EDEDED;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}
h1,h2,h3,h5 {
	color:#666666;
}

.titrepage {
	color:#9B9B9B;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: -0.06em;
	position: relative;
	left: -4px;
	height: 40px;
	top: -4px;
}



a {
	text-decoration: none;
	color: #3399CC;
}
a:hover {
	text-decoration: underline;
	color: #4A4A4A;
}
h4 {font-size:18px;margin:0;padding:0;color:#666}

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


#header #logo {float:left}
#header h1 {margin:0;text-transform: uppercase;font-size: 25px;padding:0;line-height: 1}
#header h1 a {
	color: #E9E9E9;
	border:none;
}
#header h1 a:hover {color:#666;}
#header .description {color:#bbb;font-family: Georgia;font-style: italic;font-size: 14px }



/* NAVIGATION - Search for something */


#search {
	position: relative;
	float: left;
	top: -5px;
	height:40px;
	width:250px;
}


#navig {
	float: right;
	position: relative;
	top: -60px;
	right: -20px;
}





#search #s {
	float: left;
	display: block;
	margin:0;
	padding: 5px 5px 5px 20px;
	width: 170px;
	border: none;
	font-size: 12px;
	color: #999;
	vertical-align: bottom;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 1;
	background-color: #DCDCDC;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-position: -4px -1px;
}
#search #s:hover { color: #666;background: #DCDCDC url(images/search.png) -4px -1px no-repeat;}

/* Portfolio Gallery */
#gallery {
	border:10px solid #CCCCCC;
}
#gallery-nav {margin:1px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li {
	display: inline;
	margin:0;
	padding:4px 2px;
	background-color: #999999;
}
#gallery-nav li.current {
	background-color: #CCCCCC;
}
#gallery-nav li.current a {color:#666}
#gallery-nav li a {
	color:#E0E0E0;
	font-weight: bold;
	border: none;
	padding:5px
}
#gallery-nav li a:hover {
	color:#CCFF00;
	text-decoration: none;
}

/* content */

#porttxt {
	position: relative;
	top: 50px;
}


#porttxt strong {
	font-weight: bold;
	color: #666666;

}


#content h2 {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #666666;
}
#content div.portfolio{
	margin-bottom: 22px;
	background-image: url(images/thumb-bg.jpg);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#content div.portfolio  a.thumb {
	display: block;
	position: relative;
	overflow: hidden;
	height: 134px;
	padding: 15px;
	border:none;
	line-height: 1.2;
	border: 1px solid #999999;
	color: #E0E0E0;
}
#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;
	margin:0 20px 20px 25px;
	font-size:12px;
	color:#CCCCCC;
}
#content div.portfolio span.category a {
	font-size:13px;
	border: none;
	color:#CCFF00;
	position: relative;
	left: 2px;
}

/* prev next navigation */
.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center}
.next  {background: url(images/next.png) 0 -65px no-repeat;width: 74px; height: 33px;float: right}
.prev  {background: url(images/prev.png) 0 -65px no-repeat;width: 74px; 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:74px;}
.prev a {width:74px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}

/* widgets */
h3.sub {margin-bottom:7px;font-weight: bold}
.item ul li {
	display: block;
	list-style:none;
	margin:0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 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; font-style: italic;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}

/* Content Area */
.postmetadata {font-size: 12px;}
small {
	color: #666666
}
hr.dotted {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
}
.pagetitle, .post h2 {margin-top:10px;

}
.post h2 a{
	font-weight: bold;
	text-decoration: none;
	color: #666666;
} 
.post h2 a:hover {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}


.post a { text-decoration: none;
	
}
.post a:visited {
	text-decoration: none;
	
}
.post a:hover {
	text-decoration: underline;

}


/* 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;
	line-height: 1;
	background-color: #D6D6D6;
}
textarea {font-family: "Lucida Sans"
background-color: #D6D6D6;
	}
#submit {
	font-weight: bold;
	padding: 5px 10px;
	border:1px solid #999999
	background-image: url(images/champs.png);
	color: #FFFFFF;
	background-color: #898989;
}
}

/* 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 {
	
}
ul.children li.odd {background: #f6ede7;}
.thread-odd {
	background-image: url(images/comm_5.png);
	background-repeat: repeat;
}
.thread-even {
	background-image: url(images/comm_10.png);
	background-repeat: repeat;
}
.depth-1 {}
.says {display:none;}
.cancel-comment-reply small {font-size:1em;}
.bypostauthor {background: #fff}
.cancel-comment-reply {margin-bottom: 20px}




/* questionnaires */


label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left;

  }

legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  }



legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  }