/*
Theme Name: Mary Salvatera
Theme URI: http://www.salvateradesigns.com
Description: Theme for Salvatera's portfolio
Author: Salvatera
Author URI: http://www.salvateradesign.com
Date: Nov 2009
*/

/*
################# Colour Ref ####################
#ffcc33 Orange Yellow
#6d6d6d Grey
#330000 Burgundy
#660000 Dark Red
#9c9c9c Text grey

*/

/*
################### CSS contents ###################
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography
* 11 Other
*/


/*
################### Common ###################
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
/* overflow: -moz-scrollbars-vertical; */
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
################### Layout ###################
*/

body{
font:75%/1.7 Arial, Helvetica, sans-serif;
background:#330000;
color:#9c9c9c;
}


#header{
height:110px;
background:url(images/headerbg.png) repeat-x top #000;
border-bottom:1px solid #000;
}

.container{
width:980px;
margin:0 auto;
padding:0 10px;
}

#header .container{
padding:10px;
}

#banner{
background:url(images/bannerbg.png) repeat-x ;
border-top:1px solid #FFC000;
border-bottom:1px solid #FFC000;
}

.banner-welcome{
height:308px;
width:555px;
background:url(images/banner.gif) no-repeat top left;
float:left;
text-align: center;
position:relative;
}

.banner-welcome div{
width:500px;
margin:107px auto 0;
color:#fff;
}

#banner .container{
position:relative;
}

.banner-showcase{
width:390px;
height:290px;
background:url(images/showcasebg.png) no-repeat top left;
position:absolute;
right:0;
top:-15px;
padding:20px 20px;
}

.slide {
	margin-left: 0px;
	position: absolute;
	top: 20px;
	width: 390px;
	height: 290px;
}

#content{
border-top:1px solid #000;
}

#content .container{
padding-top:20px;
}

#main{
width:540px;
float:left;
margin-right:30px;
}

#main.portfolio{
width:760px;
}

#sidebar1{
width:190px;
float:left;
margin-right:30px;
}

#sidebar2{
width:190px;
float:left;
}

.col{
width:190px;
float:left;
margin:0 65px;
display:inline;
}

.post-info{
width:190px;
margin-right:20px;
float:left;
}

.post-content{
width:550px;
float:left;
}

#footer{
background:url(images/footerbg.gif) top;
}

#footer .container{
background:url(images/footer.gif) no-repeat;
padding:130px 0 0px;
background-position:400px 0%;
}

#services{
margin:35px 0 20px;
}
/*
################### Nav ###################
*/

#nav{
list-style:none;
float:left;
margin-top:34px;
}

#nav li{
display:inline;
}

#nav li a{
display:block;
float:left;
height:32px;
padding-left:5px;
}

#nav li a span{
padding:7px 15px 0 0;
height:25px;
color:#fff;
text-transform: uppercase;
display:block;
float:left;
}

#nav li a:hover{
color:#FFFFFF;
}

#nav li a:hover span{
cursor:pointer;
color:#FFCC33;
}

#nav li.current_page_item a span{
color:#FFCC33;
}

#nav li.current a span{
color:#FFCC33;
}

/*
################### Headings ###################
*/

#logo{
width:249px;
height:93px;
float:left;
background:url(images/logo.png) no-repeat;
margin-right:25px;
}

#logo span{
position:absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
}

h1{
font-family: Arial;
font-size: 1.2em;
font-weight: bold;
color:#000;

}

h2{
font-family:Arial;
font-weight:bold;
font-size:3em;
color:#000000;
}

h3{
font-family:Gentium, Georgia, Times, Serif;
font-weight:normal;
font-size:2.2em;
color:#fff;
}
h4{
font-family: Arial;
font-size: 2em;
font-weight: bold;
color:#ffffff;
}

h3#comments{
float:left;
margin-right:20px;
padding-left:50px;
background:url(images/commenticon.gif) no-repeat left;
height:40px;
color:#fff;
font-size:2em;
}

h3#respond{
padding-left:50px;
background:url(images/addcomment.gif) no-repeat left;
height:40px;
color:#fff;
font-size:2em;
}

h3#similar{
padding-left:50px;
background:url(images/similar.gif) no-repeat left;
height:40px;
color:#fff;
font-size:2em;
margin-top:50px;
}

.portfolio h3{
border:solid #3c3028;
border-width:1px 0;
}

h4{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
font-size: 1.4em;
}

.entry h4{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.8em;
margin-top:40px;
}

h5, h6{
color:#fff;
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
margin-top:20px;
font-weight: normal;
}

h5{
font-size:1.4em;
margin-top:30px;
}

#services h2{
color:#fff;
font-size:1.6em;
}

/*
################### Lists ###################
*/

.entry ol, .entry ul{
margin-left:20px;
}

.entry ol li{
margin-bottom:20px;
padding-left:10px;
}

.entry ul li{
margin-bottom:10px;
padding-left:10px;
}

.entry ul{
list-style: square;
}

.sidebar ul{
list-style:none;
margin-bottom:20px;
}

.sidebar ul li a{
display:block;
padding:7px 2px;
width:186px;
border-bottom:1px solid #784b12;
}

.sidebar ul li a span{
color:#FFCC33;
}

ul.tags{
list-style: none;
margin:0;
}

ul.tags li{
display: inline;
}

ul.tags li{
display:block;
float:left;
padding-left:12px;
background:url(images/tag.gif) left no-repeat;
margin:0 5px 5px 0;
}

.tags li a{
display:block;
float:left;
height:22px;
padding-top:3px;
padding-right:12px;
background:url(images/tag.gif) right no-repeat;
}

.sidebar .recent li a{
border:none;
background:none;
}

.flickr{
list-style: none;
}

.flickr li{
display: inline;
}

.flickr li a{
display:block;
float:left;
margin:0 5px 5px 0;
}

.flickr li a img{
border:2px solid #3c3028;
}

.flickr li a:hover img{
border-color: #FFCC33;
}

ul.similar{
margin-left:20px;
margin-top:10px;
}

ul.similar li{
margin-bottom:5px;
}

#services ol{
list-style:none;
}

#services ol li{
float:left;
width:370px;
margin:10px 20px;
padding-left:70px;
background:url(images/homeicons.gif) no-repeat;
height: 182px;
}

#services ol li.define{
background-position:0px 40px;
}

#services ol li.design{
background-position:0px -460px;
}

#services ol li.develop{
background-position:0px -210px;
}

#services ol li.deploy{
background-position:0px -710px;
}

.recentprojects .recent li{
list-style: none;
float: left;
margin-right: 15px;
}
/*
################### Images ###################
*/

img{
border:none;
}

.post-content a img, .homeport a img{
border:5px solid #660000;
}

.post-content a:hover img, .homeport a:hover img{
border-color:#FFFFFF;
}

.recent a img{
border:3px solid #660000;
}

.recent a:hover img{
border-color:#FFFFFF;
}

.blog-img{
text-align: center;
background: #3c3028;
border:1px solid #4e4138;
padding:5px 0;
}
/*
################### Links ###################
*/

a{
color:#FFCC33;
}

a:hover, a:visited:hover{
color:#fff;
}

a:visited{
color:#FFCC33;
}

h3 a, h3 a:visited{
color:#fff;
display: block;
}

.post-head h3 a{border:solid #784B12;border-width:1px 0;padding:10px 0;}
.post-head h3 a:hover{border-color:#fff;}

.homeport h3 a{border:solid #784B12;border-width:1px 0;padding:5px 0;font-size:0.8em;}
.homeport h3 a:hover{border-color:#fff;}

a.shoutlink{
padding:2px;
color:#fff;
font-weight: bold;
border-bottom:2px solid #fff
}

.shoutlink:hover{
border-bottom-color:#29201a;
}

#readblog{
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
position:absolute;
left:0px;
top:0px;
padding-top:15px;
width:225px;
height:54px;
}

#viewportfolio{
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
position:absolute;
left:290px;
padding-top:15px;
width:225px;
height:54px;
top:0px;
}

#viewportfolio:visited, #readblog:visited{color:#FFCC33;}
#viewportfolio:hover, #readblog:hover{color:#fff;}

.banner-buttons{
}

.banner-buttons{
width:520px;
height:49px;
background:url(images/bannerbuttons.png) no-repeat top left;
position:relative;
padding-top:20px;
top:-110px;
left:-20px;
}

a:hover span{
cursor: pointer;
}

.visitlink{
width:153px;
height:55px;
padding-top:16px;
background:url(images/visit.gif) no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.hirelink{
width:153px;
height:55px;
padding-top:16px;
background:url(images/hire.gif) no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.linkbutton{
width:225px;
height:53px;
padding-top:16px;
background:url(images/button.gif) no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
display:block;
margin:0 auto;
}

.more-link{
padding:10px;
background:#3c3028;
font-weight: bold;
float: right;
}

.more-link:hover{
background: #FFCC33;
color:#29201a;
}

.add-comment{
padding:2px 5px;
background:#3c3028;
font-weight: bold;
float:left;
margin-top:8px;
}

.add-comment:hover{
background: #FFCC33;
color:#29201a;
}

#rss{
position:absolute;
width:50px;
height:50px;
top:230px;
left:150px;
}

#rss span{
display:none;
}

.rss{
background:url(images/rss.gif) no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
margin-top:10px;   
padding-bottom:25px;
}

.twit{
background:url(images/twit.gif) no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
}


.facebook{
 background:url(images/facebook.gif) no-repeat top left;
 width:140px;
 height:30px;
 padding-top:10px;
 padding-left:50px;
 display: block;
}



.email{
background:url(images/email.gif) no-repeat top left;
width:140px;
height:30px;
padding-top:10px;
padding-left:50px;
display: block;
}

.link-twitter{
float: right;
background:url(images/twiiterbg.png) right top;
padding:2px;
}

/*
################### Forms ###################
*/

#searchform{
margin-top:35px;
text-align: right;
}

.searchinput{
height:21px;
width:120px;
padding:5px 10px;
border:none;
margin-left:20px;
background:url(images/searchbg.gif) left no-repeat #4F4F4F;
color:#fff;
font-size:1.4em;
}

.searchbutton{
height:31px;
width:24px;
border:none;
background:url(images/searchbutton.gif) no-repeat top right;
}

.searchbutton:hover, #searchform:hover .searchbutton{
background-position:0% -31px;
cursor: pointer;
}

.contact-form legend{
display:none;
}

.contact-form fieldset{
border:none;
}

.contact-form .form-input .form-textarea{
margin-bottom:10px;
}

.contact-form .form-input input, .contact-form .form-textarea textarea{
padding:5px;
border:1px solid #FFCC33 !important;
background:#660000 !important;
color:#fff !important;
}

.contact-form .button{
width:153px;
height:71px;
background:url(images/hire.gif) no-repeat;
text-align: center;
font-family: Gentium, Georgia, Times, Serif;
font-size:2em;
margin:0 auto;
color:#FFCC33;
border:none;
}

.contact-form .button:hover{
color:white;
cursor: pointer;
}

/*
################### Tables ###################
*/
/*
################### Typography ###################
*/

p{
margin:10px 0;
font-family:Helvetica, Arial, Sans-Serif;
}

.aligncenter{
text-align: center;
}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.post p{
text-align: justify;
}

li.nomargin p{
margin:0;
}

.required{
color:#FFCC33;
}

blockquote{
padding:10px 40px;
background:#3c3028;
font-style: italic;
border:dotted #4e4138;
border-width:1px 0;
font-size:1.2em;
}

.pullquote{
float:right;
margin:10px 0 10px 10px;
background:url(images/pull.gif) transparent top left no-repeat;
border-width: 0;
color:#fff;
font-size:2em;
width:200px;
}

blockquote .author{
font-style: normal;
color:#9c9c9c;
font-size: 0.6em;
}

#twitter{
padding:0;
background:none;
border:none;
font-size:1em;
}

code{
font-size:1.2em;
font-family: monospace;
}

pre code{
background:#3c3028;
display:block;
clear:both;
padding:10px;
border:dotted #4e4138;
border-width:1px 0;
overflow:auto;
white-space: pre;
width:520px;
}

strong{
color:white;
font-size: 1.1em;
}

del{
text-decoration: line-through;
}

/*
################### Other ###################
*/

.homeport{}

.homeport .post{width:470px;float:left;margin:20px 10px;}

.left{
float:left;
}

.right{
float:right;
}

.post{
margin-bottom:100px;
}

.post-head{

}

.post-date{
font-style: italic;
font-weight:bold;
color:#fff;
}

a .date{
font-style: italic;
color:#9c9c9c;
}

.post-title{

}

#footer .box{
width:305px;
float:left;
margin-right:25px;
display:inline;
}

#footer .box.last{
margin-right:0;
}

hr{
border-top:1px solid #100c0a;
border-bottom:1px solid #5a3e0c;
border-width: 1px 0;
width:50%;
margin:40px auto;
}

.sep{
padding-top:50px;
background:url(images/sep.gif) no-repeat center top;
clear:both;
}

#twitter_div{
background:url(images/twitter.png) no-repeat top left;
padding-left:40px;
}

#twitter_update_list{
background:url(images/twiiterbg.png) no-repeat top left;
padding:10px 10px 10px 30px;
list-style: none;
}

.books li a{
width:66px;
text-align: center;
}

#banner p{
margin:0;
}

.postmetadata{
color:#FFFFFF;
padding:3px;
margin-top:10px;
border:1px solid #FFCB35;
font-weight:bold;
}

.myauthor{
background:#3c3028;
border:#4b3c33 solid;
border-width:1px 0;
padding:10px;
margin-top:40px;
}

.myauthor h5{
margin:0;
}

.myauthor p{
margin:5px 0 0;
}

.auth-image{
float:left;
width:100px;
margin-right:10px;
}

.auth-bio{
width:220px;
float:left;
margin-right:10px;
}

.auth-social{
background:#fff;
padding:5px;
float:left;
width:170px;
}

.social-digg{
float:left;
width:60px;
margin-right:10px;
}

.social-icon{
float:left;
}

.topmargin{margin-top:10px;}

#webstandardista_badge{margin-top:20px;text-align: center;}


/*
################### Comments ###################
*/
.comments-template{
margin-top:30px;
}
.comments-template ol{
	list-style: none;
	margin-bottom:30px;
}

.comments-template ol li{
	margin-bottom:20px;
}

.comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.comments-title{
margin-bottom:20px;
}

.commentmetadata{

}

.comments-template p.nocomments{

}

.comment-gravatar{
width:60px;
float:left;
}

.comment-info{
float:left;
width:460px;
padding:10px;
}

.comment{background:url(images/comment1.gif) bottom left no-repeat;padding-bottom:10px;}

.comment-container{background:url(images/comment1.gif) top left no-repeat;}

.author.comment{background:url(images/comment3.gif) bottom left no-repeat;padding-bottom:10px;}

.author .comment-container{background:url(images/comment3.gif) top left no-repeat;}

.alt.comment{background:url(images/comment2.gif) bottom left no-repeat;padding-bottom:10px;}

.alt .comment-container{background:url(images/comment2.gif) top left no-repeat;}


.commentlist li.author .comment-info{

color:#29201a;
}

.commentlist li.author a:hover{
color:#29201a;
}

#commentform .text{
padding:5px;
border:1px solid #662509;
background:#411806;
color:#fff;
}



/*Sponsor*/
.sponsor{padding:10px;margin:10px 0;background:url(http://sponsorlee.org/images/headerbg.png) #28416F;border:2px solid #95241F;}

.sponsor h6{font-family: Georgia, Times, Serif;font-style:italic;font-size:1.6em;margin-top:0;}

.sponsor strong{color:#fff;font-weight: bold;}

.sponsor a{color:#FFBF37;}

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.5 Plugin: WP-PageNavi 2.31									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 8px;
	margin: 2px;
	background-color: #660000;
	color: #FFFFFF;
}
.wp-pagenavi a:hover {
	color: #660000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
}
.wp-pagenavi span.current {
	color:#fff;
	font-size:1.8em;
	padding:4px 8px;
	margin:2px;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
}


#fbc_login{margin-bottom:20px;}


#footer .amazon_div_img{
  background : url(images/amazon.png);
  margin-top:3px;
  margin-bottom:5px;
  width:301px;
  height:20px;
}