/*  
Theme Name: Stoodio.com v2.0
Theme URI: http://www.stoodio.com
Description: For Stoodio.com / Ray Hernandez
Version: 1.0
Author: Ray Hernandez | Art Director
Author URI: http://www.stoodio.com
*/


/* Global Settings */
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
background:#000;
font:75% arial, verdana, helvetica, sans-serif;
color:#FFF;
}
 
/* Common Formatting */
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/* Links */
 
 
/* Forms */
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em helvetica, arial, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
 
/* Wrapper */
 
#wrap {
width:960px;
margin:0 auto;
}
 
/* Global Classes */
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#161616; color:#0fb2fc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/* Layout */

#wrapp_ {
width:1005px;
margin:0 auto;
min-height:1500px;
border-left:2px dashed #FFF;
border-right:2px dashed #FFF;
}

.header {
width:100%;
height:110px;
border-bottom:2px dashed #FFF;
}

.logo {
float:left;
padding:20px 10px 0 15px;
width:210px;
height:83px;
}

.banner_top {
float:right;
width:728px;
height:90px;
position:relative;
top:12px;
right:15px;
}


.nav {
float:left;
width:100%;
height:37px;
}

.nav ul {
padding-left:20px;
padding-top:13px;
}

.nav ul li {
display:inline;
padding-right:30px;
}

.nav ul li a {
font-size:1.3em;
color:#FFF;
font-weight:bold;
}

.nav ul li a:hover {
color:#00a0f0;
}

.nav .current_page_item a:link, .nav, .nav current_page_item a:active {
color:#00a0f0;
}


/* Content */

.content {
margin-top:10px;
float:left;
width:580px;
min-height:700px;
}

.post {
border-top:2px dashed #FFF;
border-right:2px dashed #FFF;
border-bottom:2px dashed #FFF;
width:100%;


}

.post_inner {
width:557px;
margin:0 auto;
background:url(img/pbg.gif) repeat-x;
margin-top:10px;
margin-left:10px;

}

.post_inner img {
border:5px solid #F2F2F2;
margin:0 auto;
margin-left:15px;
/*float:left;*/
}

.post_title {
padding-left:15px;
margin-bottom:13px;
padding-top:10px;
}

.post_title a {
text-transform:uppercase;
color:#FFF;
font-weight:bold;
font-size:1.8em;
}

.post_title span {
padding-left:10px;
color:#fe0079;
font-size:1.5em;
}

.post_inner p {
padding-left:15px;
padding-top:10px;
padding-right:15px;
font-size:1.2em;
line-height:120%;
float: left;
width: 260px;
}

.post_chunk {
width:260px;
float:left;
}

.rposttitle a {
padding-left:15px;
font-size:1.5em;
color:#00a0f0;
font-weight:bold;
}

.rposttitle a:hover {
color:#fe0079;
}
.meta {
padding-left:15px;
font-size:1.2em;
margin-bottom:35px;
}

.meta a {
color:#fe0079;
}

.meta a:hover {
color:#00a0f0;
}
/* Sidebar */

.sidebar {
float:right;
width:390px;
min-height:1000px;
margin-top:10px;
}

.portfolio_side {
width:100%;
border-top:2px dashed #FFF;
border-left:2px dashed #FFF;
border-bottom:2px dashed #FFF;
height:480px;
}

.sidebar h2 {
margin:0; padding:0;
margin-top:5px;
margin-left:10px;
color:#FFF;
font-size:2em;
font-weight:bold;
float:left;



}

.sidebar span {
float:left;
font-size:1.4em;
color:#fe0079;
font-weight:bold;
position:relative;
top:14px;
}

/* SLIDER */

.tab_container {
	margin: 0px;
	padding: 0px;
	
}

.tab_container_in {
	margin: 0px;
	padding: 10px;
padding-top:25px;
	background:url(img/ajaxbg2.png) no-repeat;
margin-top:10px;
min-height:200px;
margin-left:10px;
}

.tab_menu_container {
	padding: 0px 0px 0px 10px;
	height: 27px;
	
}

#tab_menu li, #tab_menu2 li, .nanotabs li {
margin: 0px;
	padding: 7px 5px 2px 0px;
	
	
	font-size: 11px;
	line-height: normal;

	float: left;
	list-style: none;
	cursor: pointer;
	
	border-bottom: none;

}

#tab_menu .first, #tab_menu2 .first {
	padding: 7px 5px 2px 6px;
}

#tab_menu li a, #tab_menu2 li a, #tab_menu li a:visited, #tab_menu2 li a:visited, .nanotabs a, .nanotabs {
	margin: 0px;
	color: #999999;
        padding: 10px;
	text-decoration: none;
	display: block;
float:left;
}

#tab_menu li a:hover, #tab_menu2 a:hover, #tab_menu li a.current, #tab_menu2 li a.current, .nanotabs li a:hover, .nanotabs li a:active {
	background-color: #2F2F2F;
	color: #ffffff;
	text-decoration: none;
}

a.selected {
	background-color: #2F2F2F;
	color: #ffffff;
	text-decoration: none;
}

.tab_content_list {
	display: none;	
}


#tab_content_tags a:hover {
	color: #000000;
	text-decoration: none;
}

#tab_menu, #tab_menu2, .nanotabs {
position:relative;
left:-46px;
}

/* END SLIDER */

.rport {
width:94%;
margin:0 auto;

background:url(img/pbg3.png) no-repeat;
width: 370px;
min-height: 370px;
background-position: -5px 0;
margin-top:11px;
}

.portview, .portview2 {
position:relative;
top:-15px;
left:-42px;
height:80px;
width:335px;
margin-bottom:11px;
cursor:pointer;
}

.portview2 {
height:60px;
}
.portview strong, {
padding-top:20px;
font-size:1.4em;
}

.portview img, .portview2 img {
float:left;
margin-right:10px;
padding-top:3px;
padding-left:7px;
}

.portview span, .portview2 span {
color:#acabab;
font-size:1.6em;
padding:0; margin:0;
cursor:pointer;
}

.portview a { 
font-size:1.6em;
color:#acabab;
}

.portview:hover {
background:#068bf3 url(img/bluegrad.gif) repeat-y;
color:#000;
}

div.portview2 a {
font-size:1.5em;
color:#00A0F0;
width:auto;
height:5px;
padding-top:0;
padding-left:0;
font-weight:bold;
}

div.portview2 a:hover {
color:#ED468C;
}
.sociallinks ul {
margin-top:20px;
margin-left:15px;
}

.sociallinks ul li {
display:inline;
}

.sidead {
margin-top:30px;
margin-left:40px;
margin-bottom:30px;
}

.rss {
margin-top:60px;
position:relative;
left:20px;
}

.rss img {
float:left;
margin-right:10px;
}

.rss span {
margin:0; padding:0;
color:#00a0f0;
font-size:1.5em;
}

/* FLICKR */

h2.widgettitle { display:none; }

.flickr_theme ul {
margin:0; padding:0;
min-height:200px;
}

.flickr_theme ul li {
list-style-type:none;
display:inline;
}

.flickr_theme img {
border:5px solid #f2f2f2;
float:left;
margin-right:10px;
margin-bottom:10px;
width:auto; height:auto;
}

.footer {
clear:both;
height:42px;
border-top:2px dashed #FFF;
border-bottom:2px dashed #FFF;
margin-bottom:25px;
}

.footer .nav ul li a{
	font-size:1.0em;	
}

/* The Life */

.lifepost img {
float:none;
max-width:500px;
height:auto;
}

#changer2 {
background:purple;
width:10000px;
height:100px;
}

/* Blog Roll */

.broll {
width:350px;
background:url(img/blogbg.png) no-repeat;
}

.nanotabs {
position:relative;
left:5px;
}

.nanotabs ul {
position:relative;
left:-40px;
top:-20px;
}

.siteinfo {
padding-left:15px;
font-size:1.2em;
}

.siteinfo a {
color:#00a0f0;
}

.siteinfo a:hover {
color:#FE0079;
}

.quickport2 {
width:356px;
margin-left:3px;

}

.quickport2 img {
border:3px solid #e9e9e9;
padding-right:4px;
margin-bottom:2px;
}


.portfolio_side2 {
width:100%;
border-top:2px dashed #FFF;
border-left:2px dashed #FFF;
border-bottom:2px dashed #FFF;

}

fieldset {
border:none;
padding-left:15px;
}


label {
	font-size:1.3em;
	color:#FAFAFA;
	margin-top:5px;
	margin-bottom:5px;
	 
	
}


h2.main_formhead {
display:none;
}

input.med, select.med, input.short {
background:#333;
height:25px;
border:1px solid #ccc;
color:#FE0079;
font-size:1.5em;
margin-top:5px;
margin-bottom:15px;
}

textarea.textbox {
background:#333;
border:1px solid #ccc;
color:#FE0079;
font-size:1.5em;

margin-top:5px;
margin-bottom:15px;
}

fieldset span {
display:none;
}

input.button {
margin-left:15px;
}

.resumeentry {
margin-top:10px;
}

.resumeentry a {
color:#00a0f0;
font-size:1.2em;

padding-left:12px
}

.resumeentry span {
color:#fe0079;
font-weight:bold;
}

.resumeentry p {
padding:0; margin:0;
padding-left:12px;
}

.portview img {
width:100px;
height:70px;
}



#personal, #professional, #inspiration {
padding-left:45px;
}

#personal strong, #professional strong, #inspiration strong {
color:#00a0f0;
padding-right:0;
}

/* Search */

.search {
color:#777;
font-size:1.2em;
padding-top:11px;
margin-right:10px;
font-weight:bold;
}

.search span {
position:relative;
top:3px;
}

#comment {
border-top:2px dashed #FFF;
border-right:2px dashed #FFF;
border-bottom:2px dashed #FFF;
margin-left:0; padding-left:0;


}

ol#commentlist {
margin-left:0; padding-left:0;
}

.survey, .survey a {
font-size:1.3em;
color:#FFF;
}

.says {
font-size:1.2em;
color:#fe0079;
}

.comdate a {
color:#00a0f0;
}

.comdate {
position:relative;
margin-top:0; padding-top:0;
top:-35px;
}

.LCon {
position:relative;
top:-21px;
font-size:1.4em;
}

.LGrav {
float:left;
}

.LUsr, .comdate, .LCon {
margin-left:100px;
}

.LUsr {
margin-top:10px;
}

.LGrav img{
	border:4px solid #fff;
	margin: 16px 10px 10px 16px; 
}

.Form {
padding-left:25px;
background:url(img/pbg.gif) repeat-x;
border-top:2px dashed #FFF;
border-right:2px dashed #FFF;
border-bottom:2px dashed #FFF;
}

.FormBottom {
height:20px;
clear:both;
}

input.SubmitComment {
margin-top:5px;
margin-bottom:20px;
}

.post_inner .lifepost p { float: none; width: auto; }

a { color: #fe0079; text-decoration: none;}



.alignleft{

		float: left;
		color:#00A0F0;
		font-size:1.5em;
		
}

.alignleft a{
		color:#00A0F0;
}


.alignright{
	  margin-left:250px;
		width:200px;
		float: right;
		font-size:1.5em;
		
}

.alignright a:link{ 
		color:#00A0F0; 
}

.nav ul li.current_page_item a{
	color:#00A0F0;
}

.footer .nav ul li.current_page_item a{
	color:#00A0F0;
}




.sidebar{
	padding:0px;
}

.sidebar .box{
width:100%;
border-left:2px dashed #FFF;
border-bottom:2px dashed #FFF;
border-top:2px dashed #FFF; 
margin-bottom: 40px;
}

.lifepost p img {
left:-15px;
position: relative;
} 



.post_inner_home {
width:557px;
margin:0 auto;
min-height:200px;
background:url(img/pbg.gif) repeat-x;
margin-top:10px;
margin-left:10px;

}

.post_inner_home p {
float:left;
font-size:1.2em;
line-height:120%;
padding-left:15px;
padding-right:15px;
padding-top:10px;
width:260px;
}

.post_inner_home img {
border:5px solid #F2F2F2;
margin:0 auto;
margin-left:15px;
margin-bottom:15px;
width:240px;
height:181px;
float:left;
}
.blue{
color:#00A0F0;
}
.pink{
color:#FE0079;
}





.side_flickr_theme ul {
	
	margin:0; 
	padding: 0px 0px 0px 5px;
	min-height:200px;
	width:400px;
	

}

.side_flickr_theme ul li {

	list-style-type:none;
	display:inline;

}

.side_flickr_theme img {
	
	border:5px solid #f2f2f2;
	float:left;
	margin-right:7px;
	margin-bottom:7px;
	width:auto; height:auto;
	
}
#resume p{
padding-left:15px;
padding-top:10px;
padding-right:15px;
font-size:1.2em;
line-height:120%;
float: left;
width: 500px;
}
#resume .jobs{
font-weight:bold;
}
.icon{
width:16px;
height:16px;
}
.comments input[type="text"]{
background-color:#fff;
width:400px;
height:13px;

}

.comments textarea{

background-color:#fff;
width:400px;
height:100px;

}


ul.widgetholder {
list-style:none;
padding:0 0 18px 0px;

}



ul.widgetholder > li{
list-style-image:none;
list-style-position:outside;
list-style-type:none; 
}

.widgetholder .widget{
width:100%;
border-left:2px dashed #FFF;
border-bottom:2px dashed #FFF;
border-top:2px dashed #FFF; 
margin-bottom: 40px;
padding:0px;

}