/*
Theme Name: emac
Theme URI: http://bleps.com/
Description: custom theme for ut dallas emac program.
Version: 1.0
Author: simon allante kane
Tags: utd utdallas emac
*/

	* { padding:0; margin: 0; }
	
	html { height: 100%; display:block; }
	body { padding: 0; margin: 0; background-color: black; font-family: verdana, arial, helvetica, sans-serif; font-size:12px;  }
	a:link, a:visited, a:active { color:#D78C1E; text-decoration:none; }
	a:hover { text-decoration: none; }

	h3 { margin-bottom: 2px; }
	h4 { font-family: verdana; font-size: 16px; margin-bottom: 3px; }

	p { padding: 0 0 0.9em 0; }

	.hide { position: absolute; left: -8000px; }
	.clear { clear: both; }
	.pad5 { padding-bottom: 5px; }
	.pad10 { padding-bottom: 10px; }
	.pad15 { padding-bottom: 15px; }
	.pad20 { padding-bottom: 20px; }
	.pad30 { padding-bottom: 30px; }
	.space15 { padding-top: 15px; }
	.hrule { border-top: 1px solid #dfdfdf; height: 1px; }
	
	#div-menu * { margin: 0; padding: 0; list-style: none; }
	#div-menu { width: 640px; height: 26px; margin:0 auto; padding:0; background: transparent url(./images/menu-background-w640-h26.png) no-repeat top left; font-weight:700; color:#FFF; text-transform:lowercase;}

	#div-menu a:link, #div-menu a:visited, #div-menu a:active { font-size: 11px; color: white;  }
	#div-menu a:hover { text-decoration: none; color: black; }

	#div-menu ul { padding: 0; margin: 0; }
	#div-menu li { position: relative; float:left; display:block; margin:0; padding: 5px 10px 0 10px; }
	#div-menu li:hover { visibility: inherit; } /* fixes IE7 'sticky bug' */

	#div-menu .utdlogo { width: 44px; height: 26px; background: transparent url(images/menuitem-utd-color.png) no-repeat top left; padding: 0; margin: 0 50px 0 20px; }
	#div-menu .emaclogo { width: 64px; height: 26px; background: transparent url(images/menuitem-emac.png) no-repeat top left; padding: 0; margin: 0;}
	#div-menu .active { height: 26px; background-position: 0 -52px; }
	#div-menu .rollover:hover { background-position: 0 -26px; }
	
	#div-menu  .active_page { height: 21px; background-color: #3A3A3A; }

	#div-menux .submenu { width: 150px; position: absolute; top: -999em;  background: transparent url(images/submenu-bottom-w150-h150.gif) no-repeat bottom left; margin: 0 0 0 0; padding: 0; }
	#div-menu .submenu { width: 150px; position: absolute; top: 26px; background: transparent url(images/submenu-bottom-w150-h150.gif) no-repeat bottom left; margin: 0 0 0 0; padding: 0; }
	#div-menux li:hover ul { left: 0; top: 26px; z-index: 99; }
	#div-menu .submenu li { height: 23px; width: 100%; position: relative; padding: 0 0 5px 18px; margin: 0; }
	#div-menu .submenu .topitem { background: transparent url(images/submenu-topcap-w150-h10.png) no-repeat top left; padding: 16px 0 5px 16px;}

	#div-masthead { width: 640px; height: 115px; margin:0 auto; background: transparent url(images/halflogo-black-w525-h55.gif) no-repeat center bottom;  }
	#img-big-logo { width: 209px; height: 72px; margin: 25px 0 0 220px; }
	
	
	#div-banner { width 750px; height: 224px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-home.jpg) no-repeat center top; }
	#div-banner-home { width 750px; height: 224px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-home.jpg) no-repeat center top; }
	#div-banner-aboutx { width 750px; height: 224px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-about.jpg) no-repeat center top; }
	#div-banner-blogx { width 750px; height: 224px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-blog.jpg) no-repeat center top; }
	#div-banner-studentworkx { width 750px; height: 224px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-studentwork.jpg) no-repeat center top; }

	#div-banner-main { width 750px; height: 179px; margin: 0 auto; border-top: 5px solid white; border-bottom: 5px solid white; background: black url(images/banner-main.jpg) no-repeat center top; }

	#div-banner-about { width 750px; height: 5px; margin: 0 auto; background-color: white; }
	#div-banner-blog { width 750px; height: 5px; margin: 0 auto; background-color: white; }
	#div-banner-studentwork { width 750px; height: 5px; margin: 0 auto; background-color: white; }

	
	#div-subbanner { width 706px; height: 158px; margin: 0 auto; background: transparent url(images/subbanner-blog-feature-w706-h158.gif) no-repeat center top; }
	
	
	#div-main { background: black url(images/main-background.png) repeat-x left top; }
	#main { width: 640px; margin: 0 auto; padding: 0 20px 0 20px; }
	#main-topcap { width: 640px; height: 9px; margin: 0 ; background: transparent url(images/main-center-topcap.gif) no-repeat left top; }
	#main-content { width: 620px; margin: 0 auto; background-color: transparent; }
	#main-bottomcap { width: 640px; height: 55px; background: transparent url(images/main-center-bottomcap.gif) no-repeat left bottom; }
		
	#div-footer { width: 620px; height: 40px; margin: 0 auto; padding: 2px 0; font-size: 11px; color: white; }
	#div-footer p#last-modified{ float: right; }

  /* blog */		
	.entryx { width 620px; background: transparent url(images/blog-entry-background-w620-h5000.gif) no-repeat left top; padding-bottom: 20px; }
	.entry { width 620px; padding-bottom: 0; }
	.entry-left-column { width: 80px; float: left;  background: transparent url(images/blog-entry-background-w120-h120.gif) no-repeat left top; }
	.entry-right-column { width: 500px; float: left; background: white; padding: 0 40px 20px 0; }
	.left-patch { width: 100px; height: 1px; background-color: white; }
	
	.plainpage { width 620px; background: white; padding-bottom: 20px; }
	.plainpage-content { width: 500px; padding: 0 0 20px 60px; }

	.blog-date { width: 45px; height: 80px; font-family: arial, helvetica, sans-serif; color: #c7781f; text-align: center; margin: 17px 0 0 0; padding: 8px 0 0 0; }
	.blog-date-month { width: 40px; height: 12px; font-size: 12px; text-transform:lowercase; }
	.blog-date-day { width: 40px; height: 24px; font-size: 24px;  }
	.blog-date-year { width: 40px;  height: 12px; font-size: 12px;  }

	.blog-commentbubble { width: 32px; height: 13px; margin: 0 0 0 10px; padding: 0 0 0 20px; background: transparent url(images/blog-commentbubble-w16-h26.png) no-repeat left top; font-family: georgia; font-size: 16px 	}						
	.blog-commentbubble:hover { background-position: 0 -13px; }

	.blog-entrytitle a:link, .blog-entrytitle a:visited, .blog-entrytitle a:active { font-family: georgia; font-size: 24px; color: #7f7f7f; text-transform:lowercase; }

	.blog-entrycontent { font-family: verdana, arial, helvetica, sans-serif; font-size: 110%; line-height: 1.6em; padding: 10px 0 0 0; color: #242424;  }
	.blog-entrycontent li { margin-left: 17px; line-height: 1.4em; padding-bottom: 5px;}

	.blog-meta { color: #7f7f7f; margin-top: 20px; }

  /* blog comments */
	.comments-template { width: 500px; float: left; background: white; padding: 0 0 20px 0; }

	#commentlist {}
	.comment { }
	.comment cite { color: #bfbfbf; }
	
	#comments { padding-top: 20px; }
	.blog-commenttitle { font-family: georgia; font-size: 14px; color: #7f7f7f; text-transform:lowercase; }
	#comment { width: 500px; }
	
  /* pages - custom styles */
  	.faculty_person {clear: both; padding-bottom: 25px; }

  /* sift base styles */
	@media screen {
	  
		.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}
		
		.sIFR-replaced, .sIFR-ignore 
		{
		visibility: visible !important;
		}
		
		.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
		
		.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
	}

	@media print {
	  .sIFR-flash {
	    display    : none !important;
	    height     : 0;
	    width      : 0;
	    position   : absolute;
	    overflow   : hidden;
	  }
	  
	  .sIFR-alternate {
	    visibility : visible !important;
	    display    : block   !important;
	    position   : static  !important;
	    left       : auto    !important;
	    top        : auto    !important;
	    width      : auto    !important;
	    height     : auto    !important;
	  }
	}

	@media screen 
	{
	    .sIFR-active h1,
	    .sIFR-active h2,
	    .sIFR-active h3,
	    .sIFR-active h5#pullquote {
	      visibility: hidden;
	      font-family: Verdana;
	      line-height: 1em;
	    }
	}

  /* WP-Paginate styles */
	.wp-paginate {padding:0; margin: 0 30px 0 0; font-family: arial,helvetica,sans-serif; background-color: white; float: right; }
	.wp-paginate li {display:inline; list-style:none;}
	.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#242424; margin-right:4px; padding:3px 6px; text-align:center; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
	.wp-paginate .title {color:#555; margin-right:4px; font-weight: normal; }
	.wp-paginate .gap {color:#999; margin-right:4px;}
	.wp-paginate .current {color: #e3791a; background: #3f3f3f; border:1px solid #3f3f3f; margin-right:4px; padding:3px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.wp-paginate .page {}
	.wp-paginate .prev, .wp-paginate .next {}
	
	.wp-paginate-comments {}
	.wp-paginate-comments li {}
	.wp-paginate-comments a {}
	.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
	.wp-paginate-comments .title {}
	.wp-paginate-comments .gap {}
	.wp-paginate-comments .current {}
	.wp-paginate-comments .page {}
	.wp-paginate-comments .prev, .wp-paginate-comments .next {}

  /* wordpress image styles */
  	img { border: none; }
	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	a img.alignright {float:right; margin:0 0 1em 1em}
	a img.alignleft {float:left; margin:0 1em 1em 0}
	a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

  /* security plugin */
  	#bsbm_form label { font-family: georgia; font-size: 14px; color: #7f7f7f; text-transform:lowercase; }
