/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Geneva, Tahome, Arial, Helvetica, sans-serif;
 font-size: 13px;
  background-image: url(images/RYME-bg-53a.jpg);
  background-repeat: no-repeat;
 background-attachment: fixed;
}

A:link {text-decoration: none; color: #DDA84E;}
A:visited {text-decoration: none; color: #DDA84E;}
A:active {text-decoration: none; color: #DDA84E;}
A:hover {text-decoration: none; color: #D78E42;}


h1	{
 font-family: Geneva, Tahome, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 color: #DDA84E;
}



#wrapper {
	margin: 0 auto;
	width: 800px;
	padding: 3px 1px 3px 3px;
	font-family: Geneva, Tahome, Arial, Helvetica, sans-serif;
}


#header {
 color: #DDA84E;
 width: 778px;
 float: left;
 padding: 10px 0px 10px 10px;
 border: 0px solid #ccc;
 height: 280px;
 margin: 0px 0px 0px 0px;
 background: url(images/RYME-Studios-header-7.png);
}



/*#icon { 
 width: 798px;
 height: 55px;
 clear: both;
 background: url(images/icon.png);
}*/




#navigation {
 float: left;
 width: 778px;
 height: 40px;
 color: #DDA84E;
 padding-top: 8px;
 padding-bottom: 7px;
 padding-left: 10px;
 padding-right: 10px;
 border: 0px solid #ccc;
 background: url(images/RS-NavBG.png);
/*
	
	opacity: 0.9; */
}	

	


/* start navigation menu properties*/
ul#navlist
{
margin-left: 0;
margin-right: 50px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
padding: 3px 5px;
float: right;
font-size: 17px;
font-weight: 400;
}

#navlist a:link, #navlist a:visited
{
color: #DDA84E;
/*background-color: #036;*/
text-decoration: none;
font-size: 17px;
font-weight: 400;
}

#navlist a:hover
{
color: #D78E42;
/*background-color: #036;*/
text-decoration: none;
font-size: 17px;
font-weight: 400;
}
/* end navigation menu properties*/


#portfolio {
 float: left;
 width: 778px;
 height: 1181px;
 color: #ccc;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/content-bg.png);
}


#aboutme { 
 float: left;
 width: 778px;
 height: 1181px;
 color: #ccc;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/content-bg.png);
}


#skills { 
 float: left;
 color: #ccc; border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 1181px;
 width: 240px;
 display: inline;
 background-image: url(images/content-bg.png);
}


#services { 
 color: #ccc; border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 1181px;
 width: 187px;
 float: left;
 background-image: url(images/content-bg.png);
}


#resume { 
 width: 778px;
 height: 1181px;
 clear: both;
 color: #ccc; border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background-image: url(images/content-bg.png);
}



#contact {
 float: left;
 width: 778px;
 height: 1181px;
 color: #ccc;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/content-bg.png);
}

#connect {
 float: left;
 width: 778px;
 height: 1181px;
 color: #ccc;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/content-bg.png);
}

#blogs {
 float: left;
 width: 778px;
 height: 1181px;
 color: #ccc;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(images/content-bg.png);
}


#footer {  
 width: 778px;
 clear: both;
 color: #ffcc66; border: 0px solid #ccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}




h2.ontop {
	position: relative;
	top: .75em;
	font-size: 20px;
	font-weight: 100;
}


h2.ontopBorder {
	position: relative;
	top: .75em;
	font-size: 20px;
	font-weight: 100;
	color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #000000;
}



.textbox {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 90px;
	padding-right: 15px;
	width: 75%;
	color: #000;
	
/*	opacity: 0.8; */
}


.textbox2 {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 90px;
	padding-right: 15px;
	width: 75%;
	color: #000;
	
	/*	opacity: 0.8; */
}


.formbox {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 90px;
	padding-right: 15px;
	width: 75%;
	color: #000;
	
	/*	opacity: 0.8; */
}



/*
	height: 4em;
	padding-top: 4em;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.2;
	background: white;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	margin-top: 5.0em;
	width: 80%;
}*/



	
	.RSSPumpContent { 
		font-family: Geneva;
		font-size: 14px;
		color: #000000;
	}

	.RSSPumpArticle {
		padding-bottom: 10px; 
	}

	.RSSPumpArticleHeader { 
		font-weight: bold;
	}

	.RSSPumpArticleContent { 
	}

	.RSSPumpContent A:hover { 
		text-decoration: underline;
	}

	.RSSPumpContent A { 
		text-decoration: underline;
		color: #000000;
	}





#twitter_div {
	background-image: url('img/twitterBG.png');
	background-repeat: no-repeat;
/*	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5AA5BC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-top:10px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
 
#twitter_div ul li {
	color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #000000;
	line-height: 33px;
	
/*	opacity: 0.8; */
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#socneticons {
 float: left;
 width: 94%;
 height: 50px;
 color: #DDA84E;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 border-bottom: 2px dotted #000000;
 margin: 0px 0px 5px 0px;
/* background: url(images/icon.png);*/
	
/*	opacity: 0.8; */
}

img {
   border:0px solid #000000;

	opacity: 1.0;
}


/* Example tumblrBadge CSS */
		.tumblr {
			list-style: none;
			width: 500px;
			margin-bottom: 1em;
			padding: 0;
		}
		.tumblr li {
			margin-bottom: 1em;
		}
		.tumblr p {
			margin: 0;
		}
		.tumblr img {
			display: block;
		}
		.tumblr em {
			display: block;
			margin-top: 0.2em;
		}
		.tumblr .tumblr-post-date{
			display: block;
			font-size: 0.9em;
			margin-top: 0.5em;
		}