/*  
Theme Name: Webgriffe® | multimedia
Theme URI: http://www.webgriffe.com
Description: Webgriffe's shines theme
Version: 1.0
Author: Alessandro Ronchi
Author URI: http://www.alessandroronchi.com

	Webgriffe® v.1.0

	This theme was designed and built by Alessandro Ronchi for Webgriffe
	whose blog you will find at http://www.alessandroronchi.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body{
margin:0 0 10px 0; padding:0;
font-size: 87.5%; /* Resets 1em to 14px */
font-family:Geneva, "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
color: #333;
background:#555 url(img/bgBody.gif) repeat-x;
text-align: left;
}

#shines{
margin:0; padding:0;
width:100%; height:139px;
text-align:center;
}
#shines img{
border:none;
}

#wrapper{
margin:0 auto;
padding:0;
width:960px;
background:transparent url(img/bgCont.gif) repeat-y;
}

#mainContent{
overflow:hidden;
margin:0; padding:0;
background:transparent url(img/bgCont.gif) repeat-y;
}

#colBlogNavs{
float:left;
margin:0;padding:18px 10px 20px 23px;
width:147px;
background-color:transparent;
}

#colBlogNavs h2{
margin:0; padding:0 0 10px 0;
color:#333;
font-size:11px; line-height:11px;
text-transform:uppercase;
font-weight:normal;
}
#colBlogNavs ul{
margin:0 0 30px 0; padding:0;
list-style:none;
}
#colBlogNavs ul li{
margin:0; padding:0;
font-size:12px;
}
#colBlogNavs ul a{
color:#720014;
text-decoration:none;
}
#colBlogNavs ul a:hover{
text-decoration:underline;
}

#colBlogPosts{
float:left;
margin:0;padding:16px 15px 15px 15px; border-left:1px dashed #d7d7d7;
width:459px;
color:#666; background-color:transparent;
font-size:13px;
}
#colBlogPosts a{
color:#666;
}
#colBlogPosts img {
float:left;
margin:0 0.5em 0.5em 0; padding:0;
border:none;
} 
#colBlogPosts h1{
margin-top:0; padding-top:0;
color:#09abfe;
font-family: Georgia, Palatino, "Palatino Linotype", serif;
font-size:23px;
font-weight:normal;
}
#colBlogPosts h1 a{
color:#09abfe;
text-decoration:none;
}
#colBlogPosts h1 a:hover{
text-decoration:underline;
}
#colBlogPosts h2{
margin-top:0; padding-top:0;
color:#09abfe;
font-family: Georgia, Palatino, "Palatino Linotype", serif;
font-size:19px;
font-weight:normal;
}
#colBlogPosts h3{
margin-top:0; padding-top:0;
font-size:11px;
font-weight:normal;
color:#999;
text-transform:uppercase;
}
#colBlogPosts textarea{
width:80%;
}
#colBlogPosts pre{
font-size:90%;
background-color:#f5f5f5;
}
#colBlogPosts small{
font-size:90%;
}
#colBlogPosts .categories{
margin:0 0 1em 0; padding: 0 6px;
height:21px; line-height:21px;
color:#999; background:transparent url(img/bgCat.gif) no-repeat;
font-size:11px;
}
#colBlogPosts .categories a{
color:#2971a7;
text-decoration:none;
}
#colBlogPosts .categories a:hover{
text-decoration:underline;
}

#colOther{
float:right;
margin:0;padding:0 10px 15px 10px;
width:270px;
background-color:transparent;
}

#colOther form p.text{
float:left;
margin:0; padding:0;
}

#s{
float:left;
margin:19px 0 0 20px; padding:2px; border:1px solid #a5acb2;
width:140px; height:16px;
}

#searchsubmit{
float:left;
margin:19px 0 0 4px; padding:0; border:none;
width:27px; height:20px; 
}

.widget{
display:block;
margin:0 0 8px 0; padding:0 14px;
width:242px; height:58px; line-height:58px;
font-size:11px;
color:#fff;
text-decoration:none;
}
a.widget:hover{
text-decoration:underline;
}

.widget img{
float:left;
margin:0; padding:13px 11px 0 0;  border:none;
}

.bgDark{
background:#5a5956 url(img/bgWidDark.gif) top left no-repeat;
}
.bgLight{
background:#6a6968 url(img/bgWidLight.gif) top left no-repeat;
}
.bgLighter{
background:#aaa url(img/bgWidLighter.gif) top left no-repeat;
}

#footerHead{
margin:0; padding:0;
width:960px; height:23px;
font-size:1px;
background:#dddddd url(img/bgFootHead.gif) no-repeat;
}

#footer{
margin:0; padding:0;
width:960px; height:125px;
background:transparent url(img/bgFoot.gif) repeat-y;
font-size:11px; line-height:11px;
color:#868686;
}

#contact{
float:left;
margin:0; padding:8px 0 0 32px;
width:358px;
}
#contact h2{
margin:0; padding:0;
width:48px; height:17px;
background:#ddd url(img/titleShines.gif) no-repeat top left;
text-indent:-9000px;
}
#contact p{
margin:10px 0 0 0; padding:0;
}
#contact img{
float:left;
margin:0 10px 0 0; padding:0; border:none;
}

#job{
float:left;
margin:0; padding:8px 20px 0 28px;
width:221px;
}
#job h2{
margin:0; padding:0;
width:154px; height:17px;
background:#ddd url(img/titleJob.gif) no-repeat top left;
text-indent:-9000px;
}

#prod{
float:right;
margin:0; padding:0 15px 0 15px;
width:271px;
}
#prod h2{
margin:0; padding:0;
width:271px; height:39px;
background:#ddd url(img/pdLogo.jpg) no-repeat top left;
text-indent:-9000px;
}

#footer ul{
margin:0; padding:8px 0 0 0;
list-style:none;
font-size:11px; line-height:13px;
}
#footer a{
color:#2971a7;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

#extra{
margin:0; padding:13px 0 0 0;
width:960px; height:30px;
color:#868686; background:#555555 url(img/bgCopy.gif) top right no-repeat;
font-size:11px; line-height:20px;
}
#extra a{
text-decoration:none;
color:#4294c8;
}
#extra a:hover{
text-decoration:underline;
}

#copyright{
float:left;
margin:0; padding: 0 0 0 20px;
}
#link{
float:right;
margin:0; padding: 0 14px 0 0;
}