/*

Theme Name: Web Developer Blog

Theme URI: http://www.gauravjassal.com

Description: This is my personal wordpress blog. I am migrating from Expression Engine blog to Word Press 2.7

Author: Gaurav Jassal

Tags: black,maroon,dark gary

*/



body {

    color: #333333;

    margin: 0;

    padding: 0 0 10px 0;

    position: relative;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    background:url(images/goodwood.jpg) center top #060606;

    

}





html a {

    font-weight: bold;

    color: #b81322;

    

}



html a:visited {

    font-weight: bold;

    color: #b81322;

    

}

html a:active {

    font-weight: bold;

    color: #444444;

    

}



html a:hover {

    color: #000000;

    

}





.clearboth {

    clear: both;

    overflow: visible;

    height: 0px;

    line-height: 0px;

    font-size: 0em;

    margin: 0;

    padding: 0;

    width: 100%;

    

}







/* BEGIN UBIQUITOUS STYLES */

#logos {

	margin:0 auto;

	padding:10px 0 0;

	padding-top:-1;

	text-align:right;

	width:960px;

}

#outerwrapper {

    margin: 10px auto 0px auto;

    padding: 0px;

    width: 960px;

    position: relative;

    text-align: left !important;

    z-index: 1;

    background: #FFFFFF;

    

    border-color:#333;

    

    border-style: solid;

    

    border-width: 5px;

}

a.linkTitle{

	text-decoration: none;

	color: #111111;

	font-size: 16px;

	font-weight: bold;

}

a.linkTitle:hover{

	text-decoration: none;

	color: #B81322;

	font-size: 16px;

	font-weight: bold;

}

a.linkTitle:active{

	text-decoration: underline;

	color: #B81322;

	font-size: 16px;

	font-weight: bold;

}

a.linkTitle:visited{

	text-decoration: none;

	color: #111111;

	font-size: 16px;

	font-weight: bold;

}

#outerwrapper:after {

    content: ".";

    display: block;

    height: 0;

    clear: left;

    visibility: hidden;

    margin: 0;

    padding: 0;

    font-size: 0px;

    line-height: 0px;

    

}



/* EasySlider */

.details {float: left; margin: 5px 20px 0 0; display: inline; padding: 0; width: 170px;  font-size: 1em; color: #727272; }

.details p{

	color: #444;

}

	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider, #slider li{ 

		/* 

			define width and height of container element and list item (slide)

			list items must be the same size as the slider area

		*/ 

		width:575px;

		height:205px;

		overflow:hidden; 

		}

	span#prevBtn{

		font-size: 12px;

		color: #000;

	}

	span#nextBtn{

		font-size: 12px;

		color: #000;	

	}

/* Hides from IE-mac \*/ *html #outerwrapper {

    height: 1%;

    

}

/* End hide from IE-mac */



.larger {

    font-size: 1.2em;

    

}



.featured {

    margin-top: -5px;

    

}



.featured a img {

    border: 1px solid #cecece;

    padding: 3px;

    margin-top: 12px;

    

}



.featured a:hover img {

    border: 1px solid #cd8200;

    

}







#utility {

    position: absolute;

    top: 0px;

    border-top: 4px solid #b81322;

    right: 40px;

    color: #999999;

    font-size: .7em;

    width: 275px;

    /*text-transform: uppercase;*/

    z-index: 1000;

    

}



#utility p {

    padding: 10px 15px;

    margin: 0;

    text-align: left;

    width: 245px;

    

}



#utility a {

    color: #999999;

    text-decoration: none;

    float: right;

    text-align: right;

    

}



#utility a:hover {

    color: #cd8200 !important;

    text-decoration: underline;

    

}





.mainlogo {

    position: relative;

    padding: 50px 0px 0px 40px;

    margin: 0;

    

}



.mainlogo img {

    padding: 0;

    margin: 0;

    

}



h3 {

    font-family:Arial, Helvetica, sans-serif;

    color: #333;

    font-size: 29px;

    font-weight: normal;

    margin: 0;

    position: relative;

    top: -4px;

    

}



h1, h5 {

    color: #000000;

    line-height: 1.1em;

    letter-spacing: -2px;

    font-size: 2.0em;

    

}



h5 {

    font-family:"Arial Black", Arial, Helvetica, sans-serif;

    color: #b81322 !important;

    font-weight: normal !important;

    margin: 30px 0 35px 0;

    padding: 0;

    

}



.homeleft {

    width: 570px;

    float: left;

    display: inline;

    clear: left;

    margin-left: 40px;

    margin-bottom: 40px;

    

}



.homeleft h1 {

    margin-top: 46px;

    margin-bottom: 0px;

    

}



.homeleft p {

    font-size: .75em;

    margin: 0;

    padding: 0 0 15px 0;

    line-height: 1.5em;

    

}



h2, h4 {

    color: #c3c3c3;

    font-size: 1.5em;

    font-weight: 100;

    letter-spacing: -1px;

    margin: 20px 0px 10px 0px !important;

    

}



h2.services {

    color: #727272 !important;

    border-bottom: 1px solid #727272;

    

}





.homeright {

    width: 275px;

    float: right;

    clear: right;

    display: inline;

    margin: 0px 40px 13px 0;

    padding: 0;

    

}



.homeright a {

    font-size: .75em;

    

}



.homeright ul {

    margin: 0 0 0px 0;

    padding: 0 0 15px 0;

    list-style-type: none;

    font-size: .9em;

    

}



.homeright li {

    margin: 10px 0 0 0;

    padding: 0 0 0 13px;

    background: url(images/plus.gif) left 7px no-repeat;

    

}





#lowerwrapper {

    background: #151515;

    margin: 30px auto 0px auto;

    text-align: left;

    border: 5px solid #444444;

    width: 960px;

    color: #c0c0c0;

    font-size: .7em;

    

}



#lowerwrapper p {

    margin: 20px;

    

}



h6 {

    font-size: .7em;

    padding: 0;

    color: #999;

    font-weight: normal;

    margin: 2px 0 0 17px;

    position: relative;

    top: -4px;

    

}



.recent_title{

	padding: 0px 0px 10px 0px;

}

#my_profile{

	font-size: 1.4em;

}

#lowerwrapper a:hover {

    color: #FFFFFF;

    

}



#lowerwrapper a:visited {

    color: #CCCCCC;

    

}





.address {

    font-size: 11px !important;

    color: #787878;

    line-height: 1.4em;

    

}



.address h4 {

    color: #c3c3c3;

    font-size: 2.2em;

    position: relative;

    left: -2px;

    

}



.address a {

    text-decoration: none;

    font-weight: bold !important;

    font-size: 1em;

    color: #787878 !important;

    

}





.flags {

   
    

}



.flags img {

    border: 0;

    padding: 0;

    

}





form {

    margin:0px 0px;

    border-top: 2px solid #b81322;

    position: relative;

    padding:20px 0px 0px 0px

}



form h1 {

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 10px;

    margin-bottom: 20px;

    

}

#commentform input{

   width:211px;
	height:25px;

   border:1px solid #D2D2D2;
padding:1px 1px 0px 2px;



}

form label {

    margin: 0px 0px 20px 0px;

    padding: 5px;

    font-size: 1.2em;

    

}






.right {

    margin-left: 20px;

    

}






textarea {

   
    border: 1px solid #d2d2d2;

    padding: 4px;

    font-size: 1em;
line-height:18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
width:550px;
    

}



input#submit {

    border: 2px solid #d2d2d2;

    padding: 5px 30px;

    background: #b13222;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 1.1em;

    color: #FFFFFF;

   height:38px;
    

}



a.cancel {

    font-family: Arial, Helvetica, sans-serif;

    font-size: .7em !important;

    color: #999999 !important;

    text-decoration: none !important;

    position: absolute !important;

    top: 10px !important;

    right: 0px !important;

    font-weight: normal !important;

    

}



a.cancel:hover {

    color: #cd8200 !important;

    text-decoration: underline !important;

    

}

/* Blog CSS */



.bloglist{

	padding: 5px 0px 10px 0px;

}
.bloglist ul{margin-top:7px}
.bloglist ul li{font-size:.8em;line-height:20px;}
a.bloglink{

	color: #333333;

	text-decoration: none;

	padding: 2px 5px 2px 2px;

	font-size: 1.5em;

}

a.bloglink:hover{

	color: #FFFFFF;

	text-decoration: none;

	background-color: #333333;

}

.bloglist p{

	line-height: 19px;

	text-align:left;

}

.shortinfo{

	padding: 3px 0px 10px 0px;

	color: #A5A5A5;

	font-size: .60em;

	font-weight: normal;

}

.shortinfo a{

	font-weight: normal;

	text-decoration: underline;

}

.bloglist a.blog-read-more{

	font-size: .75em;

	color: #B81322;

	padding: 5px;

}

a.read-more:hover{

	font-size: .75em;

	color: #FFFFFF;

	background-color:#B81322;

}

a.read-more{

	font-size: .75em;

	color: #B81322;

	padding: 5px;

}

.bloglist a.blog-read-more:hover{

	font-size: .75em;

	color: #FFFFFF;

	background-color:#B81322;

}

.right-align{

	text-align: right;

}

a.sidebar-title{

	color: #B81322;

	font-weight: bold;

}
h3#comments{
	font-size:1.2em;
font-weight:bold;
}
.comment-author{
margin-bottom:4px;
}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:.75em; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.gallery
{
	margin-left: 15px;
	width: 278px;
	height: 244px;
	border: 3px solid #C3C3C3;
	position: relative;
	overflow: hidden;
}
.image_container{position: absolute; z-index: 1;}
.image_container img
	{
		display: block;
		position: relative; 
		float: left;
		margin-right: 0px;
	}			
	
/* Not Necessary for tut*/
a.next{position: absolute; z-index: 20; left: 217px; top: 100px; text-indent: -9999px; overflow: hidden; background: url(http://gauravjassal.com/images/sprite_home.png) -16px -16px no-repeat; width: 61px; height: 42px; display: block;}
a.prev{position: absolute; z-index: 20; left: -3px; top: 100px; text-indent: -9999px; overflow: hidden; background: url(http://gauravjassal.com/images/sprite_home.png) -78px -16px no-repeat; width: 61px; height: 42px; display: block;}
a.next:hover{background-position: -16px -59px;}
a.prev:hover{background-position: -78px -59px;}

#hrNav {
height:24px;
position:absolute;
right:0;
text-align:right;
top:42px;
}

#hrNav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:15px 32px 0 0;
}

#hrNav ul li {
display:inline;
}
#hrNav ul li a {
-x-system-font:none;
color:#333333;
font-family:'arial black',arial,helvetica,verdana;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:-0.8pt;
line-height:normal;
margin:0 0 0 15px;
text-decoration:none;
text-transform:uppercase;
}
#hrNav ul li a:hover {
color:#C3C3C3;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#B81322;
}

.RSS {
	padding: 0px 27px 0px 0px;
	background: url(http://gauravjassal.com/images/rss.jpg) top right no-repeat;
}
/* ---------- AUTHOR BOX ------------------*/
#authorbox{
    background:#EFEFEF;
    border:1px solid #CECFD0;
    width:638px;
    margin:0 auto;
    margin-bottom:10px;
    overflow:hidden;
}
    #authorbox h4{
        font-size:16px;
        color:#191919;
        margin:0;
        padding:10px 10px 5px 10px;
    }
.authortext{
        padding-left:100px;
    }
#authorbox img{
        margin:0;
        padding:10px;
        float:left;
    }
    #authorbox p{
        color:#191919;
        margin:0;
        padding:0px 10px 10px 10px;
    }
 #authorbox h4 > a{
        text-decoration:none;
    }
#authorbox p{
        color:#191919;
    }