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

	Master stylesheet for Siriomi.com
	Copyright (c) 2000-2010 Binaebi Akah
	Created December 2008
	Updated February, 2010

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

* { margin: 0; }

html, body { height: 100%; }

body { background-color: #fcfcfc; background-attachment: fixed; padding: 0px; margin: 0px auto; color: #444; font: 11pt Verdana; text-align: center; line-height: 1.5em; }

a { color: #7F9E56; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #7F9E56; }
 a:hover { color: #0D4D75 /*#9C5573*/; text-decoration: none; border-bottom: 1px solid #0D4D75 /*#9C5573*/; }
 a img { border: none; text-decoration: none; }
 

/* ---- BLOCK LEVEL ----*/

div#contentBody { width: 900px; text-align: left; display: block; margin: 0px auto; }

 #contentBody #mainBody { width: 100%; margin: 1em 0px 0px 0px; padding: 5px 10px 10px; }

  #contentBody #mainBody input, #contentBody #mainBody textarea { background-color: #eee; }
  
  #contentBody #mainBody img.display { border: 2px solid #0D4D75/*#0D4D75 /*#9C5573*/; padding: 8px; margin: 0px 15px; background-color: #fcfcfc; }

#line { width: 100%; height: 0px; background-color: #7F9E56; border-bottom: 3px solid #0D4D75; position: fixed; margin: 0px; padding: 0px; top: 0; z-index: 1; }

ul { list-style: square; list-style-type: square; }

blockquote { border-top: 2px double #0D4D75; border-bottom: 2px double #0D4D75; margin: 20px 40px; padding: 15px; font-size: 14pt; line-height: 1.2em; }
 blockquote.width300 { width: 300px; }
 
div.snippetBox { width: 88%; border: 2px solid #0D4D75 /*#9C5573*/; padding: 10px; margin: 10px 20px 10px 40px;  }
   .clean { border: 0px; }
div.columnL { width: 56%; margin-right: 2%; padding-right: 2%; float: left; }
div.columnR { width: 35%; margin-left: 4%; float: right; }
  
dl { padding: 10px; }
 dl dt { font-weight: bold; color: #993333; padding-bottom: 1.1em; }
 dl dd { margin-bottom: 1.7em; line-height: 1.3em; }
/* ---- end BLOCK LEVEL ----*/


/* ---- MAIN NAV ----*/

span#home { font-family: Georgia; font-size: 32pt; text-transform: capitalize; padding: 15px 20px 5px 0px; letter-spacing: 0.1em; float: right; }
 span#home a { border: 0px; text-decoration: none; }
  span#home a:hover { color: #fff; border-bottom: 3px solid #fff; }

ul#nav { margin: 0px; padding: 10px 10px 0px 10px; float: left; }
 ul#nav li { list-style-type: none; display: inline; font: 18pt Georgia; text-transform: uppercase; padding: 0px 5px; letter-spacing: 0.1em; color: #FFF; }
 ul#nav li a { border: 0px; text-decoration: none; color: #FFF; }
  ul#nav li a#current { border-top: 2px solid #FFF /*#9C5573*/; padding-top: 6px; }
  ul#nav li a:hover { color: #fff; border-bottom: 2px solid #fff; }
 
/* ---- end MAIN NAV ----*/

/* ---- FOOTER ----*/

 #footer { background-color: #e0e0e0; background-image: url('http://siriomi.com/img/bg/grnFooter1.jpg'); height: 80px; position: fixed; bottom: 0px; border-top: 3px solid #0D4D75; width: 100%; padding-bottom: 10px; z-index: 1; }
 #footer a { color: #FFF; border-bottom: 1px solid #FFF; }
  #footer p { font-size: 7pt; text-align: left; padding: 0px 20px; margin: 0px; clear: both; color: #FFF; }
 .push { height: 100px; position: relative; clear: both; /* .push must be the same height as #footer */ }
  
/* ---- end FOOTER ----*/


/* ---- FLOATS ----*/

.left { float: left; text-align: left; }
.right { float: right; text-align: right; }

.clear { clear: both; }

.close { margin: -10px 0px 0px 0px; padding: 0px; }
.far { margin-bottom: 45px; }

/* ---- end FLOATS ----*/



/* ---- TYPOGRAPHY ----*/

h1 { font: 24pt Georgia; margin: 1.5em 0em 1.3em; vertical-align: middle; }
 h1 a { text-decoration: none; border-bottom: 2px solid #222; }
 h1 span { font-size: 14pt; }
  h1 span a, h1 span a:visited { text-decoration: none; border-bottom: 1px solid #FFF; padding-bottom: 2px; }

 #contentBody #mainBody h1 a { border: 0px; color: #222; }
  #contentBody #mainBody h1 a:hover { color: #0D4D75 /*#9C5573*/; }

h2 { font: 20pt Georgia; margin: 1.6em 0em; /*color: #0D4D75 /*#9C5573*/;  }
h4 { font: 18pt Georgia; margin: 1.5em auto 1.3em; padding: 1em auto; vertical-align: bottom; } 
  h4 span { font-size: 14pt; }
 
p { margin: 1.8em 0em; padding: 0em; }
 p a img { border: none; text-decoration: none; }
 
 p#about { display: block; background-color: #f9f7e6; padding: 5px; }
 
 p.column { width: 46%; margin: 2%; position: relative; float: left; }
 
 p.gallery a { text-decoration: none; border: 0px; }
  p.gallery a img { border: 2px solid #581A36; padding: 5px; margin: 0px 5px; background-color: #fefefe; }
  
 p.noBorders img { border: 0px; text-decoration: none; }
  p.noBorders a { border: 0px; text-decoration: none; }
  p.noBorders a:focus { border: none; }
  
 p.indent { margin-left: 1.5em; margin-right: 1.5em; }

.small { font-size: 8pt; }
.medium { font-size: 11pt; }
.huge { font-size: 16pt; }

.italic { font-style: italic; }

.error { color: #660000; }

.highlight1 { color: #A6242F; }
.highlight2 { color: #A62485; }
.highlight3 { color:#24A685; }

/* ---- end TYPOGRAPHY ----*/




/* ---- INDEX GALLERY ----*/

ul.mainGallery { list-style: none; text-decoration: none; margin: 1.5em 0em; padding: 0em 0em 1em 0em; }
 ul.mainGallery li { padding: 10px; margin: 0px 5px; float: left; position: relative; width: 170px; height: 250px; line-height: 1em; }
  ul.mainGallery li img:hover {	border-color: 2px solid #0D4D75 /*#9C5573*/; }
     #contentBody #mainBody ul.mainGallery img:hover.display { border: 2px solid #86a624; }
 ul.mainGallery img { background: #B7CA9B; border: 2px solid #86a624; padding: 5px; }
   #contentBody #mainBody ul.mainGallery img.display { border: 2px solid #0D4D75 /*#9C5573*/; }
 ul.mainGallery em { background: #fcfcfc; /*#B7CA9B;*/ padding: 2px 10px; display: block; position: absolute; top: 115px; left: 0px; 
   border: 2px solid #86a624; font-size: 9pt; color: #44601C; }
 ul.mainGallery span { padding: 25px 10px 15px 25px; display: block; position: absolute; top: 120px; left: 0px; font-size: 9pt;
   width: 180px; }
 ul.mainGallery a { text-decoration: none; border: 0px; }
 ul.mainGallery a:hover em { border-color: #0D4D75 /*#581A36*/; color: #0D4D75 /*#581A36*/; }

/* ---- end INDEX GALLERY ----*/


/* ---- RESUME TABLE ----*/

  #contentBody #mainBody table#resume { width: 100%; }
  #contentBody #mainBody table#resume td { vertical-align: top; }
   #contentBody #mainBody table#resume td#left { width: 69%; padding: 0em 2em 0em 0em; }
   #contentBody #mainBody table#resume td#right { width: 24%; padding: 0em 0em 0em 1em; }
   #contentBody #mainBody table#resume td a { color: #222; border-bottom: 1px solid #222; }
    #contentBody #mainBody table#resume p span { text-align: right; /*#7AB2AA;*/ }
	#contentBody #mainBody table#resume p a img { border-bottom: 0px; padding: 0em 1em; }
  #contentBody #mainBody table#resume ul { margin: 0px 0px 5px; padding: 0px 15px 15px; }
    #contentBody #mainBody table#resume ul li { margin-bottom: 0.4em; }

/* ---- end RESUME TABLE ----*/


/* ---- end CONTACT TABLE ----*/

  #contentBody #mainBody table#contact { margin: 15px; padding: 0px; }
  #contentBody #mainBody table#contact td { padding: 0px; margin: 0px; }
   #contentBody #mainBody table#contact td p { margin: 0px; padding: 0px; }
   #contentBody #mainBody #contact input,
   #contentBody #mainBody #contact textarea 
      { background-color: #fdfdfd; margin: 0px 0px 30px 0px; padding: 1px 5px; border: 2px solid #0D4D75 /*#C396AB*/; color: #0D4D75; line-height: 1.7em; }
	 #contentBody #mainBody #contact input#submit, input#submit:hover, input#submit:active { border: 2px solid #874F69; background-color: #C396AB; color: #FFF; padding: 5px; }
     #contentBody #mainBody #contact input:hover,
     #contentBody #mainBody #contact textarea:hover 
	    { background-color: #EEE /*#C396AB*/; margin: 0px 0px 30px 0px;; padding: 1px 5px; border: 2px solid #0D4D75 /*#874F69*/; color: #0D4D75; }
		#contentBody #mainBody #contact input#submit:hover { border: 2px solid #874F69; }
	 #contentBody #mainBody #contact input:active,
	 #contentBody #mainBody #contact textarea:active 
	    { background-color: #fdfdfd; margin: 0px 0px 30px 0px;; padding: 1px 5px; border: 2px solid #0D4D75 /*#874F69*/; }

/* ---- end CONTACT TABLE ----*/


/* ---- COHORT CONTACT LIST ----*/
ul#cohort { list-style: square; width: 100%; }
 ul#cohort li { width: 20%; display: inline-block; margin: 0.7em; }
/* ---- end COHORT CONTACT LIST ----*/


/* ---- VIMEO BADGE ----*/
.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; z-index: 0; }
 .vimeoBadge img { border: 0; }
 .vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
  .vimeoBadge a:hover { color:#00CCFF; }
 .vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
 .vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
 .vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:160px; line-height:0; }
 .vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:160px; height: 30px; }
 .vimeoBadge .clear { display: block; clear: both; visibility: hidden; }
/* ---- end VIMEO BADGE ----*/