/*
Theme Name: rossgallego
Description: one page portfolio - Wordpress 2.9 ready
Version: 2.0
Author: Ross Gallego
Author URI: http://www.rossgallego.com
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none
}
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table {
border-collapse:collapse;
border-spacing:0
}


/* master */
body {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#E0754F;
line-height:1.5;
background-image: url("images/masterbg.jpg");
background-repeat:no-repeat;
background-position:top center;
background-color:#762317;
}
h1, h2, h3, h4, h5, h6 {
letter-spacing:1px;
margin-bottom:10px;
font-weight:bold;
}
a {
color: #E0754F;
text-decoration:
underline;
}
a:hover { text-decoration:underline; }
a:focus { outline:1px dotted invert; }
p {
margin: 0;
margin-bottom: 4px;
}
li { list-style-type: none; }
/*basic set up*/

#wrapper {
width:960px;
margin-right: auto;
margin-left: auto;
}

.content {
height:750px;
clear:both;
}

/* Headers */
.maincontent h1 {
padding: 5px;
clear:both;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
h1 {
font-size:2em;
color:#00CC66;
}
h1.tagline {
padding:5px;
color:#990000;
margin:5ps 0 0 0;
}
h2 {
font-size:1em;
margin-top: 20px;
margin-left: 5px;
}
h5 {
margin: 0;
font-weight: normal;
}
a#home { background-image: url("images/hometopbg.png");
display:block }
a#profile { background-image: url("images/profiletopbg.png");
display:block; }
a#portfolio { background-image: url("images/portfoliobg.png");
display:block }
a#contact{ background-image: url("images/contactbg.png");
display:block }
a#links { background-image: url("images/footertopbg.png");
display:block}
a#home, a#profile,a#portfolio, a#contact, a#links{
background-repeat: no-repeat;
background-position:top;
height:75px;
text-indent: -9999px;
}
h1#toolsheader {
background: url("images/toolstopbg.jpg") no-repeat;
text-indent: -9999px;
height: 40px;
}

/*   lists  */
.maincontent li {
display: block;
width: 175px;
float: left;
padding: 5px;
}
.maincontent li ul li {
/* width: 210px;  */
font-size:.80em;
line-height:1.2;
}
#linkscontent .maincontent li { width: 300px; }
/* content */
#homecontent
{
background-image: url("images/bghome.png");
	background-position:top;
	background-repeat:no-repeat;
	
	/*background-position:0 75px;*/
}

#homecontent { height: 600px; }
#profilecontent { height: 600px; }
#portfoliocontent { height: 1400px; }
#contactcontent { height: 600px; }
#linkscontent { height: 600px; }
.maincontent {
float: left;
width: 790px;
height: 100%;
position: relative;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.profilecontent p {
color:#e0754f;
}
.maincontent .lighttext{
color:#FEE1A0;
}
.sidebar {
float: left;
height: 100%;
width: 140px;
position: relative;
margin: 0px;
}
.sidebar div.mainmenu {
height: 500px;
width: 140px;
margin-top: 90px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* profile */ 
.maincontent ul.profilecontent li {
width: 350px;
margin: 0 10px 0 0
}
.profilecontent p {
font-size:0.8em;
line-height:1.2;
margin:15px 0;
}
/* menu */

a.panel {
display: block;
float: left;
padding:0;
font-size:1.1em;
font-weight:bold;
height:46px;
width:140px;
text-indent:-9999px;
color:#C58473;
margin:0;
clear:both;
}
a.homebutton, a.profilebutton, a.portfoliobutton, a.contactbutton, a.linksbutton {
background-image: url("images/menunotactive.png");
background-repeat:no-repeat;
float:none;
}
a.homebutton { background-position:0 0px; }
a.profilebutton { background-position:0 -46px; }
a.portfoliobutton { background-position:0 -92px; }
a.contactbutton { background-position:0 -138px; }
a.linksbutton { background-position:0 -184px; }
a#homebutton, a#profilebutton, a#portfoliobutton, a#contactbutton, a#linksbutton {
background-image: url("images/menuactive.png");
background-repeat:no-repeat;
float:none;
}
a#homebutton { background-position:0 0px; }
a#profilebutton { background-position:0 -46px; }
a#portfoliobutton { background-position:0 -92px; }
a#contactbutton { background-position:0 -138px; }
a#linksbutton { background-position:0 -1804x; }


a.homemenu, a.profilemenu, a.portfoliomenu, a.contactmenu, a.linksmenu {
background-image: url("images/menuhome.png");
background-repeat:no-repeat;
float:none;
}
a.homemenu { background-position:0 0px; }
a.profilemenu { background-position:0 -46px; }
a.portfoliomenu { background-position:0 -92px; }
a.contactmenu { background-position:0 -138px; }
a.linksmenu { background-position:0 -184px; }

a.backtop {
background-image: url("images/backtop.jpg");
background-repeat:no-repeat;
margin-top:30px
}
/* portfolio thumb effects */
.photo {
position:relative;
overflow:hidden;
width:330px;
height:150px;
margin:20px 25px 15px 0;
float:left;
background-color:#E0754F;
}
.photo .heading, .photo .caption {
position:absolute;
background:#000;
height:50px;
width:330px;
opacity:0.6;
}
.photo .heading { top:-50px; }
.photo .caption {
bottom:-50px;
left:0px;
}
.photo .caption a { color:#A19987; }
.photo .heading span {
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
color:#fff;
}
div .caption p {
font-size:1em;
color:#ffffff;
margin:0 0 0 10px;
line-height:1.2;
font-family:arial;
font-size:10px;
display:block;
padding:5px 10px 0 0px;
}
.selected {
background:#fff;
font-weight:700;
}
/* contact form */
input, textarea {
width:200px;
background:none;
border:0 none;
border:#CCCCCC 1px dotted;
font:"Times New Roman", Times, serif;
font-size: 100%;
color:#fef4c5;
overflow:hidden;
}
input.contactSubmit {
width:70px;
margin:10px 0 0 0;
height:30px;
border:0 none;
background-image: url("images/inputSubmit.jpg");
background-repeat:no-repeat;
line-height:30px;
}
textarea { width:300px; }
.maincontent li.contactform { width:380px; }
.maincontent .contactform {
width: 380px;
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
/* testimonials */
.maincontent .testimonials {
width: 310px;
margin-left: 5px;
}
.maincontent li.testimonials ul li { width: 270px; }
.maincontent ul li.portthumb {
background-color:#CCCCCC;
display:block;
float:left;
list-style-type:none;
width:223px;
margin: 10px 7px 55px 0;
padding: 0;
}
.maincontent #footer {
background-color: #006699;
height: 500px;
width: 500px;
}
/* testimonials effects */

label { display: block; }
#testimonial {
/* color: #AFB0B1; */
color:#E0754F;
background: none;
float:left;
margin:0 0 24px;
padding:15px 10px 10px;
width:300px;
font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 62.5%;
line-height: 1;
}
#testimonial ul {
font-size:1.2em;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
.rating {
background-image:url(http://static.jqueryfordesigners.com/demo/images/simple-spy/info_bar_stars.png);
background-repeat:no-repeat;
height:12px;
text-indent:-900em;
font-size:1em;
margin:0 0 9px;
}
.none { background-position: 82px 0px; }
.four { background-position: 82px -48px; }
.five { background-position: 82px -60px; }
.tags {
color: #fff;
margin: 0.5em;
}
.tags a, .tags span {
background-color: #333839;
font-size: 0.8em;
padding: 0.1em 0.8em 0.2em;
}
.tags a:link, .tags a:visited {
color: #fff;
text-decoration: none;
}
.tags a:hover, .tags a:active {
background-color: #3e4448;
color: #fff;
text-decoration: none;
}
#testimonial li {
height: 90px;
overflow: hidden;
}
#testimonial li h5 {
/*color:#FEF4C5;*/
color:#FEE1A0;
font-size:1em;
margin-bottom:0.5em;
}
#testimonial li h5 a {
color:#f1f1f1;
text-decoration:none;
}
#testimonial li img {
float:left;
margin-right:8px;
}
#testimonial li .info {
color:#3E4548;
font-size:1em;
}
#testimonial .info a, #testimonial .info a:visited {
color:#3E4548;
text-decoration: none;
}
#testimonial .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#testimonial {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span, .tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img { border: 0; }
p { display:block; }
/* tools */
.profilecontent ul#tools li {
display: inline;
margin: 0px 2px 0px 0px;
float: left;
height: 40px;
width: 40px;
text-indent: -9999px;
}
li#dw { background: url("images/dw.png") no-repeat; }
li#ps { background: url("images/ps.png") no-repeat; }
li#ai { background: url("images/ai.png") no-repeat; }
li#jq { background: url("images/jq.png") no-repeat; }
li#fb { background: url("images/fb.png") no-repeat; }
content .maincontent li a {
text-transform: capitalize;
font-variant: normal;
text-decoration: underline;
}