@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body, div, span, applet, h4, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
outline:0 none;
padding:0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666 url(images/bg.jpg) repeat-y top center fixed;*/
	background-color:#181818;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

ul {list-style:none;}
img{border:none;}
a {outline:none;color:#6F6F6F;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active {
     position: relative;
     top: 1px;
}

/*change selection color*/
::selection {
     background: #FFDC7F;
}

::-moz-selection {
     background: #FFDC7F;
}

 #container {
	width: 950px;
	margin: 0 auto; 
	text-align: left;
}
#mainheader {background-color:#1c1f22;}
#mainheader a:active{position:static;top:inherit;}
#logo {
	text-transform: uppercase;
	padding: 20px 0 0 120px;
	background: url(/images/rnglogo.png) no-repeat;
	background-position: 15px 15px;
	height: 74px;
	margin: 0 0 10px 0;
	float: left;
	width: 300px;
}

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

#logo h1 {
	font-size: 32px;
	font-family:"DroidSansBold", "Helvetica", "Arial", sans-serif;
	margin: 0 0 2px 0px;
}

#logo span {
	font-size: 1em;
	font-family:"DroidSansRegular", "Helvetica", "Arial", sans-serif;
	color: #fdbc15;
}

 #header {
	height:80px;
}
 
 /*Begin Navitems*/
#header #nav {width:730px;float:left;font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;}
 
 #header #nav ul.nav{
	list-style:none;
	margin:0;
}
/* fix IE6 and IE7 (for IE7 only use *+html 
* html #header #nav ul.nav {margin-left:40px;}
*+html #header #nav ul.nav {margin-left:40px;}
* html #header #nav ul.nav li a {padding: 10px 0 15px 0;}
* html #mainContent2 #content-right ul {padding-left:0;}
*+html #mainContent2 #content-right ul {padding-left:0;}*/

#header #nav ul.nav li{float:left;width:135px;display:inline;}
#header #nav ul.nav li a{display:block;padding:10px 0 0 20px;font-size:16px;font-weight:bold;color:#fdbc15;border:none;text-shadow:1px 1.2px 1px rgba(0, 0, 0, 0.4);}
#header #nav ul.nav li a:hover{
	color:#fff; text-decoration:none;);
}

#header #nav ul.nav li a:active{position:static;top:inherit;}
#header #nav ul.nav li a span {color:#909799; font-weight:normal; font-size:11px; margin:0; padding:0;}
#header #nav ul.nav li a:hover span {color:#fff;}

#home #header #nav ul.nav li.home a,
#about #header #nav ul.nav li.about a,
#portfolio #header #nav ul.nav li.portfolio a,
#blog #header #nav ul.nav li.blog a,
#contact #header #nav ul.nav li.contact a {color:#fff;}

#home #header #nav ul.nav li.home a span,
#about #header #nav ul.nav li.about a span,
#portfolio #header #nav ul.nav li.portfolio a span,
#blog #header #nav ul.nav li.blog a span,
#contact #header #nav ul.nav li.contact a span {color:#fff;}

#socialtop {float:left;padding-top:8px;}
a.social {display:block; background:url(images/social-sprite.png) no-repeat; height:35px; width:35px; text-indent:-8000px;float:left;margin: 0 0 0 10px;}

a.twitter {
	background-position: 0 0;
}
a.linkedin {
	background-position: -35px 0;
}

a.rss {
	background-position: -105px 0;
}
a.twitter:hover {
	background-position: 0 -35px;
	
}
a.linkedin:hover {
	background-position: -35px -35px;
	
}
a.rss:hover {
	background-position: -105px -35px;
	
}

/*
	Slideshow
*/

#slides {
padding: 35px 0 0 0;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:590px;
	overflow:hidden;
	position:relative;
	display:none;
	border:#EBEBEB solid 5px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:590px;
	height:216px;
	display:block;

}
.slides_container div.slide:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.slides_container a img {
	display:block;
}

/*
	Pagination
*/

.pagination {
	margin:8px 0 0 0;
	float:right;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	position:static;top:inherit;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:10px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:600px;
	font-size:12px;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
}

	
/*
Slideshow Ends
*/

	
 #mainContent2 {
	width:950px;
	height:auto;
	min-height:309px;
	background: #fff;
	margin-top:-15px;
	padding-top:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}



.clearfloat {clear:both;height:1px;}

/* Main Content */
#content-area {padding-left:20px;padding-right:20px;font-size:12px; line-height:20px;}

#content-left {width:600px;float:left;color:#494040;line-spacing:5px;}

#content-left p {padding-bottom:12px;}

#content-left h2 {
color:#6F6F6F;
font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
font-size:20px;
line-height:28px;
margin-bottom:0;
padding:5px 0 7px 0;
text-shadow:1px 1.2px 1px rgba(0, 0, 0, 0.3);
}

#content-left h2 a:hover {
color:#6F6F6F;
border-bottom:4px solid #FDBC15;
text-decoration:none;
}
#content-left h3 {font-family:"DroidSansRegular", "Helvetica", "Arial", sans-serif;font-size:20px;color:#6F6F6F; line-height:27px;border-left:10px solid #FDBC15; padding: 5px 0 7px 20px;}

#content-right{width:260px;border-left:2px solid #f4f0e7;height:auto;min-height:200px;padding-left:20px;float:right;font-size:11px;}

#content-right ul {padding-left:40px;text-transform:capitalize;}

#content-right li {border-top:solid #f4f0e7 2px;margin-left:-40px;padding:5px 0;color:#999999;text-transform:uppercase;}

#content-right li img {vertical-align:middle;padding-right:5px;}

#content-right .resume {background: url(/images/icon-document.png) scroll 0 8px no-repeat;padding-left:24px;}
#content-right .vcard {background: url(/images/icon-vcard.png) scroll 0 8px no-repeat;padding-left:24px;}
#content-right .gtalk {background: url(/images/icon-gtalk.png) scroll 0 8px no-repeat;padding-left:24px;}
#content-right .skype {background: url(/images/icon-skype.png) scroll 0 8px no-repeat;padding-left:24px;}

#content-right h3 {font-family:"DroidSansRegular", "Helvetica", "Arial", sans-serif;font-size:20px;color:#6F6F6F;border-left:10px solid #FDBC15; padding: 5px 0 7px 20px;text-transform:none;}
/* original content left 600px
original content right 280px */

/*Works Listing */
		
.boxgrid{ 
	width: 585px; 
	height: 200px; 
	margin:0px; 
	float:left; 
	background: url(images/spinner.gif) no-repeat center center; 
	border: solid 5px #ebebeb;
	overflow: hidden; 
	position: relative; 
			}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}
.boxgrid p{ 
	padding: 0 15px 0 15px; 
	color:#000; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	line-height:18px;
	}
.boxgrid .projecttype {color:#6F6F6F;font-style:italic;padding-top:12px;}	
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #fff; 
	height: 200px; 
	width: 100%; 
	top: 200px;
	opacity: .9; 
	padding:45px 0px 0px 0px;
	
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 			
.projtitle {position:absolute;left:-330px;top:15px;z-index:99;}

.projtitlebar {background:#FDBC15;width:300px;height:27px;padding:6px 10px 0px 15px;}

.projtitlebar h4 {font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;font-size:16px;color:#000;margin:0;padding:0;}

.projlauncher {position:absolute;right:-220px;top:140px;}
.launchpreview{display:block;background:url('/images/btn-launchpreview.png') no-repeat;width:80px;height:27px;padding:3px 10px 0px 25px;margin-bottom:5px;color:#fff;font-size:10pt;font-weight:700;}
.launchpreview:hover {text-decoration:none;}
.launchsite {clear:both;padding:0 0 0 30px;}

.wkslft {
	float:left;
	background: url(images/spinner.gif) no-repeat center center;
	}
.wkslft img {
	border:5px solid #ebebeb;
}
.wkslft img:hover {border-color: #FDBC15;
}
.wksrght {
	width: 380px;
	float: right;
	font-size: 12px;
	}
.subtext {
color:#6F6F6F;
line-height:9px;
font-style:italic;
padding-bottom: 12px;
}
.launcher {
padding: 20px 0px 0px 0px;
}
.line-breaker {
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc; 
	}

.clearer { clear: both; line-height: 0px; font-size: 0px; width: 0px; height: 0px; margin: 0px; padding:15px 0 0 0; }

.overviewThumbs {
padding: 0 0 12px 10px;

}

/* Begin Twitter CSS */
#twitter_div {width:100%;height:auto;height:250px;float:right;padding-top:50px;background:url(images/bottom-bkg_.jpg) bottom no-repeat;}
#twitterl {display:none;width:500px;height:auto;float:right;}
#twitterl a{color:#900;text-decoration:none;}
#twitterl  a:hover {text-decoration:underline;}
#twitterl ul.message { -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius: 4px; padding:15px;background-color:#fdbc15;border:1 #000;margin:0; font-size:11px;color:#33170D;}
#twitterl p { background:url("../../images/twittalk_stem.gif") no-repeat scroll 470px 0 transparent;margin:0;padding:5px 40px 0 0;text-align:right;font-weight:bold;font-size:11px; }
#twitterr {width:97px;float:right;padding-left:10px;padding-right:5px;}
/* End Twitter CSS */

/*Footer */
 #footer {
	border-top:5px solid #FDBC15;
	background:#1C1F22;
	width:950px;
	padding:25px 0 20px;
}
 #footer p {
	margin: 0;
	padding-left: 20px;
	color:#5A656F;
	font-size:12px;
}

#footer a {
font-size:16px;
padding: 0;
font-weight:bold;
}
#footer #ft-nav {float:left;padding:12px 0 0 0;width:765px;height:60px;}

#footer .footernav {
display:block;
padding:12px 0 40px 0;
width:765px;
float:left;
}
#footer .footernav ul {
padding: 0;
}
#footer .footernav li {
padding:0 0 0 20px;
margin:0;
display:inline;
}
#footer .footernav li a {
}
#footer .footernav li a:hover{
}

#footer .up a{
float:left;padding:12px 0 0 80px;background:url("/images/go-up.jpg") no-repeat scroll 20px 0 transparent;height:40px;display:block;width:105px;
}
#footer .up a:hover {background-position:20px -48px;color:#FDBC15;text-decoration:none;}
#footer #copyright {clear:both;}

/* Form Layout */
input, select, textarea {
background:none repeat scroll 0 0 #FFFFFF;border:solid 1px #ccc;color: #6f6f6f;font-size:14px;font-family:Arial, Helvetica, sans-serif;padding:6px;
}
input:focus, select:focus, textarea:focus {color:#000;}

input.commentButton, input.searchSubmit, input.btn {
background: transparent url(images/load-sprite.png) no-repeat;cursor: pointer;text-decoration:none;font-size: 12px;font-weight:bold;color: #6F6F6F;border:0;
	}
input.commentButton{
	height: 35px;width: 130px;padding-bottom: 8px;
}
input.commentButton:hover {
	background-position:-150px 0px;color:#fff;
}
input.searchSubmit {
	background-position:3px -36px;height:33px;width: 55px;padding-bottom: 8px;
}
input.searchSubmit:hover {
	background-position:-53px -36px;color:#fff;
}
input.btn {
	height: 35px;width: 130px;padding-bottom:8px;
}
input.btn:hover {background-position:-150px 0px;color: #fff;}

label.error {color:#6f6f6f;font-weight:normal;font-size:9px;}

/****************
advanced comment styles
****************/
 
.comment {border:1px solid #ccc;}
ol.commentlist{width:100%;} 
ol.commentlist,ol.commentlist ul,form#commentform{padding:0;}  
ol.commentlist ul{margin:0 0 0 20px;} 

li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none;} 
li.even{background:#fff;border-bottom:1px solid #ccc;} 
li.odd{background:#efefef;border-bottom:1px solid #ccc;} 
.authorcomment{background:#deebf9;} 

.vcard img{float:left;background:#c4c4c4;margin-right:10px;} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px;} 

.clear{clear:both;} 

.tag-links, .cat-links { border-bottom:1px solid #DDDDDD;color:#999999;text-transform:uppercase;}

.entry-meta {color:#000;text-transform:uppercase;padding-bottom:12px;}

a.more-link {font-weight:bold;font-size:14px;border-left:10px solid #FDBC15; padding: 5px 10px 7px 12px;background-color:#EFEFEF;}

a.more-link:hover {background-color:#1C1F22;color:#9F9F9F;}