/*

Theme Name: JKUAT Website

Theme URI: http://jkuat.ac.ke

Author: Samuel Muturi

Author URI: http://jkuat.ac.ke

Description: Main Website Theme 

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

:focus {/* remember to define focus styles! */

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

ol, ul {

	list-style: none;

}

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}





/* =Global

----------------------------------------------- */



body, input, textarea {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 18px;

  color: #404040;

}

body {

	background: #e5e5e5 url(images/bodybg.jpg);

	text-align: center;

}



/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.625em;

}



/* Text elements */

p {

	margin-bottom: 1.625em;

}

ul, ol {

	margin: 0;

}

ul {

	list-style: circle;	

}

article ul{

     margin-left:15px;

     margin-bottom:10px

}

ol {

	list-style-type: decimal;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 1.625em;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 1.625em;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

blockquote {

	font-family: Georgia, "Bitstream Charter", serif;

	font-style: italic;

	font-weight: normal;

	margin: 0 3em;

}

blockquote em, blockquote i, blockquote cite {

	font-style: normal;

}

blockquote cite {

	color: #666;

	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

pre {

	background: #f4f4f4;

	font: 13px "Courier 10 Pitch", Courier, monospace;

	line-height: 1.5;

	margin-bottom: 1.625em;

	overflow: auto;

	padding: 0.75em 1.625em;

}

code, kbd {

	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym, dfn {

	border-bottom: 1px dotted #666;

	cursor: help;

}

address {

	display: block;

	margin: 0 0 1.625em;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 10px;

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}





/* Links */

a {

	color: #357c20;

	text-decoration: none;

}

a:focus,

a:active,

a:hover {

	color: #666666;

}





/* =Structure

-------------------------------------------------------------- */



#wrap {

	display: block;

	margin: 0 auto;

	width:960px;

	text-align: left;

	background: #FFF;

	overflow: hidden;

}

#header{

	background: url(images/navbg.jpg) repeat-x;

	position:relative;

	height: 142px;

}

#header #logo{

	position: absolute;

	top: 0;

	left: 15px;

}

#header #top-nav{

	position: absolute;

	right:20px;

	top:25px;

}

#header #top-search{

	position: absolute;

	right:20px;

	top:45px;

}



#header #language{

	position: absolute;

	right:0;

	margin-bottom:10px;

}

#header #nav{

	position: absolute;

	left:0;

	top:103px;

}

#breadcrumbs{

	background:#357c20;

	padding:10px 15px;	

	font-size:12px;

	color:#ccc;

}

#hometopwrap{

	background:#357c20;

	padding:15px;

	overflow: hidden;

}

#hometopwrap #slideshow-wrap{

	background: #fff;

	width:640px;

	float: left;

	margin-right: 25px;

	display: inline;

}

#hometopwrap #highlights-wrap

{

	float:left;

	width:260px;

	margin-top: 10px;

}

#news-wrap

{

	float:left;

	width:450px;

	margin: 10px 15px;

	border: solid 1px #000;

}

#primary {

	float: left;

	margin-right: 40px;

	margin-left:20px;

	width: 640px;

	display: inline;

	margin-top: 20px;

}

#primary-home{

	float:left;

	width:440px;

	margin-top: 25px;

	margin-right: 20px;

}

#home-left-sidebar{

	float:left;

	width:220px;

	margin:20px 20px 20px 20px;

}

#home-right-sidebar{

	float:left;

	width:220px;

	margin-top: 20px;

}

#content {

	margin: 0;

}



#secondary {

	float: left;

	width: 240px;

	margin-top: 20px;



}



#main .1widget-area {

	float: right;

	overflow: hidden;

	width: 220px;

}

#footerwrap{

	clear:both;

	text-align: center;

	background: #111;

	overflow: hidden;

}

#footer ul{

	list-style:none;

}

#footer {

	padding: 20px;

	text-align:left;

	color:#fff;

	margin:0 auto;

	width: 960px;

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

}

#footer p{

	font-size:12px;

}

#footer-last {

	padding: 20px;

	text-align:left;

	color:#fff;

	margin:0 auto;

	width: 960px;

	overflow:hidden;

}

#footer #footer-widgets .footer-col{

	width:220px;

	float:left;

	margin-left: 10px;

}

#footer #footer-widgets .footer-col aside{

	padding:10px ;

}

.footer-col li a{

	color:#fff;

	list-style:circle;

}

.footer-col ul{

	color:#fff;

	list-style:none;

}

/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

	margin: 0;

}



/* Text meant only for screen readers */

.screen-reader-text,

.assistive-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}





/* =Header

-------------------------------------------------------------- */



#site-title {

	font-size: 2em;

	font-weight: bold;

	margin: .67em 0;

}

#site-description {

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 1em;

}





/* =Breadcrumbs

-------------------------------------------------------------- */

#breadcrumbs a{

	color:#fff;

}

#breadcrumbs a:hover{

	color:#ccc;

}



/* =Menu

-------------------------------------------------------------- */



#header #nav ul{ list-style: none;margin: 0; padding:0;}

#header #nav li {float: left; position: relative;margin:0;}

#header #nav a { 

	display: block; 

	color:#eee; 

	font-size:13px;

	padding: 0 11px; 

	line-height:39px;

	font-weight:bold;

	text-shadow: 1px 1px 1px #000;

	text-decoration: none;

}



#header #nav ul ul {

	display: none;

	position: absolute;

	top: 39px;

	left: 0;

	float: left;

	width: 150px;

	z-index: 99999;

}

#header #nav ul ul li {

	min-width: 150px;

}

#header #nav ul ul ul {

	left: 100%;

	top: 0;

}

#header #nav ul ul a {

	background: #225f10;color: #FFF;

	line-height: 1em;

	padding: 10px;

	width: 150px;

	height: auto;

}

#header #nav ul ul ul a {

	background: #2b6d17;

}

#header #nav li:hover > a {

	background: #225f10;

	color: #fff;

}

#header #nav ul ul :hover > a {

	background: #2b6d17;

}

#header #nav ul ul ul :hover > a {

	background: #1d550b;

}

#header #nav ul li:hover > ul {

	display: block;

}

#header #nav ul li.current_page_item > a,

#header #nav ul li.current-menu-ancestor > a,

#header #nav ul li.current-menu-item > a,

#header #nav ul li.current-menu-parent > a {

	color: #fff;background:#357c20;

}



#header #nav ul li.current_page_ancestor a{

	color: #fff;background:#357c20;

}



#header #nav ul li.current_page_ancestor ul.children a{color: #ccc;background:#4b9434;}

#header #nav ul li.current_page_ancestor ul.children a:hover{color: #fff;background:#357c20;}



#header #nav ul li.current_page_ancestor ul.children li.current_page_item a{color: #fff;background:#3f8829;}





* html #header #nav ul li.current_page_item a,

* html #header #nav ul li.current-menu-ancestor a,

* html #header #nav ul li.current-menu-item a,

* html #header #nav ul li.current-menu-parent a,

* html #header #nav ul li a:hover {

	color: #fff;background:#357c20;

}



#top-nav ul{

	margin: 0;

	padding: 0;

}

#top-nav ul li{

	list-style:none;

	float: left;

	margin: 0;

	padding: 0;

}

#top-nav ul li a{

	padding-left:9px;

	float: left;

	text-transform: uppercase;

	font-size: 11px;

	font-weight:bold;

	letter-spacing:1px;

	color:#3c3c3c;

}

#top-nav ul li a:hover{

	color:#357c20;

}

/* =Content

-------------------------------------------------------------- */



.sticky {

}

.entry-meta {

	clear: both;

	display: block;

}

.single-author .entry-meta .byline {

	display: none;

}

#content nav {

	display: block;

	overflow: hidden;

}

#content nav .nav-previous {

	float: left;

	width: 50%;

}

#content nav .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content #nav-above {

	display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

	display: none;

}

#nav-below {

	margin: 1em 0 0;

	margin-bottom:15px;

}

.page-link {

	clear: both;

	margin: 0 0 1em;

}

.page .edit-link {

	clear: both;

	display: block;

}



/* 404 page */

.error404 #primary .widget {

	float: left;

	width: 33%;

}

.error404 #primary .widget .widgettitle,

.error404 #primary .widget ul {

	margin-right: 1em;

	list-style:circle;

}

.error404 #primary .widget_tag_cloud {

	clear: both;

	float: none;

	width: 100%;

}



/* Notices */

.post .notice,

.error404 #primary #searchform {

	background: #eee;

	display: block;

	padding: 1em;

}



/* Image Attachments */

.image-attachment div.entry-meta {

	float: left;

}

.image-attachment nav {

	float: right;

	margin: 0 0 1em 0;

}

.image-attachment .entry-content {

	clear: both;

}

.image-attachment .entry-content .entry-attachment {

	background: #eee;

	margin: 0 0 1em;

	padding: 1em;

	text-align: center;

}

.image-attachment .entry-content .attachment {

	display: block;

	margin: 0 auto;

	text-align: center;

}



/* Aside Posts */

.format-aside .entry-header {

	display: none;

}

.single .format-aside .entry-header {

	display: block;

}

.format-aside .entry-content,

.format-aside .entry-summary {

	padding-top: 1em;

}

.single .format-aside .entry-content,

.single .format-aside .entry-summary {

	padding-top: 0;

}



/* Gallery Posts */

.format-gallery .gallery-thumb {

	float: left;

	margin: 0 1em 0 0;

}



/* Image Posts */

.format-image .entry-header {

	display: none;

}

.single .format-image .entry-header {

	display: block;

}

.format-image .entry-content,

.format-image .entry-summary {

	padding-top: 1em;

}

.single .format-image .entry-content,

.single .format-image .entry-summary {

	padding-top: 0;

}



.page-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	margin: 0 0 2.6em;

	text-transform: uppercase;

}

.page-title a {

	font-size: 12px;

	font-weight: bold;

	letter-spacing: 0;

	text-transform: none;

}

.hentry,

.no-results {

	border-bottom: 1px solid #ddd;

	margin: 0 0 1.625em;

	padding: 0 0 1.625em;

	position: relative;

}

.hentry:last-child,

.no-results {

	border-bottom: none;

}

.blog .sticky .entry-header .entry-meta {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}

.entry-title,

.entry-header .entry-meta {



}

.entry-title {

	clear: both;

	color: #222;

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 1px;

}

.entry-title.home{

	font-size:14px;

}



.entry-title.news{

	font-size:18px;

	color:#222111;

	margin-bottom: 10px;

	margin-left: 2px;

	

}



.entry-title,

.entry-title a {

	color: #222;

	text-decoration: none;

}

.entry-title a:hover,

.entry-title a:focus,

.entry-title a:active {

	color: #1982d1;

}

.entry-meta {

	color: #666;

	clear: both;

	font-size: 12px;

	line-height: 18px;

}

.entry-meta a {

	font-weight: bold;

}

.single-author .entry-meta .by-author {

	display: none;

}

.entry-content,

.entry-summary {

	padding: 10px 0;

}

#primary-home .entry-summary {padding:0 0 5px 0;}

.entry-content h1,

.entry-content h2,

.comment-content h1,

.comment-content h2 {

	color: #000;

	font-weight: bold;

	margin: 0 0 .8125em;

}

.entry-content h3,

.comment-content h3 {

	font-size: 10px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ddd;

	margin: 0 0 1.625em;

	width: 100%;

}

.entry-content th,

.comment-content th {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content td,

.comment-content td {

	border-top: 1px solid #ddd;

	padding: 6px 10px 6px 0;

}

.entry-content #s {

	width: 75%;

}

.comment-content ul,

.comment-content ol {

	margin-bottom: 1.625em;

}

.comment-content ul ul,

.comment-content ol ol,

.comment-content ul ol,

.comment-content ol ul {

	margin-bottom: 0;

}

dl.gallery-item {

	margin: 0;

}

.page-link {

	clear: both;

	display: block;

	margin: 0 0 1.625em;

}

.page-link a {

	background: #eee;

	color: #373737;

	margin: 0;

	padding: 2px 3px;

	text-decoration: none;

}

.page-link a:hover {

	background: #888;

	color: #fff;

	font-weight: bold;

}

.page-link span {

	margin-right: 6px;

}

.entry-meta .edit-link a,

.commentlist .edit-link a {

	background: #eee;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #666;

	float: right;

	font-size: 12px;

	line-height: 1.5em;

	font-weight: 300;

	text-decoration: none;

	padding: 0 8px;

}

.entry-meta .edit-link a:hover,

.commentlist .edit-link a:hover {

	background: #888;

	color: #fff;

}

.entry-content .edit-link {

	clear: both;

	display: block;

}



.image-wrap{

	float:left;

	margin-right:13px;

}

#primary-home .image-wrap img {width:120px;height:120px; margin-top:5px}

#primary-home .post{padding-bottom:10px;margin-bottom:13px;}

#primary-home .post-home{padding:0 0 5px 0;}

.dd_post_share1{padding:0px;margin-bottom:6px;display:block}.dd_button1{float:left;padding:4px}.dd_button1 a:link,

.dd_button1 a:visited,

.dd_button1 a:active{text-decoration:none;color:#000}#comments{clear:both}

/* =Images

-------------------------------------------------------------- */



a img {

	border: none;

}

p img {

	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */

}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-area img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.alignleft {

	margin-right: 1em;

}

img.alignright {

	margin-left: 1em;

}

.wp-caption {

	padding: .5em;

	text-align: center;

}

.wp-caption img {

	margin: .25em;

}

.wp-caption .wp-caption-text {

	margin: .5em;

}

.gallery-caption {

}

.wp-smiley {

	margin: 0;

}





/* =Forms

-------------------------------------------------------------- */

/* Forms */

input[type=text],

input[type=password],

textarea {

	background: #fcfcfc;

	border: 1px solid #ddd;

	color: #666;

	padding:4px 6px;

}

input[type=text]:focus,

textarea:focus {

	border: 1px solid #ccc;

	background: #fff;

	color: #222;

}



input#s {

	-moz-border-radius: 2px;

	border-radius: 2px;

}

input[type=button], input[type=submit], input[type=reset] {

	cursor: pointer;

	padding:4px 6px;

	color:#fff;

	background:#404040;

	border: none;

}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {

	background:#222;



}

/* Class for labelling required form items */

.required {

	color: #cc0033;

}





/* =Comments

-------------------------------------------------------------- */



article.comment {

	display: block;

}

#respond input[type=text] {

	display: block;

	width: 60%;

}

#respond textarea {

	display: block;

	margin: 0 0 1em;

	width: 80%;

}

#respond .form-allowed-tags {

	clear: both;

	width: 80%;

}

#respond .form-allowed-tags code {

	display: block;

}





/* =Widgets

-------------------------------------------------------------- */



.widget {

	display: block;

	margin-bottom: 20px;

	background: #f9f9f9;

	border:solid 1px #eee;

	padding: 10px 10px;

}

.widget ul li{

	list-style:none;

	color:#666;

	padding:5px ;

	border-top:solid #f1f1f1 1px;

}



.widget ul li a{

	color:#666;

	

}



.widget ul li a:hover{

	color:#357c20;

}



.widget h1{

	font-weight: bold; 

	font-size: 14px;

	margin-bottom: 6px;

	padding:0 4px;

	color:#666;

}

.widget-area .widget_search {

	overflow: hidden;

}

.widget-area .widget_search input {

	float: left;

}



#secondary .widget{

	

}





#hometopwrap .widget{

	color: #FFF;

	background:none;

	padding: 0px;

	margin-bottom: 7px;

	border:none;

	

}

#hometopwrap .widget ul{

	margin-left:16px;

}

#hometopwrap .widget ul li{

	list-style:circle;

	border:none;

	padding:2px;

	color: #FFF;

}

#hometopwrap .widget h1{

	color:#fff;

	font-size:17px;

	font-weight: bold;

	margin-bottom: 5px;

	text-transform:uppercase;

	padding:0;

}

#hometopwrap .widget p{

	margin-bottom: 7px;

}

#hometopwrap .widget a{

	color:#fff;

}

#hometopwrap .widget a:hover{

	color:#eee;

}

#home-left-sidebar .widget{

	padding-bottom:15px;

	margin-bottom:20px;

	border: 1px solid #f2f2f2;

	background:#f9f9f9;

}



/*

#home-left-sidebar ul li{

	list-style:none;

}

#home-left-sidebar ul li a{

	color:#333;

}

#home-left-sidebar ul li a:hover{

	color:#666;

}

*/

/* =Footer

-------------------------------------------------------------- */



#colophon {

	padding: 1em 0 0;

}

#footerwrap{font-size:12px;}

#footerwrap ul {}

#footerwrap ul li{ padding:5px  ; border-bottom:solid 1px #222;}

#footerwrap h1{font-weight:bold; font-size:13px; padding:5px 10px; color:#fff; background:#222;}



#footerwrap .textwidget{

	padding:5px;

}











.xoxo-sidebar{



}

ul.xoxo{

	margin: 0;

	padding: 0;

}



#secondary .widget_social{

	padding:5px 5px 15px 5px;

}



#secondary .social-row{

	padding:10px 10px;

	border-top:solid 1px #eee;

	margin: 0 10px;

}



#secondary .widget_social .last{

	padding-bottom: 0;

}



#secondary .widget_social .fan_box a{

	color: #cc0000;

}



#secondary .widget_social .subscriberss{

	padding-right: 20px;

	background: url(images/rss.jpg) no-repeat right;

	width:245px;

}



#secondary .widget_social #subscribelabel{

	padding: 0 0 7px 23px;

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

}



#secondary .widget_social #subscribesubmit{

	background:#151515;

	color: #FFF;

	padding:3px 5px;

	border:solid 1px #151515;

}



#secondary .widget_social #subscribesubmit:hover{

	background:#cc0000;

	border:solid 1px #cc0000;

}

#secondary .widget_social #subscribetxt{

	padding:3px 5px;

	border:solid 1px #aaa;

}

#secondary .widget_social #subscribetxt:hover{

	border:solid 1px #161616;

}