/*
Theme Name: Workaholic
Theme URI: http://graphpaperpress.com/
Description: Showcase your work on the web.
Version: 3.0.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");
body {  margin: 0; padding:0;  }
p {margin-bottom: 15px}
strong, b {font-weight: bold}
.alignleft { float:left; margin-right: 10px }
.alignright { float:right; margin-left: 10px }
h2 {font-weight: bold; margin: 20px 0; color: #2a623d; font-size: 20px; font-family: 'Open Sans', sans-serif; text-transform: uppercase}
a {color: #92ae4a;}
#background { background: transparent url("images/bgnew.jpg") repeat scroll left top; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 1024px; overflow: hidden; padding: 0; position: fixed; top: 0; width: 100%; z-index: -1; }
#wrapper {width: 900px; margin: 0 auto; position: relative; }
#wrapper-inner {background: transparent url("images/bg-t.png") repeat scroll left top; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;  color: #333333; font-size: 14px; line-height: 1.38; float:left; position: relative;  padding: 25px; width: 100%}
#header {width: 100%; float:left; position: relative;  }
#header h1 a {display:block; float:left; width: 310px; height: 100px; background: transparent url(images/logo.jpg) 0 0 no-repeat }
#header h1 a span {display:none}
#header #nav {float:right; width: 500px}
#header #nav ul {margin-top: 20px; float:right; }
#header #nav ul ul { margin-top: 0; }
#header #nav ul li {float:left; line-height: 1.8em}
#header #nav ul li a {color:#383a77; margin-left: 13px; text-decoration:none}
#header #nav ul li a:hover {color:#80a14a; text-decoration: underline} 
#slider {width: 900px;  float:left; position: relative; position: relative}
#slider .soliloquy-container {margin: 20px 0; float:left; position: relative}
#slider .soliloquy-container .soliloquy-pager-link { display:none }
#slider .soliloquy-caption .soliloquy-caption-inside {  text-transform: uppercase }
#homecontent {float:left; width: 100%;  position: relative ;}
#outer { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 0 0 20px 0; width: 100%; float:left; position: relative  }
#outer .content {float:left; width: 650px;  }
#outer .content h3 a {font-weight: bold; font-size: 16px; font-family: 'Open Sans', sans-serif; text-transform: uppercase }
#outer .content h3 { margin-top: 20px}
#outer .content .quote { margin-top: 20px; font-weight: bold; color: #383a77; text-align: center }
#outer .content ul {list-style-type: disc; margin-left: 15px; margin-bottom: 15px }
#outer .content small { font-size: 11px; font-style: italic; margin-bottom: 10px }
#outer .content sup { font-size: 8px; vertical-align: top }
#sidebar { width: 230px; float:right; margin-left: 20px; margin-top: 20px  }
#sidebar .join { width: 230px; height: 100px; background: transparent url(images/join.png) 0 0 no-repeat; display: block;   }
#sidebar .join:hover { background-position: top right }
#sidebar .donate { width: 230px; height: 100px; background: transparent url(images/donate.png) 0 0 no-repeat; display: block;   }
#sidebar .donate:hover { background-position: top right }
#sidebar ul li {  line-height: 24px }
#sidebar ul#menu-sub a { text-decoration: none; color:#4d7e46; background: transparent url(images/s-arrow.png) 0 11px no-repeat; padding-left: 10px; display:block }
#sidebar ul#menu-sub ul li a {  padding-left: 20px;  background: transparent url(images/s-arrow.png) 10px 11px no-repeat; }
#sidebar ul.sub-menu { display:none }
#sidebar .current-page-parent ul.sub-menu, #sidebar .current-menu-item ul.sub-menu { display:block }
#sidebar ul#menu-sub li.current-menu-item a, #sidebar ul#menu-sub li a:hover, #sidebar ul#menu-sub li.current-menu-item ul.sub-menu li a:hover  { color: #383A77; text-decoration: underline }
#sidebar ul#menu-sub li.current-menu-item ul.sub-menu li a { text-decoration: none; color:#4d7e46;  }
#search { position: relative; float: right; top: 0; background: transparent url(images/bg-search.png) 3px 5px no-repeat; z-index: 999999; }
#search #s { float: left; display: block; margin: 0; width: 188px; border: none; font-size: 12px; color: #999; vertical-align: bottom; height: 47px; font-style: italic; padding: 5px 0 0 20px; background: none }
#search button span { display: none; }
#search button { border: none; background: transparent url(images/bt-search.gif) 0 0 no-repeat; width: 28px; height: 24px; cursor: pointer; position: absolute; top: 15px; right: 30px }
#footer { width: 100%; float:left; position: relative; font-size: 11px; margin-top: 20px }
#footer p { float:left; width: 600px }
#footer ul { width:180px; float:right;  }
#footer ul li { float:left; }
#footer ul li a { display: block; width: 30px; height: 30px; margin-left: 10px; }
#footer ul li a span { display:none }
#footer ul li a.fb { background: transparent url(images/i-fb.png) 0 0 no-repeat }
#footer ul li a.tw { background: transparent url(images/i-tw.png) 0 0 no-repeat }
#footer ul li a.yt { background: transparent url(images/i-yt.png) 0 0 no-repeat }
#footer ul li a.email { background: transparent url(images/i-email.png) 0 0 no-repeat }
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:      1em;
	text-align: left;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
background-color: #fff
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li.right {float:right;}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.pagination span, .pagination a {

display:block;

float:left;

margin: 2px 2px 2px 0;

padding:6px 9px 5px 9px;

text-decoration:none;

width:auto;



background: #fff;

}



.pagination a:hover{

color:#fff;

background: #383A77;

}



.pagination .current{

padding:6px 9px 5px 9px;

background: #383A77;

color:#fff;

}