/*
Title:		OVUM CSS File 
Author:		imediapixel@gmail.com
*/

/* ----------------------- SUMMARY -----------------------

- GENERAL LAYOUT
  - BODY
  - CONTAINER
	- HEADINGS
	- PARAGRAPH,BLOCKQUOTE,CODE, ORDER LIST, DROPCAPS, PULLQUOTE
	- CLEAR FLOAT ELEMENTS
	- IMAGE ALIGNMENT & STYLING;
  - CUSTOM MESSAGE STYLING
  - LINE DIVIDER
  - BUTTON 
	   
- HEADER
	- LOGO	
	- MENU CONTAINER
		
- SLIDESHOW
	- CONTAINERS
	- SLIDESHOW STYLING
	   - TEXT STYLING
	   - IMAGE STYLING
	
- HOMEPAGE
	- TAG BAR
	- CONTAINER
	- SERVICES LIST
	- TESTIMONIAL LIST
	- 3 COLUMNS FEATURE BOX
	- LATEST PORTFOLIO
	
- FOOTER
	- FOOTER BOX STYLING
	- ABOUT TEXT
	- SOCIAL LINKS
  - COPYRIGHT

- SIDEBAR
  - LATEST BLOG
  - LATEST PORTFOLIO
  - TESTIMONIAL
  - STAFF LIST
  - SEARCH AND NEWSLETTER BOX 
    
- PAGE
  - PAGE CONTAINER 
  - MAIN CONTENT
  - ITEM LIST
  - ARROW LIST
  - CHECK LIST
    
- SERVICES PAGE

- CONTACT PAGE

- PORTFOLIO PAGE
  - PORTFOLIO 1 STYLING
  - PORTFOLIO 2 STYLING
  - PORTFOLIO 3 STYLING
  - PORTFOLIO 4 STYLING
  
- BLOG PAGE
	- BLOG STYLING
	- META POST STYLING
	- PAGINATION
	- COMMENTS
- FAQ PAGE

*/

/* Import CSS Reset File */
@import url("reset.css");
/* Import Drop down Menu Styling File */
@import url("jqueryslidemenu.css"); 

/* ----------------------- GENERAL LAYOUT -----------------------*/
body {
  background : #FCFCFC;
  font: 62.5% Arial, Helvetica, sans-serif;
}

/* Containers */
#wrapper {
  background: #ffffff;
}
.wrapper {
  margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.page {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.wrapper .page {
	width: 940px;
}

/* Heading */

h6{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h5{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h4{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h3{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h2{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h1{
	font-weight:normal;
	color:#5a5a5a;
	text-transform: capitalize;
}

h1{
	font-size:36px; 
	line-height:36px; 
	margin-bottom:15px;
}
h2{
	font-size:30px; 
	line-height:30px; 
	margin-bottom:15px;
}
h3{
	font-size:24px; 
	margin-bottom:15px;
}
h4{
	font-size:18px; 
	line-height:16px; 
	margin-bottom:8px;
}
h5{
	font-size:14px; 
	margin:3px 0px; 
	padding:0px;
}
h6{
	font-size:12px; 
	margin:3px 0px; 
	padding:0px;
	letter-spacing: 1px;
}
/* links */
a:visited {
  color:#0091c0; 
  text-decoration:none;
}
a:link {
  color:#0091c0; 
  text-decoration:none;
}
a {
  color:#0091c0; 
  text-decoration:none;
}
a:hover{
  color:#353535;
}
img {
  border:none
}

a img {
  border:none
}

/* paragraphs,blockquote,code */
p {
  font-size:1.2em;
  line-height:1.6em;
  margin-bottom:1.5em;
  color:#8f8f8f;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.alignleft {
  float: left;
  margin: 5px 15px 5px 0;
}
.alignleft img {
  float: left;
  margin: 5px 15px 5px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 15px;
}
.aligncenter {
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 15px;
  display: block; 
}
/* Big Button */
.bigbutton {
  float: left;
  margin: 0px 10px 10px 0;
  cursor: pointer;
  color: #8f8f8f;
  font-size: 1.8em;
  line-height: 50px;
  height: 50px;
  background: url("/ar/EngDept/FacultyTemp/bigbutton-right.png") no-repeat 100% 0;
  display: inline-block;
  font-family:Georgia, "Times New Roman", Times, serif;
  
}
.bigbutton span {
  text-align: center;
  margin-right: 21px;
  padding: 0 8px 0 28px;
  background: url("/ar/EngDept/FacultyTemp/bigbutton-left.png") no-repeat;
  display: inline-block;
  height: 50px;
  float: left;
}
.bigbutton:hover {
  background-position: 100% -50px;
}
.bigbutton:hover span {
  background-position: 0 -50px;
}
a.bigbutton{
  color: #8f8f8f;
}
a.bigbutton:hover{
  color: #858585;
}
/*  Highlight Styles */

/* Menu Container */
#myslidemenu {
  float: right;
  width: 700px;
}
/* ----------------------- SLIDESHOW LAYOUT -----------------------*/
/* Slideshow Section */
#slidecontainer {
  height: 372px;
  width: 100%;
  background: url("/ar/EngDept/FacultyTemp/slide-container.jpg") top left repeat-x;
}
/* ----------------------- HOMEPAGE LAYOUT -----------------------*/
/* Tag Bar block */
/* Container */
.homepage-wrapper {
  padding: 20px 30px;
  width: 930px;
  margin: 0 auto;
  border-left:  1px solid #F3F3F3;
  border-right:  1px solid #F3F3F3;
  border-bottom:  1px solid #F3F3F3;
  background: #ffffff url("/ar/EngDept/FacultyTemp/wrapper.jpg") top left repeat-x;
}
.maincontent {
  width: 580px;
  float: left; 
  margin-right: 20px; 
}
/* Columns */
/* Sidebar */
.sidebar-left{
  width: 270px;
  padding-left: 30px;
  float: left; 
  background: url("/ar/EngDept/FacultyTemp/sidebar-divider.jpg") top left repeat-y;
}
.sidebar{
  width: 270px;
  padding-right: 30px;
  float: right; 
  background: url("/ar/EngDept/FacultyTemp/sidebar-divider.jpg") top right repeat-y;
}

/* 3 columnS Homepage features block */
ul#featuresbox {
  margin: 5px 0 0 0;
  padding: 0;
}
ul#featuresbox li {
  width: 185px;
  float: right;
  margin-left: 12px;
  display: inline;
}
ul#featuresbox li p {
  margin-bottom: 5px; 
}
ul#featuresbox li.last {
  margin-right: 0;
} 
ul#featuresbox li h4 {
  margin: 5px 0 15px 0;
}
ul#featuresbox li img {
  margin: 0 0 0 10px;
}

#maincontent {
  margin-left: 30px;
  float: right;
  width: 600px;
}
/* Item List */
.itemlist {
  margin-bottom: 20px;
}
.itemlist li {
  font-size: 1.3em;
  margin: 8px 0 ;
  
  padding-bottom: 2px;
  padding-right: 20px;  
  background: url("/ar/EngDept/FacultyTemp/bullet1.png") ;
  background-repeat: no-repeat; background-position: right;
  color: #8f8f8f;
  text-align:right;
 
 /* border-bottom: 1px solid #eee;*/
}