/* 
Theme Name: UGE Ideas V2 - HTML5 and CSS3
Theme URL: http://www.ugeideas.com/ 
Description: A portfolio site and blog 
Author: Eugene Kuhns
Author URL: http://www.ugeideas.com
Version: 2.0 
General comments/License Statement if any. 
*/  

@charset "utf-8";
/* CSS Document */

body { background: url(http://www.ugeideas.com/images/body-bk.jpg) top left repeat-x #fff; }

/**************************************
Generic Image Handling
**************************************/
.right { float: right; margin: .5em; }
.left { float: left; margin: .5em; }
img.center { display: block; margin: 1em auto; }
/**************************************
**************************************/

.clear { clear: both; }

a.skipto { position: absolute; left: -999em; }
#logo { position: relative; left: 30px; top: 30px; margin-bottom: -75px;}

h1 { width: 620px; height: 100px; position: relative; left: 230px; font: 1.125em Verdana, Arial, Helvetica, sans-serif; color: #9ea3a7; }
h2 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: .25em 0 0 0; color: #41777E }
	h2 a { font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #41777E; text-decoration: none;  }
h3 {font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; color: #41777E }

blockquote { margin-left: 1em; margin-right: 2em; font-style: italic; }


/**************************************
Structure
**************************************/

.wrapper { background:url(http://www.ugeideas.com/images/container-bk.jpg) top center no-repeat #fff; width: 933px; min-height: 600px; margin: 1em auto; padding-top: 1em; clear: both; overflow: auto; }

header { margin: 1em 0; display: block;}

nav.main-menu { width: 155px; margin: 18px 0 0 30px; display: block; float: left; }		
	nav.main-menu ol { list-style: none; margin: 0; }
		nav.main-menu ol li {  border-bottom: 1px solid #ccc; margin-top: .25em; }
		nav.main-menu ol li a { font: 1em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666; /*Color of the Beast*/ text-decoration: none; padding: .2em .4em;}
		nav.main-menu ol li a:hover { color: #42777d; }	
		
section.right-column { width: 665px; margin: 20px .75em 1em 3em; float:left; display: block;
					/*	-moz-box-shadow: -10px 5px 5px #ccc;
						-webkit-box-shadow: -10px 5px 5px #ccc;
						box-shadow: -10px 5px 5px #ccc; */}

footer { display: block; clear: both; background: url(http://www.ugeideas.com/images/footer-bk.jpg) bottom left no-repeat #3D464F; width: 900px; min-height: 100px;  padding: .5em .5em 0 0; }

		
/**************************************
**************************************/		
		
p.content_head { font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #42777d; margin-top: 1.5em;}
ol.content_jump { }
	ol.content_jump li { font: .687em Verdana, Arial, Helvetica, sans-serif; }
	ol.content_jump li a { text-decoration: none; color: #666; }
	ol.content_jump li a:hover { color: #42777d; }
		
	ol#columns li#rightcolumn { width: 620px; min-height: 400px; padding-bottom: 1em; padding-left: 20px; }
			p.description { font: .875em Verdana, Arial, Helvetica, sans-serif; color: #666; }
				p.description a { font-size: .75em; color: #42777d; line-height: 1;}				
				.description_nolink { font-size: .75em; color: #42777d; line-height: 1;}
		li#rightcolumn img { float: left; }
		
ol#portfolio li { margin: .875em auto; border-top: 1px solid #ccc; }

p, ul, ol.lists { font: .875em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #666; margin: .75em 0 1em 0; }
	ul { list-style: disc; }
	ul.lists { width: 60%; margin-left: 2em; margin-bottom: 1em; }
	ul.lists li { float: none !important; padding: .25em; }
	ol.lists { list-style: decimal; margin-left: 2em; padding-left:1.75em; overflow: auto; }
	ol.lists li { margin: .5em; }
	strong { font-weight: bold; line-height: 1.5; }
	p.copyright { font: 12px Verdana, Geneva, sans-serif; color: #fff; text-align: right; margin: 1em 10px;}
	em { font-style: italic; line-height: 1.5; }
	a:link { color: #466EAC; }
		a:visited { color: #B99153; }
		a:hover { color: #AC5046; }
		a:active { color: #466EAC; }
	
ol#form { list-style: none; margin: 0; clear: both; overflow: auto; width: 500px; margin-left: 25px; font-size: 100%; height: 400px;}
	ol#form li { margin: 0; padding: .25em; border-bottom: 1px solid #ccc; height: 30px; clear: both; width: 450px; float: none;}

fieldset { margin: .75em 2em; padding: 1em 1em .5em .75em; }

label { color: #666; font: bold .75em Arial, Helvetica, sans-serif; width: 125px; text-align:right; float: left; }
input, textarea { width: 180px; }
#commentbox { width: 300px; }	
	#commentbox label { display: inherit; width: 200px; margin-left: .5em; }

input.submit { display: block; margin: .5em auto; }

textarea#comment { width: 400px; padding: 5px; }

.commentmetadata { font: 10px/1.5 verdana, arial, helvetica, sans-serif; }

div#sidebar ul { list-style: none; margin-left: .5em; margin-bottom: 30px; }
	div#sidebar ul li a { font-size: .875em; line-height: 1.5; color: #42777d; margin: .25em; display: block; padding: .25em; }

ol.commentlist { clear: both; overflow: auto; }
ol.commentlist p {font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; color: #42777d; }
a.url {font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif;  }
ol.commentlist li { overflow: auto; }
img.avatar { margin: .25em; }