/*
Theme Name: Dalip's Personal Theme
Theme URI: http://ephexonline.com
Description: A theme developed by Ephex Online for Dalip Jaggi's personal website. This theme carries a custom design and code that may not be used by anyone else without Dalip Jaggi's consent.
Author: Ephex Online
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: dalip, dalip jaggi, ephex, ephex online, iamephex, wordpress, development, personal, resume, blog, contact, portfolio, ephex development
*/

body {
margin: 0 auto;
background-color:#f0f0f0;
font-family:Arial;
font-size:12px;
color:#626c72;
}

a {outline:none;} img {border:0px;}
.clear {clear:both;} 

.left {float:left;} .right {float:right;} .center {text-align:center;}
.space {width:5px;height:15px;clear:both;}

#bodybg {overflow:hidden;background-color:#FFF;border-bottom:1px solid #CCC;}
#wrap {width:900px;margin: 0 auto;overflow:hidden;}
.wrap {width:900px;overflow:hidden;margin: 0 auto;padding-top:30px;padding-bottom:20px;font-family:Oswald;font-size:12px;}
.wrap .right {text-transform:uppercase;font-style:italic;}

.b {width:900px;height:100px;padding-top:39px;overflow:hidden;}
.b ul {margin:0px;padding:0px;margin-top:15px;}
.b ul li {display:inline;padding:7px;font-size:16px;}
.b ul li a {color:#b9b9b9;text-decoration:none}
.b ul li a:hover {color:#FFF;text-decoration:none;}
.b ul li:hover {background-color:#48d2ff;}
.b ul li:hover a {color:#FFF;text-decoration:none;}

.blueline {width:900px;height:1px;background-color:#cff2ff;}
.grayline {width:900px;height:1px;background-color:#e3e3e3;}

.social1 {width:32px;height:32px;background-image:url(sources/social1-small.png);float:left;}
.social1:hover {background-image:url(sources/social1.png);}
.social2 {width:32px;height:32px;background-image:url(sources/social2-small.png);float:left;margin-left:5px;}
.social2:hover {background-image:url(sources/social2.png);}
.social3 {width:32px;height:32px;background-image:url(sources/social3-small.png);float:left;margin-left:5px;}
.social3:hover {background-image:url(sources/social3.png);}
.social4 {width:32px;height:32px;background-image:url(sources/social4-small.png);float:left;margin-left:5px;}
.social4:hover {background-image:url(sources/social4.png);}
.social5 {width:32px;height:32px;background-image:url(sources/social5-small.png);float:left;margin-left:5px;}
.social5:hover {background-image:url(sources/social5.png);}

.social {width:200px;margin: 0 auto;overflow:hidden;}

.top_tagline {width:900px;font-size:40px;text-transform:uppercase;font-family:Oswald;font-weight:300;line-height:43px;}

.tagline {width:880px;height:193px;background-image:url(sources/taglinebg.png);padding:10px;font-family:Oswald;font-weight:300;}
.tagline .big {font-size:38px;text-transform:uppercase;color:#7f7f7f;line-height:45px;}
.tagline .big b {color:#565656;}
.tagline .content {padding-top:20px;font-size:15px;}
.tagline .content a {color:#009fd3;text-decoration:none;}
.tagline .content a:hover {color:#0788b2;text-decoration:none;}

.social_title {font-family:Oswald;font-weight:bold;font-size:16px;}

.blog_box {width:250px;height:260px;overflow:hidden;float:left;padding-right:50px;margin-top:20px;font-size:13px;color:#838e93;font-family:Oswald;font-weight:300;}
.blog_box .title {color:#009fd3;text-decoration:none;font-size:19px;font-family:Oswald;font-weight:300;padding-bottom:5px;}
.blog_box .title a {color:#009fd3;text-decoration:none;}
.blog_box .title a:hover {color:#0788b2;text-decoration:none;}
.readmore {width:127px;height:32px;float:left;background-image:url(sources/readmore.png);margin-top:15px;}
.readmore:hover {background-image:url(sources/readmore_hover.png);}

.leftbox {width:250px;float:left;overflow:hidden;font-size:23px;text-transform:uppercase;font-family:Nunito;font-weight:300;line-height:23px;}

.rightbox {width:650px;float:right;overflow:hidden;font-size:14px;font-family:Nunito;font-weight:300;padding-top:5px;}
.rightbox .title {font-size:19px;color:#000;font-family:Oswald;padding-bottom:1px;}
.rightbox .position {font-size:12px;color:#FFF;background-color:#42c5f0;padding:3px;max-width:300px;min-width:10px;}
.rightbox .content {padding-top:10px;color:#000;font-family:Nunito;font-size:13px;}
.rightbox a {color:#0788b2;text-decoration:none;}
.rightbox a:hover {color:#0788b2;border-bottom:1px dashed #0788b2;text-decoration:none;}

.blog_title {font-size:29px;color:#000;font-family:Oswald;padding-bottom:1px;font-weight:100;}
.blog_position {font-size:12px;color:#FFF;background-color:#42c5f0;padding:3px;max-width:300px;min-width:10px;}
.blog_position a {color:#FFF;text-decoration:none;}
.blog_position a:hover {color:#f2f2f2;text-decoration:none;border-bottom:1px solid #f2f2f2;}
.blog_content {padding-top:10px;color:#000;font-family:Nunito;font-size:13px;font-weight:300;}
.blog_content a {color:#0788b2;text-decoration:none;}
.blog_content a:hover {color:#0788b2;border-bottom:1px dashed #0788b2;text-decoration:none;}

.input {width:217px;height:25px;background-color:#cfcdcd;border:0px;float:left;font-family:Arial;font-size:12px;color:#363333;line-height:25px;padding-left:5px;}
.label {width:40px;float:left;line-height:25px;font-family:Oswald;}
.label2 {width:50px;float:left;line-height:25px;padding-left:50px;font-family:Oswald;}
.label3 {width:40px;float:left;line-height:25px;padding-left:50px;font-family:Oswald;}
.label4 {width:80px;float:left;padding-left:0px;font-family:Oswald;}
.textarea {width:450px;height:100px;background-color:#cfcdcd;border:0px;float:left;padding:5px;font-family:Arial;font-size:12px;color:#363333;}

.button_comment {width:127px;height:32px;background-image:url(sources/button_comment.png);float:right;border:0px;background-color:transparent;margin-top:70px;}
.button_comment:hover {background-image:url(sources/button_comment_hover.png);}