/*
Theme Name: STIKOM Surabaya Themes ( Code Name: Seulanga )
Theme URI: http://stikom.ac.id/
Description: STIKOM Surabaya Themes, Tema standard untuk site STIKOM Surabaya dengan Fixed Widget dan Login SICYCA dan telah di Optimasi.
Version: 1.0
Author: prazetyo, cruwl, bodrex
Author URI: http://www.stikom.edu/
Tags: STIKOM, SURABAYA, New Themes, two columns, widgets
*/

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: "lucida sans unicode", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0px;
	padding: 0px;
	background:url('images/header2.jpg') no-repeat center top #251805;
 }

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

a:hover {
	color: #b7b7b7;
}

a img {
  border: none;
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{	
	font-family: georgia;
	font-size: 1.4em;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:10px;
	color: #fff;
}

#main_wrapper {
	width:1008px;
	height:auto;
	margin:0 auto;
}

/* CLEARING
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*End hide from IE Mac*/

/*** header ***/

#header_top {
	width:100%;
	height:36px;
	background:url(images/bg.png) repeat;
	/*background:#c30000;*/
	
}

#header_top_left {
	float:left;
	width:515px;
	color:#fff;
	letter-spacing:0.1em;
	font-size:10px;
	margin:10px 0 0 10px;
}

#header_top_middle {
	float:left;
	width:200px;
	color:#fff;
	font-size:11px;
	margin:10px 0 0 50px;
	text-align:right;
}

#header_top_right {
	float:right;
	width:209px;
	height:23px;
	color:#fff;
	font-size:11px;
	margin:6px 10px 0 0;
	background:url('images/bgsearch.png') no-repeat top ;
}

input.textfield {
	font-family: "lucida sans unicode", sans-serif;
	margin-left:5px;
	margin-top:2px;
	width:175px;
	height:19px;
	text-align:left;
	color: #333; 
	border:0px; 
	font-size:11px;
	background-color:#fff;
}

/**** front_content ****/
#wrap_content {
	width:1008px;
	height:400px;
	margin:390px auto 25px auto;
	background:url('images/tengah1a.gif') repeat-y center top;
	overflow:hidden;
}

#wrap_front_left {
	float:left;
	display:inline;
	margin:10px 0 0 15px;	
	width:480px;
	color:#fff;
}



#wrap_front_left a:hover, #wrap_front_right a:hover {
	color:#fff;	
}

#wrap_front_left .front_news img {
	border:3px solid #d7dfe4;
	width:160px;
	height:107px;
}



#wrap_front_left .front_news {
	margin:0 0 20px 0;
	width:460px;
	height:auto;
	float:left;
}

#wrap_front_left .news_thumbnail {
	float:left;
}

#wrap_front_left .news_content {
	float:left;
	width:274px;
	margin-left:20px;
	height:auto;
}

.news_date {
	font-size:10px;
	color:#8dd7e2;
}

.news_title {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#fff;
	margin-bottom:5px;
}

.news_cut, .event_date_detail {
	font-size:11px;
	color:#c2c2c2;
}

#wrap_front_right {
	float:right;
	display:inline;
	width:490px;
	color:#fff;
	height:auto;
}

/**** prodi ****/
#prodi {	
	float:right;
	width:250px;
	height:250px;
}

#prodi .wrap_event {
	float:left;
	width:225px;
	height:auto;
	margin:0 15px 30px 0;
}

.event_title {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#fff;
	margin-bottom:5px;
}

.event_date {
	color:#8dd7e2;
}


/**** event ****/
#event {
	float:left;
	width:225px;
	height:auto;
}

#event .wrap_event {
	float:left;
	width:225px;
	height:auto;
	margin:0 15px 20px 0;
}

.event_title {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#fff;
	margin-bottom:5px;
}

.event_date {
	color:#8dd7e2;
}

/**** bottom ****/
#wrap_content_bottom {
	position:absolute;
	width:1008px;
	height:30px;
	/* top:30px; --> ini berkaitan dengan position:absolute */
	top:36px;
	background:url('images/bg-menu-index.png') repeat;
}


/**** Menu ****/

h1.titulo_a, h1.titulo_b {
	height: 20px;
	width: 185px;
	margin-left: auto;
	margin-right: auto;
	font-family: "lucida sans unicode", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-transform: Uppercase;
	line-height: 20px;
	border-bottom: 1px dotted #4d4d4d;
	font-weight: normal;
}



/*#columna_1 h1.titulo_a, #columna_2 h1.titulo_b, #columna_3 h1.titulo_b, #columna_4 h1.titulo_b, #columna_5 h1.titulo_a {
	color: #fff;
	background:url('images/bg-menu-index2.png') no-repeat;
}*/

#columna_1 h1.titulo_a:hover, #columna_2 h1.titulo_b:hover, #columna_3 h1.titulo_b:hover, #columna_4 h1.titulo_b:hover, #columna_5 h1.titulo_a:hover {
	color: #b7b7b7;
}

#columna_1 {
	float:left;
	margin:4px 15px 0 10px;
	width: 185px;
	height: 25px;
	/*background:url('images/bg-menu-index2.png') repeat;*/
	/*border-bottom: 1px dotted #4d4d4d;*/
	overflow: hidden;
	color: #fff;
	font-family: "verdana", arial, helvetica;
	font-size: 9px;
}

#columna_2 {
	float:left;
	margin:4px 15px 0 0;
	width: 185px;
	height: 25px;
	/*background:url('images/bg-menu-index2.png') repeat;*/
	/*border-bottom: 1px dotted #4d4d4d;*/
	overflow: hidden;
}

#columna_3 {
	float:left;
	margin:4px 15px 0 0;
	width: 185px;
	height: 25px;
	/*background:url('images/bg-menu-index2.png') repeat;*/
	/*border-bottom: 1px dotted #4d4d4d;*/
	overflow: hidden;
}

#columna_4 {
	float:left;
	margin:4px 15px 0 0;
	width: 185px;
	height: 25px;
	/*background:url('images/bg-menu-index2.png') repeat;*/
	/*border-bottom: 1px dotted #4d4d4d;*/
	overflow: hidden;
}

#columna_5 {
	float:left;
	margin:4px 0 0 0;
	width: 185px;
	height: 25px;
	/*background:url('images/bg-menu-index2.png') repeat;*/
	/*border-bottom: 1px dotted #4d4d4d;*/
	overflow: hidden;
}

/*#columna_1 {
	position: absolute;
	width: 185px;
	height: 25px;
	background:url('images/bg-menu-index.png') repeat;
	left: 15px;
	bottom: 0px;
	border-bottom: 1px dotted #4d4d4d;
	overflow: hidden;
	color: #fff;
	font-family: "verdana", arial, helvetica;
	font-size: 9px;
}

#columna_2 {
	position: absolute;
	width: 185px;
	height: 25px;
	background:url('images/bg-menu-index.png') repeat;
	left: 212px;
	bottom: 0px;
	border-bottom: 1px dotted #4d4d4d;
	overflow: hidden;
}

#columna_3 {
	position: absolute;
	width: 185px;
	height: 25px;
	background:url('images/bg-menu-index.png') repeat;
	bottom: 0px;
	left: 412px;
	border-bottom: 1px dotted #4d4d4d;
	overflow: hidden;
}

#columna_4 {
	position: absolute;
	width: 185px;
	height: 25px;
	background:url('images/bg-menu-index.png') repeat;
	left: 612px;
	bottom: 0px;
	border-bottom: 1px dotted #4d4d4d;
	overflow: hidden;
}

#columna_5 {
	position: absolute;
	width: 185px;
	height: 25px;
	background:url('images/bg-menu-index.png') repeat;
	left: 808px;
	bottom: 0px;
	border-bottom: 1px dotted #4d4d4d;
	overflow: hidden;
}

*/ /* jika ingin tampil keatas, aktifkan position jadi absolute, tapi jgn lupa edit margin juga*/

#columna_1 h1, #columna_2 h1, #columna_4 h1, #columna_3 h1, #columna_5 h1 {
	margin-bottom: 14px;
	color: #101010;
}


/* Fin Main Index */

#columna_1 div.post div.entry a {
	color: #f9ed33;
}

#columna_1 div.post div.entry p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#columna_1 ul.leftmenu, #columna_2 ul.leftmenu, #columna_3 ul.leftmenu, #columna_4 ul.leftmenu, #columna_5 ul.leftmenu {
	width:185px;
	height:auto;
	margin-top:-9px;
	padding-bottom:10px;
	background:url('images/bg-menu-index.png') repeat;
	border-bottom: 1px dotted #4d4d4d;
	/*border-top: 1px dotted #4d4d4d;*/
	}
	
#columna_1 ul.leftmenu li, #columna_2 ul.leftmenu li, #columna_3 ul.leftmenu li, #columna_4 ul.leftmenu li, #columna_5 ul.leftmenu li {
	margin-left:10px;
	list-style-type: none;
	padding-right:5px;
	}
	
#columna_1 ul.leftmenu li a, #columna_2 ul.leftmenu li a, #columna_3 ul.leftmenu li a, #columna_4 ul.leftmenu li a, #columna_5 ul.leftmenu li a {
	background:url('images/slidearrow.gif') 0 9px no-repeat ; 
	color:#b7b7b7; 
	display:block;
	line-height:25px; 
	padding: 0 0 0 15px;
	text-decoration:none; 
	font-size:11px;
	font-family: "lucida sans unicode", sans-serif;
	}
	
#columna_1 ul.leftmenu li a:hover, #columna_2 ul.leftmenu li a:hover, #columna_3 ul.leftmenu li a:hover, #columna_4 ul.leftmenu li a:hover, #columna_5 ul.leftmenu li a:hover{
	background:url('images/slidearrow-hover.gif') 0 9px no-repeat ;
	color:#fff; 
	text-decoration:none; 
	}



/**** Copyright ****/
#wrap_copyright {
	width:980px;
	margin:50px auto 90px auto;
	color:#b7b7b7;
	font-size:10px;
	letter-spacing:0;
	overflow:hidden;
}

#socialbookmark {
	text-align:right;
	width:980px;
}

#separator {
	width:980px;
	margin:5px 0 10px 0;
	overflow:hidden;
	background:url('images/grstitik.gif') repeat-x;
}

#copyright_left {
	float:left;
	width:500px;
}

#copyright_right {
	float:right;
	width:300px;
	text-align:right;
}


/**** MENU PRODI ****/
#links ul {
        list-style-type: none;
        width: 240px;
} 

#links li {
        border-bottom: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #b7b7b7;
        display: block;
		text-transform: Uppercase;
		font-size:10px;
		letter-spacing:0.1em;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 240px;
}

#links li a:hover {
        background:#342208;
		color:#fff;
}

span.dark2
{
	color: #b7b7b7;
}

#links a:hover .dark2
{
	color: #8dd7e2;
}


#bannerkiri {
	float:left;
       	margin:5px 0 0 10px;	
	
}


/******************************************************* PAGE ***************************************************/
#submain_wrapper {
	width:100%;
	margin:0 auto;
	height:auto;
	background:url('images/bg_top_page.png') repeat-y 100% top;
}

#sub_wrapper {
	width:1008px;
	height:auto;
	margin:0 auto;
}