/* @override http://www.manamansour.com/wp-content/themes/manamansour/style.css */

/*
Theme Name: Mana Mansour
Theme URI: http://www.manamansour.com/
Description: Custom theme development for the site of Mana Mansour.
Version: 1.0
Author: Connor Lowe
Author URI: http://www.creativeroom.ca/
*/

/*
YUI font-reset-base-grids
They are minified and unreadable, just leave as is, the actual styles follow after these.
For performance reasons these stylesheets are merged into the main stylesheet.
Instead of merged here, they can be linked from:
http://yui.yahooapis.com/2.3.0/build/reset-fonts-grids/reset-fonts-grids.css
http://yui.yahooapis.com/2.3.0/build/base/base-min.css
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/*
Base styles, mainly menu lists corrections, probably leave as is
*/
a img {
  border: none;
}
blockquote {
  border-left: 5px solid #ccc;
  margin-left: 1.5em;
  padding-left: 5px;
}
#commentform textarea {
  height: 100px;
  width: 100%;
}
ol#commentlist li {
  list-style-type: none;
  margin: 1em;
  padding: 1em;
  border-bottom: dotted 1px #555555;
}

ol#commentlist li cite{
	font-style: italic;
}

ol#commentlist li li {
  list-style-type: inherit;
}
#menu ul li {
  font-weight: bold;
  list-style-type: none;
  padding-top: 26px;
}
#menu ul ul {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#menu ul ul li {
  font-weight: normal;
  list-style-type: disc;
  padding: 0px;
  margin: 0px;
}

/*
NEW STYLES
*/


/* COLOUR PALLETT 

blue: #bbffe0
red: #ff5b3f
yellow: #ffd85f

*/


#custom-doc {
     margin: auto;text-align: left; /* leave unchanged */
     width: 73.84em; /* non-IE – divide the pixel width by 13 */
     *width: 72.00em; /* IE – divide the pixel width by 13.3333 */
     min-width: 960px; /* optional but recommended */
     
  }
  
#content {
	position: relative;
	z-index: 5;
}  

img#light_spot {
	position: absolute;
	top: 0px;
	left: 10em;
	z-index: 0;
	display: none;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity: .5;
}
  
 /* GRID BUTTON STYLES */

a#grid_overlay {
	color: #252525;
	text-decoration: none;
	position: absolute;
	padding: 5px;
	top: 0px;
	left: 0px;
}

a#grid_overlay:hover{
	background-color: #33ffcc;
	color: #fff;
}

body{
	font: 62.5%/1.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #aaaaaa;
	background: #373737 url('images/pattern_dark.jpg') top left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia-italic, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

h1 {
	font-size: 4.4em;
}

h2 {
	font-size: 1.8em;
	color: #ff2a83;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.3em;
	*font-weight:bold;
}

a {
	text-decoration: none;
	color: #aaaaaa;
}

a:hover {
	text-decoration: none;
	color:  #ff2d73;
}

a:focus, a:hover, a:active { outline:none }  

clr_both {
	clear: both;
}

#top_line {
	background: #333;
	height: 2em;
	width: 100%;
}

/* HEADER STYLES */ 


#hd {
	height: 16em;
	padding: 0px 10px;
	position: relative;
}

#bd {
	position: relative;
}


#header_logo{
	background: transparent url(images/logo-trans.png) no-repeat 0px 5.4em;
	padding: 4.9em;
	text-indent: -5000px;
}

ul.nav {
	position: absolute;
	top: 17em;
	right: 2em;
	z-index: 4;
}

ul.nav li{
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 9px 30px;
}

ul.nav li a{
	color: #c7c7c7;
}

ul.nav li a:hover{
	color: #ff2d73;
}

ul.nav li.current_page_item{
	background: transparent url(images/nav_bak-trans.png) no-repeat 50% 50%;
}



div #contact-box {
	position: absolute;
	right: 1em;
	top: 10.6em;
	color: #373737;
	line-height: 2em;
}

div #dots {
	position: absolute;
	right: 1em;
	top: 13em;
}

/* BODY STYLES */

.yui-u p {
	margin: ;
}

#leftColumn{
	margin: 6em 1em;
}

#leftColumn p{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 1em 1em;
	color: #999999;
}

#leftColumn h3{
	line-height: 1.6em;
	margin: .5em 0em;
}


#slideshow_wrapper {
	margin: 0em 0em 2em 0em;
	height: 300px;
}

#h3_demo {
	text-indent: -5000px;
	background: transparent url(images/header-demo-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_about {
	text-indent: -5000px;
	background: transparent url(images/header-about-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_objective {
	text-indent: -5000px;
	background: transparent url(images/header-objective-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_resume {
	text-indent: -5000px;
	background: transparent url(images/header-resume-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_media {
	text-indent: -5000px;
	background: transparent url(images/header-media-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_blog {
	text-indent: -5000px;
	background: transparent url(images/header-blog-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_published {
	text-indent: -5000px;
	background: transparent url(images/header-published-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

#h3_contact {
	text-indent: -5000px;
	background: transparent url(images/header-contact-trans.png) 0 0 no-repeat;
	border-bottom: 1px dashed #373737;
}

.contact-sidebar {
	font-size: 1.4em;
}

#container-objective {
	margin: 2em 0em;
}

#container-about {
	
}

.container.media {
	margin: 3em 0em;
}

.container.blog {
	margin: 3em 0em;
}

/* @group BLOG STYLES */

div.post {
	margin: 4em 0em 5em;
	clear: both;
}

div.post img {
	margin:  1em 0em;
}

div.post img.alignright {
	margin:  1em 0em 1em 1em;
}

div.post img.alignleft {
	margin:  1em 1em 1em 0em;
}


div.post h2 a {
	color: #ff2d73;
	border-bottom: 1px dotted #ff2d73;
}

div.post h2 a:hover {
	color: #fff;
	border-bottom: 1px dotted #ff2d73;
}


.alignright{
	float: right;
}

.alignleft{
	float: left;
}

.postmetadata {
	clear: both;
}
/* @end Blog */


/* @group RESUME PAGE STYLES */

div.resume-date {
	background: transparent url(images/nav_bak-trans.png) no-repeat 50% 50%;
	color: #ff2a83;
	width: 7em;
	padding: .6em .6em .3em;
	text-align: right;
	position: absolute;
	left: -8.6em;
	top: -.6em;
	font-size: 1.2em;
}

div.resume-info {
	margin: 1.5em 1.5em 2em 10em;
	position: relative;
	line-height: 2.3em;
}

div.resume-info ul li{
	list-style-type: disc;
	list-style-position: inside;
	font-size: 1.2em;
	color: #989898;
	line-height: 1.7em;
}

div.slider-object {
	border-bottom: 1px solid #000;
	border-top: 1px solid #333;
}

div.slider-object.first{
	border-bottom: 1px solid #000;
	border-top: none;
}

div.slider-object.last{
	border-bottom: none;
	border-top: 1px solid #333;
}

div.scrollContainer div.scroll div.slider-object h3 {
	color: #eeeeee;
}

div.scrollContainer div.scroll div.slider-object h4 {
	color: #eeeeee;
}

/* @end group */

/* @group FOOTER STYLES */

#ft {
	text-align: center;	
	color: #999999;
	margin: 1em 0em 0em;
	font-family: Georgia-italic, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#ft #footer_content {
	padding: 2em 0em 4em 0em;
}


#ft  #footer_content p.credit cite{
	font-family: Georgia-italic, Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#ft a {
	color: #999999;
	text-decoration: underline;
}

#ft a:hover {
	color: #ff5b3f;
}


/* @end group */