/**
  Theme Name: NAAC - Hope Fellowships
  Version: 1.0
  Author: Ivan Novak for Tisch Creative
  Author URI: http://www.inwebservices.net
*/

/*
========================================================
Table of Contents
. Meyer Reset (resets all default styles)
. 960.gs Text
. Sticky Footer
. Layout
. Colors
. Content Specific	
. Utility Styles
========================================================
*/

/*
========================================================
Page layout:

#wrap
	#main.clearfix
		#headerWrap
			#header
				#header-left
					#logo
					#tagline
					#primaryNav
					#secondaryNav
				#header-right
		#contentWrap
			#content
				#mainContent
				#sidebar
#footerWrap
	#footer
		#footer-left
		#footer-right
========================================================
*/



/*
========================================================
Meyer Reset
========================================================
*/

/* v1.0 | 20080212 */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
========================================================
960.gs Text
========================================================
*/

body {
	font: 13px/1.5 Georgia, serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
fellows-img {
	padding-right: 5px;
	padding-bottom: 5px;
}

h1 {
	font-size: 23px;
	font-weight: normal;
}

h2 {
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	font-style: italic;
}

h5 {
	font-size: 21px;
	font-weight: bold;
}

h6 {
	font-size: 90%;
	font-weight: bold;
}

p {
	font-size: 15px;
}

div#tabs p {
	font-size:13px;
}

div#tabs .widget-content p {
	font-size:12px;
}

/*
========================================================
Sticky Footer - http://www.cssstickyfooter.com/
========================================================
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 158px;}  /* must be same height as the footer */

#footerWrap {position: relative;
	margin-top: -158px; /* negative value of footer height */
	height: 158px;
	clear:both;} 

/*
========================================================
Layout
========================================================
*/

#wrap {}
	#main {}
		#headerWrap {
			min-height: 148px;
		}
			#header {
				margin: 0 auto;
				width: 960px;
				position:relative;
			}
				#header-left {
					float: left;
					width: 728px;
					margin-right: 20px;
				}
					#logo {}
					#tagline {}
					#primaryNav {
						width: 481px;
					}
					#secondaryNav {}
				#header-right {
					height: 175px;
					width: 212px;
					float: right;
				}
		#contentWrap {
			margin-top: 10px;
		}
			#content {
				width: 960px;
				margin: 0 auto;
			}
				#mainContent {
					background: url(assets/img/bg_mainRepeat.jpg) repeat-y top	left;
					width: 728px;
					margin-right: 20px;
					float: left;
				}
				#sidebar {
					width: 212px;
					float: right;
				}
#footerWrap {}
	#footer {
		width: 960px;
		margin: 0 auto;
		position: relative;
		top: 40px;
	}
		#footer-left {
			width: 728px;
			margin-right: 20px;
			float: left;
			min-height: 105px;
		}
		#footer-right {
			width: 212px;
			float: right;
			min-height: 105px;
		}




/*
========================================================
Colors & Backgrounds
========================================================
*/

#wrap {
	background-color: #fed334;
}
	#main {}
		#headerWrap {
			background: url(assets/img/bg_headerRepeat.jpg) repeat-x top left;
		}
			#header {}
				#header-left {}
					#logo {}
					#tagline {}
					#primaryNav {
						background: url(assets/img/bg_headerBar.png) no-repeat top left;
					}
					#secondaryNav {}
				#header-right {
					background: url(assets/img/bg_sidebarTop.png) no-repeat top	left;
				}
		#contentWrap {}
			#content {}
				#mainContent {}
		 		#sidebar {}
#footerWrap {
	background: url(assets/img/bg_footerRepeat.jpg) repeat-x top left;
}
	#footer {}
		#footer-left {
			background: url(assets/img/bg_footerBarBlue.jpg) no-repeat top left;
		}
		#footer-right {
			background: url(assets/img/bg_footerSocial.jpg) no-repeat top left;
		}


h1 {
	color: #f7c200;
}

h2 {
	color: #1a5995;
}

h3, h3 a {
	color: #1a548a;
}

h4 {
	color: #d7b32d;
}

h5 {
	color: #fffff;
}

h6 {
	color: ;
}

p {
	color: ;
}


/*
========================================================
Content Specific
========================================================
*/

#wrap {}
	#main {}
		#headerWrap {}
			#header {}
				#header-left {}
					#logo {
						float: left;
					}
					#tagline {
						float: right;
						margin: 20px 45px 0 0;
					}
					#tagline span {
						padding: 0 20px;
					}
					#tagline img {
						vertical-align: text-top;
					}
					#primaryNav {
						float: right;
						left:-7;
						position:relative;
						text-align:center;
						top:5px;
						right: -8px;
					}
					#primaryNav,
					#primaryNav ul li a {
						color: #54a1ea;
						font-size: 14px;
					}
						#primaryNav ul {
							margin:0 auto;
							width:400px;
						}
							#primaryNav ul li {
								float: left;
								line-height: 39px;
							}
								#primaryNav ul li a{
									text-decoration: none;
								}
								#primaryNav ul li a:hover {
									text-decoration: underline;
								}
								#primaryNav ul li span {
									padding: 0 25px;
								}
					#secondaryNav {
						float: right;
						position: absolute;
						text-align: center;
						background: url(assets/img/bg_subHeaderBar.png) no-repeat bottom left;
						width: 730px;
						height: 50px;
						top: 100px;
					}
						#secondaryNav ul {
							position: relative;
							top: 5px;
							-webkit-border-radius:0px 0px 10px 10px;
							-khtml-border-radius:0px 0px 10px 10px;
							-moz-border-radius:0px 0px 10px 10px;
							border-radius:0px 0px 10px 10px;
							padding-bottom:10px;
						}
							#secondaryNav ul li {
								float: left;
								margin: 0 13px;
								padding: 6px 0 8px 0px;
								position:relative;
							}
							
							li.dir {
								height:40px;
							}
								#secondaryNav ul li:hover {
									background: url(assets/img/bg_navHoverRight.jpg) no-repeat top right;
								}
								#secondaryNav ul li a {
									color: #1c5a95;
									font-style: italic;
									text-decoration: none;
									font-size: 15px;
									padding: 8px 10px 10px;
								}
									#secondaryNav ul li a:hover {
										color: white;
										background: url(assets/img/bg_navHoverLeft.jpg) no-repeat top left;
									}
									
									#secondaryNav ul li.dir:hover > a{
										color: white !important;
										background: url(assets/img/bg_navHoverLeft.jpg) no-repeat top left !important;
									}
				#header-right {}
		#contentWrap {}
			#content {}
				#mainContent {}
					#mainContent .inner {
	padding: 20px;
	min-height: 400px;
					}
						#mainContent .inner.sub p {
							margin-bottom: 20px;
						}
						#mainContent .inner.sub {
							min-height: 480px;
						}
						#mainContent .inner.dc {
							background: url(assets/img/bg_dc.png) no-repeat bottom right;
						}
						#mainContent .inner.kosovo {
							background: url(assets/img/bg_kosovo.png) no-repeat bottom right;
						}
						#mainContent .inner.albania {
							background: url(assets/img/bg_albania.png) no-repeat bottom right;
						}
					#mainContent .inner #subnav {
						float: right;
						position: relative;
						top: -5px;
						right: -10px;
					}
						#mainContent .inner #subnav ul li {
							float: left;
							margin: 0 10px;
							padding: 6px 0;
							list-style: none;
						}
							#subnav ul li:hover {
								background: url(assets/img/bg_navHoverRight.jpg) no-repeat top right;
							}
							#subnav ul li a {
								color: #1c5a95;
								font-style: normal;
								text-decoration: none;
								font-size: 13px;
								padding: 9px 13px;
							}
								#subnav ul li a:hover {
									color: white;
									background: url(assets/img/bg_navHoverLeft.jpg) no-repeat top left;
								}
					#mainContent .inner h2 {
						background: url(assets/img/bg_innerh2line.jpg) no-repeat bottom left;
						margin-bottom: 20px;
					}
						#latest-events {
							background: url(assets/img/bg_latestEvents.jpg) no-repeat 30px 20px;
							height: 278px;
							width: 100%;
						}
						#latest-events img.corner {
							float: left;
							position: relative;
							top: -5px;
						}
						#latest-events #feature-btnPrev {
							float: left;
							position: relative;
							top: 130px;
							cursor: pointer;
						}
						#latest-events #feature-btnNext {
							float: right;
							position: relative;
							top: 130px;
							right: 115px;
							cursor: pointer;
						}
						#slideshow {
							height:258px;
							margin:0 auto;
							position:relative;
							top:20px;
							width:377px;
						}
							#slideshow img {
								display: block;
								margin: 0 auto;
							}
					#mainContent .inner h3 a {
						text-decoration: none;
					}
						#mainContent .inner h3 a:hover {
							text-decoration: underline;
						}
						#mainContent .inner .searchResult {
							margin-bottom: 20px;
						}
					#mainContent .inner .post {
						margin-bottom: 30px;
						padding-left: 20px;
					}
						#mainContent .inner .post h3 {
							margin-left: -10px;
						}
						#mainContent .inner .post img {
							border: 1px solid #ddd;
							padding: 5px;
							background-color: #eee;
							margin-right: 10px;
						}
					#mainContent .inner div.articleTitle,
					#mainContent .inner div.article,
					#mainContent .inner p.articleMeta {
						margin-left: 10px;
					}
					#mainContent .inner div.article {
						margin-top: 10px;
					}
					#mainContent .inner div.article p {
						margin-bottom: 10px;
					}
					#mainContent .inner p.articleMeta {
						font-size: small;
					}
					#mainContent .inner ul {
						margin-bottom: 10px;
					}
					#mainContent .inner ul.current {
						margin-bottom: 10px;
						text-align:center;
					}
					#mainContent .inner ul li {
						list-style: disc outside none;
						margin-left: 20px;
						font-size: 15px;
					}
					#mainContent .inner p {
						margin-bottom: 10px !important;
					}
				#sidebar {}
					form#searchform {
						background: url(assets/img/bg_sidebarSearch.jpg) no-repeat top left;
						height: 33px;
						width: 212px;
						font-size: 11px;
						line-height: 33px;
					}
						form#searchform input[type='text'] {
							border: none;
							background: none;
							margin-left: 15px;
							width: 165px;
							font-style: italic;
							font-family: Georgia, serif;
						}
						form#searchform input[type='submit'] {
							border: none;
							background: none;
							cursor: pointer;
						}
						div#social {
							height:88px;
							width:210px;
							background-image:url(assets/img/social_bg.png);
							background-repeat:no-repeat;
							padding-bottom:10px;
						}
						div#social h3 {
							padding-top:10px;
							text-align:center;
						}
					#sidebar .inner {
						padding: 5px 20px;
					}
						#sidebar #regions {
							margin-top: 10px;
							background: url(assets/img/bg_sidebarBlueRepeat.jpg) repeat-y top left;
							text-align: center;
						}
							#sidebar #regions img.bottom {
								margin-top: -6px;
							}
							#sidebar #regions .inner {
								background: url(assets/img/bg_sidebarSwirls.png) no-repeat top left;
								min-height: 390px;
							}
								#sidebar #regions .inner h4 {
									margin-bottom: 20px;
								}
								#sidebar #regions .inner img {
									margin-bottom: 20px;
								}
#footer {}
	#footer-left {}
		#footer-left p {
			margin-left: 20px;
			font-size: 13px;
		}
		#footer-left a {
			color: #000000;
			text-decoration: none;
		}
			#footer-left a:hover {
				text-decoration: underline;
			}
		#footer-left ul {
			margin: 10px 0 20px 20px;
		}
			#footer-left ul li {
				float: left;
				margin-right: 40px;
				color: #013467;
			}
				#footer-left ul li a {
					color: #013467;
					text-decoration: none;
				}
					#footer-left ul li a:hover {
						text-decoration: underline;
					}
		#footer-left #credit {
			position: relative;
			right: 30px;
			top: -30px;
		}
			#credit p a {
	color: #013467;
	font-style: italic;
			}
				#credit p a:hover {
	text-decoration: underline;
				}
	#footer-right {
		padding-top: 10px;
	}
		#footer-right h3 {
			text-align: center;
		}
	
/*
========================================================
Utility Styles
========================================================
*/

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.center,
div.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.left {float: left;}
.right {float: right;}
.clr {clear: both;}

/* `Clear Floated Elements
-------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}

/*
========================================================
Required Styles for Tabs
========================================================
*/

.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-state-active img{
	width:60px !important;
	height: 60px !important;
	border: 3px solid #1d5b96;
}
#tabs ul {
	text-align: left;
}
#tabs ul li {
	display: inline;
}
#tabs ul li a img {
	width: 70px;
	height: 70px;
	display: inline;
}

#tabs ul.current li a img {
	margin-bottom:10px;
}

#tabs ul li a:active img {
	width: 73px;
	height: 73px;
	display: inline;
	border:3px solid #fed334;
}

div#tabs > div {
	position:absolute;
	display:none;
	padding-top:10px;
	text-align:justify;
	width:690px;
	}
	
div#tabs > div > .bio {
	padding-top:10px;
	float:left;
	width:680px;
	}
div#tabs > .story {
	float:left;
	width:680px;
	position:relative;
	top:0px;
	}
	
div#tabs > .story > h3{
	padding-bottom:10px;
	}

	
/* Widget */


div.widget {
	font-family: Georgia,serif;
	position:relative;
	float:right;
	padding-top:14px;
	padding-left:23px;
	width:216px;
}
div.widget-top {
	background:url(assets/img/widget-top.png) no-repeat;
	height:48px;
	width:216px;
	position:relative;
	font-size:22px;
	text-align:center;
}

.widget-top span {
	position:relative;
	top:6px;
	color:#1d5b96;
}

div.widget-content {
	background:url(assets/img/widget-content.png) repeat-y;
	width:216px;
	position:relative;
	text-align:justify;
	padding-left: 23px;
	padding-bottom:25px;
	padding-top:5px;
}

.widget-content p {
	position:relative;
	color:#000;
	width:170px;
	margin:0px;
	font-size:12px;
}

div.widget-bottom {
	background:url(assets/img/widget-bottom.png) no-repeat;
	height:22px;
	width:216px;
	position:relative;
}

div.widget-bottom a{
	position:absolute;
	bottom:30px;
	right:23px;
	font-size:11px;
	color:#2c6ba7;
}


div.fellows-menu {
	width:160px;
	position:absolute;
	z-index:1000;
	left: 310px;
	top:148px;
}

div.fellows-menu div.menu-content {
	width:158px;
	border-right:1px solid #eec21e;
	border-left:1px solid #eec21e;
	height:150px;
	background:white;
	position:relative;
}

div.fellows-menu div.menu-bottom {
	height:7px;
	width:160px;
	backgrouund:white;
	position:relative;
}

div.fellows-menu div.right-corner {
	background: url(assets/img/menu-right-corner.png) no-repeat;
	width:7px;
	height:7px;
	right:0px;
	bottom:0px;
	position:absolute
}

div.fellows-menu div.left-corner {
	background: url(assets/img/menu-left-corner.png) no-repeat;
	width:8px;
	height:7px;
	position:absolute;
	left:0px;
}

div.fellows-menu div.bottom {
	width:145px;
	position:absolute;
	left:8px;
	height:6px;
	background:#fff;
	border-bottom:1px solid #eec21e;
}


ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 left: -21px;
 width: 200px;
 background: white;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute !important;
 top:43px !important;
 z-index:500;
}

ul.dropdown ul li {
 float: none !important;
 margin-right:0px !important;
 margin-left:0px !important;
 padding-left:15px !important;
 text-align:left;
 height:none;
 padding-top:0px !important;
 padding-bottom:0px !important;
}

ul.dropdown ul li:hover {
	background-color: #1C5A95 !important; 
}

ul.dropdown ul li a {
	background-image:none  !important;
	display:block
}

ul.dropdown ul li:hover{
	background-image:none !important;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.child {
	border-right:1px solid #eec21e;
	border-left:1px solid #eec21e;
	border-bottom:1px solid #eec21e;
}