/*
-------------------------------------------------------------------------------------------------
Theme Name:  solwyvern.net
Theme URI:    http://solwyvern.net
Description:  
Version:      
Style:       
Author:       
Author URI:   http://solwyvern.net
Updated:      --/--/----
Copyright:    (c) 2010 Alfonso Caballero
-------------------------------------------------------------------------------------------------

All rights reserved.

*/

@import url(reset.css);

body {
	background:#1c1c1c url(../images/bg.jpg) no-repeat top center;
	color:#eaeaea;
}
a {
	color:#3b3b3b; 
	text-decoration:none;
}
a:hover {
	color:#8dc63f;
}
#wrapper {
	width:600px;
	margin:200px auto; 
}

/* ============================================ Navigation*/	
#nav{	
	position:relative;
	z-index:999;
	height:20px;
	background: url(../images/top_c.png) no-repeat;
}

	#nav li{
		display:inline;
		padding:5px 5px 0;
		margin:  5px 0 0 8px;
	}
	
	#nav li.current{
		padding:7px 5px 2px;
		background: #f9f9f9 url() no-repeat;
		border:1px solid #b3b3b3;
		border-bottom:0;
		
		
		border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px;
			border-top-right-radius:5px;
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px;

	}
	
	#nav li a{
		outline:none;
	}
	
	#nav li img{
		position:relative;
		top:2px;
		margin:5px 0 0 0;
	}

/* ============================================ Card Container*/	
#card{
	height:265px;
	margin:0 auto;
	padding:8px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
		border-top-left-radius:0px;
		-moz-border-radius-topleft:0px;
		-webkit-border-top-left-radius:0px;
	
	box-shadow: 0px 3px 1px #202020; 
	-webkit-box-shadow: 0px 3px 1px #202020; 
	-moz-box-shadow: 0px 3px 1px #202020;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#202020, offX=0, offY=3, positive=true);
}

	#content{
		height:100%;
		padding::10px;
		background: #f9f9f9 url(../images/content-bg.jpg) repeat-x bottom center;
		border:1px solid #b3b3b3;
		color:#6f6f6f;		
		border-radius:5px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
			border-top-left-radius:0x;
			-moz-border-radius-topleft:0px;
			-webkit-border-top-left-radius:0px;
	}
		
		#content .box{
			float:left;
			position:relative;
			width:100%;
			height:100%;
			display:none;
			font:11px Helvetica, Arial, Verdana, sans-serif;
		}
		
		#content .box h6{
			font:bold 11px/1.3em solid Lucida Sans, Helvetica, Arial, Verdana sans-serif;
		}
		
		#content .box h6.p_title{
			display:inline;
			float:right;
			margin:10px;
			padding:0 8px;
			border-right:5px solid #85c329;
		}
		
		 .box #logo{
			clear:right;
			margin:80px auto;
			text-align:center;
		}
		
/* ============================================ WorkPage*/
		 #work{
			clear:right;
			height:220px;
			margin:0 auto;
			padding:5px 0;
			background: url(../images/work.jpg) 15px 80% no-repeat;
		 }
		 
			 #work .thumbs{
				float:left;
				display:inline;
				width:320px;
				margin:0 10px;
				border:1px solid #c9c9c9;
			 }
			 #work .thumbs img{
				border:4px solid #fff;
				box-shadow: 0px 3px 1px #cfcfcf; 
				-webkit-box-shadow: 0px 3px 1px #cfcfcf; 
				-moz-box-shadow: 0px 3px 1px #cfcfcf;
				filter: progid:DXImageTransform.Microsoft.dropShadow(color=#cfcfcf, offX=0, offY=3, positive=true);
			 }
			 
			 #work .proj_desc{
				display:inline;
				float:right;
				width:200px;
				margin:5px 15px 0;
			 }
			 
			 #work .proj_desc h6{
				margin:0 0 5px;
				padding:0 5px;
				color:#aeaeae;
				border-left:2px solid #aeaeae;
			 }

			 
			 #work .proj_desc ul{
				margin:5px 0 10px;
			 }
			 
			 #work .proj_desc li{
				padding:5px;
				border-bottom:1px solid #aeaeae;
				text-align:right;
			 }
			 
			 #work .proj_desc .button{
				float:right;
				display:inline;
				margin:0px 0;
				padding:2px 8px;
				border:1px solid #999;
				background:#aeaeae;
				font-weight:bold;
				color:#fff;
			 }
			 
			#work .proj_desc .button:hover{
				background:#8dc63f;
				font-weight:bold;
				color:#fff;
			}
			
			/* ============================================ WorkPage Nav*/
			#work_nav{
				float:left;
				display:inline;
				position:relative;
				top:-30px;
				z-index:999;
				margin:5px 10px;
			}
			
			#work_nav a{
				font-weight:bold;
				color:aeaeae;
				margin:0 5px;
			}
		
		
/* ============================================ About Page*/		
		 #about{
			clear:right;
			margin:20px auto;
			padding:10px;
		}
		
			#about #photo{
				display:inline;
				float:left;
				margin:0 10px 10px;
			}
		
			#about h6{
				padding:0 6px;
				border-left:2px solid #aeaeae;
			}
			
			#about #me{
				display:inline;
				float:left;
				width:380px;
				margin:0 10px 10px;
			}
			
			#about ul{
				margin:10px;
			}
			
			#about #technologies{
				display:inline;
				float:left;
				margin:10px 50px 0px 10px;
			}
			
			#about #services{
				display:inline;
				float:left;
				margin:10px 10px 0;
			}
			
			#about #contact{
		
			}
			
			#about #follow_me{
				display:inline;
				float:right;
				position:relative;
				right:-15px;
				margin:0;
				padding:0;
			}
			

/* ============================================ Footer*/		
#footer{
	height:14px;
	background: url(../images/bot_c.png) no-repeat bottom center;
	font: 9px/0.9em  Lucida Sans, Helvetica, Arial, Verdana sans-serif;
	color:#808080;
	text-align:center;
}

	#footer p{}
	
/* ============================================ Bottom*/
#bottom{
	display:none;
	width:100%;
	height:200px;
	padding:5px 100px;
	/* background:rgba(255,255,255,0.9); */
	position:fixed;
	bottom:-180px;
	border:1px solid #fff;
}
	
p#vtip { margin-top: 15px; display: none; position: absolute; padding: 15px; left: 5px; font-size: 0.8em; background-color: #262626; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; color: #fff; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }