Update web site design

Author: aneshlya

css/style.css

@@ -5,16 +5,51 @@
 /* Designed By: Santhosh                                       */
 /* Homepage: www.themebin.com                                  */
 /*-------------------------------------------------------------*/
+@font-face {
+	font-family: "Intel Clear";
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_Rg.eot");
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_Rg.eot?#iefix") format('embedded-opentype'), /* IE6-8 */
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_Rg.woff") format('woff'),
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_Rg.ttf") format('truetype'); /* Safari, Android, iOS */
+  }
+
+  @font-face {
+	font-family: "Intel Clear";
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_Bd.eot");
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_Bd.eot?#iefix") format('embedded-opentype'), /* IE6-8 */
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_Bd.woff") format('woff'),
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_Bd.ttf") format('truetype'); /* Safari, Android, iOS */
+	font-weight: bold;
+  }
+
+  @font-face {
+	font-family: "Intel Clear";
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_It.eot");
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_It.eot?#iefix") format('embedded-opentype'), /* IE6-8 */
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_It.woff") format('woff'),
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_It.ttf") format('truetype'); /* Safari, Android, iOS */
+	font-style: italic;
+  }
+
+  @font-face {
+	font-family: "Intel Clear";
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_BdIt.eot");
+	src: url("../fonts/IntelClearLatn/IntelClear_WLat_BdIt.eot?#iefix") format('embedded-opentype'), /* IE6-8 */
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_BdIt.woff") format('woff'),
+		 url("../fonts/IntelClearLatn/IntelClear_WLat_BdIt.ttf") format('truetype'); /* Safari, Android, iOS */
+	font-style: italic;
+	font-weight: bold;
+  }
 
 body {
-	font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
+	font: 85%/150% "Intel Clear", sans-serif;
 	color: #000;
-	background: #ffffff;
+	background-color: #E9E9E9;
 	text-align: justify;
 	margin: 0;
 }
-/* HTML */
 
+/* HTML */
 h1 {
 	margin: 0;
 }
@@ -27,13 +62,16 @@ h3 {
 	color: #000;
 }
 a {
-	color:#000;
-}
+	color: #0068B5;
+	text-decoration: none;
+  }
+
 a:hover {
-	color:#551A8B;
+	color: #00285A;
+	text-decoration: none;
 }
-/* Wrap */
 
+/* Wrap */
 #wrap {
 	width: 1000px;
 	margin: 0 auto;
@@ -44,18 +82,19 @@ a:hover {
 	width: 990px;
 	margin: 0 auto;
 }
-/* Header */
 
+/* Header */
 #header {
 	height: 100px;
-	background: #006ac8;
+	background: #0068B5;
 	margin-top: 5px;
 	border-bottom: solid 1px #ffffff;
 	position: relative;
 	color: #fff;
+	border-radius: 2px;
 }
 #logo {
-	font-size: 30px;
+	font-size: 32px;
 	color: #fff;
 	padding-left: 20px;
 	padding-top: 30px;
@@ -69,20 +108,23 @@ a:hover {
 	margin-left: 20px;
 	width: 600px;
 }
-/* Navbar */
 
+/* Navbar */
 #nav {
 	height: 30px;
-	background: #006ac8;
+	background: #0068B5;
 	position: relative;
+	border-radius: 2px;
 }
+
 #nbar {
 	position: relative;
 	width: auto;
 	height: 30px;
 	margin: 0;
 	padding : 0 0 0 0;
 	font: bold 12px/25px Verdana, Arial, Tahoma, Sans-serif;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 #nbar ul {
 	float: left;
@@ -108,29 +150,31 @@ a:hover {
 	color: #fff;
 }
 #content-wrap {
-	margin-top: 5px;
+	margin-top: 10px;
 }
-/* Content */
 
+/* Content */
 #content {
 	width: 670px;
-	padding: 20px 5px 5px 5px;
+	padding: 5px 5px 5px 5px;
 }
 #content h1 {
 	font-size: 18px;
-	color: #006ac8;
+	color: #0068B5;
 	border-bottom: dotted 1px #ccc;
 }
+.section {
+	margin-top: 20px;
+}
 
 /* document (rst generates this...) */
-
 #document {
 	width: 630px;
 	padding: 20px 5px 5px 5px;
 }
 #document h1 {
 	font-size: 18px;
-	color: #006ac8;
+	color: #0068B5;
 	border-bottom: dotted 1px #ccc;
 }
 
@@ -163,36 +207,36 @@ a:hover {
 	padding-bottom: 5px;
 	background: url(more.png) no-repeat;
 }
-/* Sidebar */
 
+/* Sidebar */
 #sidebar {
 	width: 270px;
 	float: right;
 	padding: 5px 5px 5px 5px;
-	border-left: solid 1px #CCCCCC;
-	border-bottom: dotted 1px #CCCCCC;
 }
 #sidebar ul.menu {
 	list-style: none;
 	text-decoration: none;
-	margin : 3px 0 2px 0;
+	margin : 5px 0 2px 0;
 	padding: 0;
 }
 #sidebar ul.menu li {
 	background:url(bullet.png) no-repeat;
-	padding : 2px 0 0px 15px;
+	padding : 5px 0 0px 30px;
 	margin : 0 2px;
 }
 #sidebar ul.menu a {
 	text-decoration : none;
 	background-image : none;
+	font-size: 105%;
 }
 #sidebar ul.menu a:hover {
-	color:#551A8B;
+	color:#00285A;
 }
 #sidebar h1 {
-	font-size: 14px;
+	font-size: 18px;
 	color: #34689C;
+	padding: 0 0 0 20px;
 }
 #left_sidebar {
 	width: 160px;
@@ -208,8 +252,8 @@ a:hover {
 /*	border-bottom: solid 1px #D9D9D9;*/
 	margin-bottom: 5px;
 }
-/* Addition Stuffs */
 
+/* Addition Stuffs */
 blockquote {
 	background: #F2F2F2 url(quote.png) no-repeat left top;
 	border-left: solid 5px #D7D7D7;
@@ -221,19 +265,21 @@ code {
 	text-align : left;
 	display : block;
 	overflow : auto;
-	font : 1.1em/1.5em 'Lucida Console', 'courier new', monospace;
+	font : 0.95em/1.5em 'Lucida Console', 'courier new', monospace;
 	background: #f8f4f1;
-	border : 1px dashed #D7C3C3;
+	border-radius: 2px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 pre {
 	margin : 4px 8px;
 	padding : 8px;
 	text-align : left;
 	display : block;
 	overflow : auto;
-	font : 1.1em/1.5em 'Lucida Console', 'courier new', monospace;
+	font : 0.95em/1.5em 'Lucida Console', 'courier new', monospace;
 	background: #f8f4f1;
-	border : 1px dashed #D7C3C3;
+	border-radius: 2px;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 ul, ol {
 	margin: 5px 20px;
@@ -245,32 +291,11 @@ ul span, ol span {
 }
 
 tt {
-	font : 1.1em/1.5em 'Lucida Console', 'courier new', monospace;
+	font : 1.0em/1.5em 'Lucida Console', 'courier new', monospace;
+	word-wrap: break-word;
 }
 
-
-/* Ads CSS */
-
-#side_ad {
-	width: 300px;
-	height: 250px;
-	margin: 0 auto;
-	background: #F8F8F8;
-}
-#side_sky_ad {
-	width: 160px;
-	height: 600px;
-	margin: 0 auto;
-	background: #F8F8F8;
-}
-#banner_ad {
-	width: 468px;
-	height: 60px;
-	margin: 0 auto;
-	background: #F8F8F8;
-}
 /* Images */
-
 img {
 	border: none;
 	background: #EBEBEB;
@@ -283,8 +308,8 @@ img.float-left {
 	margin : 5px 10px 10px 0;
 	padding: 2px;
 }
-/* Forms and Text Fields */
 
+/* Forms and Text Fields */
 form {
 	margin : 10px;
 	padding : 0 5px;
@@ -324,16 +349,18 @@ input.button {
 	background : #fff;
 	color : #131212;
 }
-/* Footer */
 
+/* Footer */
 #footer {
 	height: 30px;
 	padding-top: 5px;
 	margin: 0;
 	text-align: center;
 	border-top: solid 2px #6699CC;
-	background: #006ac8;
+	background: #0068B5;
 	color: #fff;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+	border-radius: 2px;
 }
 #footer a {
 	color:#fff;
@@ -344,4 +371,4 @@ input.button {
 .clearfix {
 	clear:both;
 	overflow: hidden
-}
+}