/*
Theme Name: Matías Garabedian
Description: Matías Garabedian
Author: SomosWP
Author URI: http://www.somoswp.com
*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		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, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea, button {font-family:inherit; font-size:1em;}
		

/*- End Reset Styles -------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- General Styles ---------------------------------------------------------*/


		html {background:#000 url(images/layout/html.png) repeat 0 0;}
			body {font:76% Arial, Helvetica, sans-serif; color:#6A6A6A; background:url(images/layout/body.png) repeat-x 0 0;}
			
				/*- Resolution -*/
				.wrap {width:850px; margin:0 auto;}
				
				/*- Links -*/
				a {text-decoration:none;}
				a:hover {text-decoration:underline;}
				
				/*- Hide Text -*/
				#logo a,
				#lens p a,
				#lens span,
				#photoNav a,
				.menu li a,
				.menu h3 strong,
				#galleryStrip p a,
				#links h3,
				#twitter h3,
				#searchForm button {display:block; font-size:0; text-indent:-9999em;}
				
				/*- Rounded corners -*/
				.portrait-info {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
				.portrait-info h2 a,
				.portrait-info h2 strong {-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}			
				.postComNum a {-moz-border-radius:5px; -webkit-border-radius:5px;}
				#photoNav {-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
	
				/*- Float clears -*/
				.wrap,
				#photoNav,
				#galleryStrip ul,
				#searchHolder,
				.postTitle,
				#navigation {overflow:hidden;}
				
				/*- Accesible labels -*/
				.accesible {width:1px; height:1px; overflow:hidden; position:absolute; top:0; left:-9999px; z-index:1;}


/*- End General Styles -----------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/

		
		#header {padding:45px 0 0;}
			
			/*- Logo -*/
			#logo {float:left;}
				#logo a {width:376px; height:27px; background:url(images/en/logo-en.png) no-repeat 0 0;}
			
			/*- Language -*/
			#language {float:right; margin:7px 190px 0 0;}
				#language p {font-weight:bold; text-transform:uppercase; letter-spacing:-0.03em; color:#4F4F4F;}
				#language span {color:#838383; margin:0 3px; border-bottom:1px dotted #838383;}
				#language a {color:#4F4F4F;}
				#language a:hover {color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF;}


/*- End Header -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Main -------------------------------------------------------------------*/

		
		#main {padding:20px 0 0; overflow:visible;}
		
			#content {float:left; width:660px; padding-right:20px; margin-bottom:45px; background:url(images/transparency/content.png) repeat-y 100% 0;}
			
			/*- Home -*/
			.slideShow {position:relative; min-height:505px;}	
				.slideShow .portrait {width:659px; position:absolute; top:0; left:0;}
				/*.slideShow .portrait-image img {max-height:438px;}*/
				.slideShow .portrait-info {min-height:60px;}
				
				.portrait {clear:both;}

					/*- Portrait Image -*/
					.portrait-image {padding:0 1px; background:url(images/portrait.gif) repeat-y 0 0;}
						.portrait-image img {display:block; width:658px; height:auto; min-height:438px; background:#000 url(images/icons/loader.gif) no-repeat center center;}
						
					/*- Portrait Info -*/
					.portrait-info {background:url(images/transparency/portrait-info.png) repeat-x 0 0; border:1px solid #1C1C1C; border-top:0; position:relative;}
						.portrait-info h2 {font-size:1.3em; letter-spacing:-0.03em; color:#FFF; width:658px; padding-bottom:5px; background:url(images/transparency/portrait-info-title.png) repeat-x 0 100%; position:absolute; top:-40px; left:0;}
						.portrait-info h2 a,
						.portrait-info h2 strong {float:left; color:#FFF; display:block; padding:10px 20px; background:#333;}
						.portrait-info p {font-size:1.1em; line-height:130%; padding:15px 20px;}
		

/*- End Main ---------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Sidebar -----------------------------------------------------------------*/


		#sidebar {float:right; width:170px; position:relative;}	
		
			/*- Home Lens -*/
			#lens {width:165px; height:162px; margin-bottom:15px; position:relative; left:-3px;}
				#lens p {position:absolute; top:0; left:0;}
				#lens p a {display:block; width:165px; height:162px; background:url(images/icons/lens.png) no-repeat 0 0;}
				#lens span {display:none; width:137px; height:18px; background:url(images/en/lens-tooltip-en.png) no-repeat 0 0; position:absolute; top:76px; right:-105px;}
				#lens p a:hover span {display:block;}
				
				#photoNav {display:none; padding:20px 25px; background:url(images/transparency/photoNav.png) repeat 0 0; position:absolute; top:49px; left:-101px; z-index:1;}
					#photoNav a {float:left; width:12px; height:28px; background-image:url(images/icons/photoNav.png);}
					#prevBtn {background-position:0 0; margin-right:10px;}
					#prevBtn:hover {background-position:0 -29px;}
					#nextBtn {background-position:-13px 0;}
					#nextBtn:hover {background-position:-13px -29px;}
				
				#lens #lensActive a {background-position:-164px 0;}
					#lens #lensActive span {background-position:0 -19px;}
				
				#lensDisabled {display:none;}
											
			.menu,
			#links,
			#twitter {padding:20px; background:url(images/menu/divider.png) no-repeat 0 0;}
				
			.menu li a,
			.menu h3 strong,
			#links h3,
			#twitter h3 {display:block; width:113px; height:18px; background-image:url(images/en/menu-en.png);}
			
			/*- Main Menu -*/		
			.menu {}
				.menu li {margin-bottom:6px;}
				
				/*- Portfolio -*/
				.page-item-5 a {background-position:0 0;}
				.page-item-5 strong, .page-item-5.current_page_item a, .page-item-5 a:hover {background-position:-124px 0;}
				
				/*- Services -*/
				.page-item-6 a {background-position:0 -20px;}
				.page-item-6 strong, .page-item-6.current_page_item a, .page-item-6 a:hover {background-position:-124px -20px;}
				
				/*- Blog -*/
				.page-item-8 a {background-position:0 -38px;}
				.page-item-8 strong, .page-item-8.current_page_item a, .page-item-8 a:hover {background-position:-124px -38px;}

				
				/*- Bio -*/
				.page-item-9 a {background-position:0 -57px;}
				.page-item-9.current_page_item a, .page-item-9 a:hover {background-position:-124px -57px;}
				
				/*- Contact -*/
				.page-item-10 a {background-position:0 -76px;}
				.page-item-10.current_page_item a, .page-item-10 a:hover {background-position:-124px -76px;}
				
			/*- Current section menu -*/
			#sectionMenu {background:none; padding-right:0;}
			
			/*- Sub menus -*/
			#sidebar .subMenu {text-transform:uppercase; font-weight:bold; padding-top:5px;}
			#sidebar .subMenu li a {font-size:1em; text-indent:0; color:#999; width:auto; height:auto; background:none;}
			#sidebar .subMenu li a:hover {color:#FFF;}
			#sidebar .subMenu li {padding:4px 0 4px 30px; margin:0; background:url(images/menu/subNav.gif) no-repeat 10px 100%;}
			#sidebar .subMenu li.last {background:url(images/menu/subNav-last.gif) no-repeat 10px 100%;}
			#sidebar .subMenu .current_page_item a, #sidebar .subMenu .current-cat a {color:#EECE1F;}
			
			/*- Links -*/
			#links {}
				#links h3 {background-position:0 -114px;}
				#links .subMenu {font-weight:normal; text-transform:none;}
			
			/*- Twitter -*/
			#twitter {font-style:italic;}
				#twitter h3 {background-position:0 -95px;}
				#twitter li {line-height:120%;}
				#twitter p {padding:15px 0 5px;}
				#twitter p a {color:#6A6A6A; font-weight:bold;}
				#twitter li a {color:#6A6A6A;}
				#twitter .twitter-timestamp {display:block; font-size:0.9em; color:#999;}
				
			/*- Twitter Hover -*/
			#twitter.twitterOn {}
				#twitter.twitterOn h3 {background-position:-124px -95px;}
				#twitter.twitterOn li {color:#6CB3BD;}
				#twitter.twitterOn li a:hover {color:#FFF;}
				#twitter.twitterOn p a {color:#FFD54E;}
				#twitter.twitterOn .twitter-timestamp {color:#93E8F4;}
				
			
			#pageMenu {background:none;}


/*- End Sidebar -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Gallery ----------------------------------------------------------------*/


		#galleryStrip {border:1px solid #1D1D1D; background:url(images/layout/galleryStrip.gif) repeat-x 0 2px; border-bottom:0; position:relative; overflow:hidden;}
			#galleryStrip ul {float:left; width:7000px; padding:8px 21px 8px 24px; margin-top:2px; }
			#galleryStrip li {float:left; width:50px; height:50px; padding:1px 1px 1px 0;}
				#galleryStrip li a,
				#galleryStrip li img {display:block; width:100%; height:100%;}
				#galleryStrip li .galleryOn {opacity:1 !important;}
				
			#galleryStrip p {}
				#galleryStrip p a {display:block; width:10px; height:14px; background-image:url(images/icons/galleryNav.gif); position:absolute; top:30px}
				#galleryStrip-prev {background-position:0 0; left:6px;}
				#galleryStrip-prev:hover {background-position:0 -15px;}
				#galleryStrip-next {background-position:-11px 0; right:6px;}
				#galleryStrip-next:hover {background-position:-11px -15px;}
				
		#photoNav.galleryNav {display:block; top:85px;}
				
				
/*- End Gallery -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Single ------------------------------------------------------------------*/


		.postsWrapper {background:#000; border:1px solid #161616;}
				
			.postTitle,
			.postEntry {padding:30px 30px 20px;}
			
			/*- Post Title -*/
			.postTitle {position:relative; background:url(images/post/postTitle.gif) repeat-x 0 100%;}
				.postTitle h2 {font-size:2.4em; letter-spacing:-0.04em; color:#B3B3B3; padding-bottom:7px;}
				.postTitle h2 a {color:#B3B3B3;}
				.postTitle h2 a:hover {color:#FFF;}
				.postTitle p {float:left; font-weight:bold; text-transform:uppercase; font-size:0.8em;}
				
				.postDate {margin-right:10px; color:#333;}
				.postTags {}
				.postTags a {color:#6A6A6A;}
				.postComNum {float:none; position:absolute; top:30px; right:20px; z-index:1;}
					.postComNum a {display:block; font-size:2.7em; color:#B3B3B3; padding:4px 16px 4px 10px; background:#141414 url(images/icons/commentBubble.gif) no-repeat 100% 9px;}
					.postComNum a:hover {color:#FFF; background-color:#333;}
			
			/*- Post Content -*/	
			.postEntry {font-size:1.1em;}
				.postEntry h3 {color:#CCC; text-transform:uppercase; padding:7px 15px;}
				.postEntry p,
				.postEntry li {line-height:150%; padding:0 120px 15px 15px;}
				.postEntry ul,
				.postEntry ol {padding:5px 0 5px 15px;}
				.postEntry li {padding-bottom:8px;}
				.postEntry ul li {list-style:inside square;}
				.postEntry ol li {list-style:inside lower-roman;}
				.postEntry a {color:#FAFAFA; text-decoration:underline;}
				.postEntry a:hover {color:#F2DA57;}
				.postEntry img {max-width:590px; height:auto;}
				
			.page .postEntry {padding-bottom:40px;}
			
			/*- Forms -*/
			.wpcf7-form {}
				.wpcf7-form input,
				.wpcf7-form textarea {padding:3px; color:#6A6A6A; background:#000; border:1px solid #222;}
				.wpcf7-form input:focus,
				.wpcf7-form textarea:focus {border-color:#CCC; color:#FFF;}
				.wpcf7-form input[type=submit] {color:#FFF; font-weight:bold; text-shadow:1px 1px #444; padding:5px 12px; cursor:pointer; background:#353535 url(images/comments/commentBtn.png) repeat-x 0 0;}
			

/*- End Single --------------------------------------------------------------*/			
/*-----------------------------------------------------------------------------------------------*/

/*- Comments ---------------------------------------------------------------*/


		#commentList,
		#respond {font-size:1.1em; padding:0 30px 30px; background:url(images/comments/commentTitle.png) repeat-x 0 0;}

		#commentList h3,
		#respond h3 {font-size:1.25em; text-transform:uppercase; padding:45px 0 25px; color:#3E3E3E;}
	

		/*----------------------------------*/
		/*	COMMENT LIST					*/	
		/*----------------------------------*/	
		
		#commentList {}	
			
			/*- Each comment -*/
			#commentList li.comment {list-style:decimal-leading-zero; font-weight:bold; color:#282828; margin:0 0 10px 27px; background:url(images/comments/commentLi.gif) repeat-y 0 0; position:relative;}	
				#commentList .commentBox {width:537px; padding:15px 18px 0 9px; font-weight:normal; color:#6A6A6A; background:url(images/comments/commentBox.gif) no-repeat 0 0;}
				
					/*- Avatar -*/
					.commentAvatar {width:52px; height:52px; padding:1px; border:1px solid #141414; position:absolute; top:15px; left:25px; z-index:1;}
					
					/*- Author -*/
					.commentAuthor {padding-bottom:9px; margin:0 30px 0 90px; border-bottom:1px dotted #141414;}
						.commentAuthor strong {display:block; font-size:1.1em; padding-bottom:3px;}
						.commentAuthor strong, .commentAuthor a {color:#CCC;}
						.commentAuthor span {color:#333;}
						
					/*- Text -*/
					.commentText {padding:15px 50px 15px 90px; min-height:20px; border-bottom:1px solid #141414;}
						.commentText p {line-height:120%; padding-bottom:10px;}
						.commentText a {color:#CCC;}
						.commentText a:hover {color:#FFF;}
			
			/*- Comment by user -*/		
			#commentList li.byuser {background-image:url(images/comments/commentLi-byuser.gif);}
				#commentList li.byuser .commentBox {background-image:url(images/comments/commentBox-byuser.gif);}
					#commentList li.byuser .commentAvatar {border-color:#1D1D1D;}
					#commentList li.byuser .commentAuthor {border-color:#2B2B2B;}
					#commentList li.byuser .commentAuthor strong, #commentList li.byuser .commentAuthor a {color:#FBF32A;}
					#commentList li.byuser .commentAuthor span {color:#616161;}
					#commentList li.byuser .commentText {color:#FFF;}
									
		/*----------------------------------*/
		/*	RESPOND							*/	
		/*----------------------------------*/		
					
		#respond {padding-right:54px;}
			#respond form {padding:20px 15px; border:1px solid #141414;}
				#respond p {padding-bottom:15px;}
				#respond label {font-weight:bold; color:#CCC; width:95px; padding:5px 15px 0 0; text-align:right;}
				#respond label span {color:#E0E000; float:none;}
				#respond input,
				#respond textarea {color:#444; padding:5px; background:#0D0D0D; border:1px solid #1D1D1D;}
				#respond input:focus,
				#respond textarea:focus {color:#FFF; border-color:#333;}
				#respond a {color:#E0E000;}
				#respond a:hover {color:#FFF;}
			
			/*- Inputs -*/
			.fieldLine {float:left; clear:left;}
				.fieldLine * {float:left;}
				.fieldLine input {width:360px; font-weight:bold;}
			
			/*- Comment -*/
			#fieldComment {clear:both; padding-top:15px; border-top:1px dotted #1D1D1D;}
				#fieldComment textarea {width:400px; height:140px; overflow:auto;}
			
			/*- Submit comment -*/
			#fieldSubmit {clear:both; padding-left:110px;}
				#fieldSubmit button {color:#FFF; font-weight:bold; text-shadow:1px 1px #444; padding:0; cursor:pointer; background:#353535 url(images/comments/commentBtn.png) repeat-x 0 0;}
					#fieldSubmit button strong {display:block; padding:5px 12px; border:1px solid #4D4D4D;}
			

/*- End Comments -----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Search -----------------------------------------------------------------*/
		
		
		#search {background:#141414; border:1px solid #161616; border-bottom:0;}
			#searchHolder {padding:10px 18px 10px 30px; border:1px solid #000;}
				
				/*- Search Message -*/
				#searchMessage {float:left; width:300px; padding-top:5px; font-weight:bold;}
				
				/*- Search Form -*/
				#searchForm {float:right; position:relative;}
					#searchForm input {font-weight:bold; color:#4C4C4C; padding:5px 7px; width:250px; background:#1D1D1D; border:1px solid #141414;}
					#searchForm input:focus {color:#CCC; border-color:#333;}
					#searchForm button {width:17px; height:17px; background:url(images/icons/search.gif) no-repeat 0 0; position:absolute; right:5px; top:5px; z-index:1; cursor:pointer;}
					#searchForm button:hover {background-position:-18px 0;}
			

/*- End Search -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Navigation -------------------------------------------------------------*/


		#navigation {font-weight:bold; font-size:1.1em; padding:0;}
			#navigation a {display:block; color:#CCC; padding:8px 15px; margin:10px 0; background:url(images/transparency/nav.png) repeat-x 0 0; border:1px solid #1D1D1D;}
			#navigation a:hover {color:#FFF;}
			
			#prevNav {float:left;}	
			#nextNav {float:right;}
		

/*- End Navigation ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*- Footer -----------------------------------------------------------------*/

		
		#footer {background:url(images/layout/footer.png) repeat-x 0 0; clear:both;}
			#footer .wrap {padding:17px 20px 14px; width:810px;}
				#footer p {float:left; font-size:0.8em; font-weight:bold; text-transform:uppercase;}
				
				/*- Location -*/
				#location {color:#666; padding:3px 15px 3px 25px; margin-right:15px; background:url(images/icons/maple.gif) no-repeat 0 0; border-right:1px solid #222;}
				
				/*- Copyright -*/
				#copyright {color:#333; padding:3px 0;}
					#copyright a {color:#333;}
					#copyright a:hover {color:#999;}


/*- End Footer -------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- French styles ----------------------------------------------------------*/

		
		#lang-fr {}
			#lang-fr #logo a {background-image:url(images/fr/logo-fr.png);}
			#lang-fr #lens span {background-image:url(images/fr/lens-tooltip-fr.png);}


/*- End French styles ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- IE7 Fixes --------------------------------------------------------------*/

		
		*+ html #sectionMenu a {min-height:1%;}
		*+ html #respond p {width:100%;}


/*- End IE7 Fixes ----------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-------------------------------- END MATIAS GARABEDIAN ----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/