/*
Theme Name: alPC.it
Description: Tema wordpress alPC.it
Author: KaralisDesign
Version: 1.0
*/

/* start of CSS reset  */

body {
background:#fff;
font-family:Tahoma;
font-size:12px;
text-align:center;
}

a {
color:#336699;
}

a:hover {
color:#993333;
}

#wrapp {
margin:0 auto;
float:left;
background:#fff;
}

#wrapper {
width:980px;
margin:0 auto;
}
#header {
width:980px;
height:200px;
float:left;
}

#logo {
float:left;
width:240px;
height:160px;
}

#topbanner {
float:left;
width:460px;
padding-top:45px;
}

#search {
float:left;
padding-top:10px;
width:470px;
margin:0px;
}

#search .cerca {
border:3px solid #174C80!important;
margin:0px!important;
width:378px;
font-size:11px;
color:#6699cc;
padding:3px!important;
float:left;
}

#search .submit {
float:left;
}

#pannello {
float:right;
width:265px;
height:150px;
background:url(images/pannello.jpg) right no-repeat;
text-align:left;
}

#welcome {
float:right;
width:265px;
height:150px;
background:url(images/welcome.jpg) right no-repeat;
text-align:left;
font-family:Georgia;
font-style:italic;
color:#666;
font-size:26px;
text-align:center;
}

#welcome .text {
padding:50px 15px 0 15px;
}

#welcome .blue {
color:#336699;
}

#pannello .user {
margin-top:33px;
clear:both;
height:25px;
padding-left:15px;
}

#pannello .user input {
border:0 none;
background:transparent!important;
color:#003366;
font-size:11px;
padding:2px;
width:170px;
}

#pannello .password {
clear:both;
margin-top:3px;
padding-left:15px;
}
#pannello .password input {
background:transparent;
width:110px;
border:0 none;
color:#003366;
font-size:11px;
padding:2px;
}
#pannello .entra {
clear:both;
padding-top:7px;
padding-left:15px;
}
#pannello .entra input {
background:url(images/entra.jpg) top no-repeat;
border:0 none;
width:242px;
height:31px;
cursor: pointer!important;
}

#pannello .entra input:hover {
background:url(images/entra.jpg) bottom no-repeat;
border:0 none;
width:242px;
height:31px;
}

.nonseiregistrato {
font-size:11px;
clear:both;
margin-top:5px;
color:#ccc;
padding-left:15px;
}

.nonseiregistrato a {
color:#fff;
font-weight:bold;
font-size:14px;
line-height:0;
text-decoration:none;
}

.nonseiregistrato a:hover {
color:#000;
}


#navi {
width:980px;
float:left;
background:#fff url(images/menu.jpg);
height:30px;
font-size:11px;
}

#navi a {
color:#fff;
text-shadow: 0px -1px 0px #003366;
text-decoration:none;
text-transform:uppercase;
}

#navi a:hover {
color:#000;
text-shadow: 0px -1px 0px #003366, 0px 1px 0px #6699ff;
}

#navi .children, #navi ul li ul li {
display:none;
}

#navi ul, #navi li {
list-style:none;
float:left;
}

#navi ul {
padding-top:5px;
}

#navi li {
line-height:20px;
padding:0 5px;
border-right:1px solid #6699aa;
}

/** content **/

#content {
width:980px;
background:#fff;
float:left;
}

/* inizio main */

#main {
width:480px;
float:left;
text-align:left;
overflow:hidden;
padding-bottom:15px;
}

#main .middlebanner {
float:left;
margin:10px 0;
padding:0 5px;
}

#main #sx {
width:235px;
float:left;
padding-right:5px;
overflow:hidden;
margin-top:10px;
}

#main #dx {
width:235px;
float:right;
overflow:hidden;
margin-top:10px;
}

.box {
padding:4px;
border:1px solid #aaa;
border-bottom-color:#999;
border-top-color:#ddd;
width:225px;
margin-bottom:10px;
background:#f0f0f0 url(images/box.jpg) top no-repeat;
font-size:12px;
}

.box .cat {
padding:3px;
font-size:10px;
color:green;
border:1px solid #aaa;
float:left;
width:115px;
height:8px;
background:#fff url(images/cat.jpg) repeat-x;
overflow:hidden;
}

.box .cat a {
color:green;
}

.box .time {
float:right;
width:auto;
font-size:9px;
color:#cc0000;
font-weight:bold;
padding:3px;
background:#fff;
border:1px solid yellow
}

.boxtitle {
clear:both;
padding:5px 0;
height:65px;
overflow:hidden;
}

.boxtitle a {
text-decoration:none;
font-weight:bold;
color:#000;
font-size:18px;
line-height:22px;
}

.boxmeta {
font-size:10px;
color:#888;
padding:0 0 7px 0;
clear:both;
width:225px;
height:35px;
overflow:hidden;
}

.boxmeta .blue a {
color:blue;
text-decoration:none;
}

.boxmeta .red a {
color:#cc6666;
text-decoration:none;
}

.boxtext {
font-size:11px;
color:#555;
padding:10px 0;
height:40px;
overflow:hidden;
}

.post_archive {
float:left;
width:480px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}
.post:hover {
border-bottom-color:#999;
}
.post .thumb {
width:50px;
height:50px;
float:left;
padding:0 10px 0 0;
}
.post_title {
font-size:14px;
font-weight:bold;
margin-bottom:5px;
float:left;
width:480px;
}
.post_title a {
text-decoration:none;
float:left;
}
.post_archive .thumb {
float:left;
width:50px;
height:50px;
padding-right:10px;
overflow:hidden;
font-size:9px;
color:#ccc;
margin:0!important;
}
.post_text {
font-size:12px;
color:#555;
text-align:justify;
line-height:18px;
width:400px;
float:left;
}
.post_url a {
font-size:10px;
color:green;
padding:5px 0;
text-decoration:none;
float:left;
clear:both;
}
.post_url a:hover {
color:#990000;
}
.post_time {
font-size:10px;
color:#999!important;
font-weight:normal;
float:left;
padding:3px;
}

.query {
clear:both;
font-size:14px;
color:#666;
padding-bottom:10px;
}

/* fine Main */

/* left */

#left {
float:left;
width:185px;
text-align:left;
font-size:12px;
padding-right:5px;
}

#left a {
display:block;
float:left;
text-decoration:none;
text-indent:5px;
text-shadow: 0px 1px 0px #fff;
}

#left a:hover {
color:#003366;
}

#left li {
float:left;
margin:0px;
padding:0px;
}

#left ul li a {
margin-bottom:5px;
float:left;
width:185px;
height:27px;
background:url(images/button.jpg) no-repeat;
line-height:25px;
font-weight:bold;
}

#left ul li a:hover {
float:left;
width:185px;
height:27px;
background:url(images/button.jpg) 0 -27px no-repeat;
line-height:25px;
}

#left ul li ul li a {
width:185px;
height:27px;
float:left;
background:url(images/button.jpg) 0 -54px no-repeat;
text-indent:10px;
font-size:11px;
font-weight:normal;
}

#left ul li ul li a:hover {
width:185px;
height:27px;
float:left;
background:url(images/button.jpg) 0 -81px no-repeat;
text-indent:10px;
}

/* fine left */

#sidebar {
float:right;
width:300px;
text-align:left;
}

#topbanners {
width:300px;
float:left;
display:block;
}

/* inizio commenti */

#comments {
width:480px;
overflow:hidden;
float:left;
background:#fff;

margin-bottom:10px;
font-size:11px;
}

#comments h3 {
font-size:14px;
color:#669999;
clear:both;
float:left;
width:97%;
padding:2px;
margin-top:5px;
text-align:center;
line-height:12px;
font-weight:bold;
}

#comments ul li {
clear:both;
border-bottom:1px solid #ccc;
padding:5px;
padding-top:10px;
float:left;
width:470px;
}

#comments ul li .commimg {
float:left;
padding-right:15px;
padding-bottom:5px;
width:48px;
}

#comments ul li .commtext {
line-height:18px;
color:#333;
margin-top:5px;
float:left;
width:400px;
}

#comments ul li .commtext  p {
padding:0px;
}

#comments ul li .commaut {
float:left;
padding-right:5px;
font-weight:bold;
color:#003366;
font-size:14px;
}

#comments ul li .commdata {
float:right;
font-size:10px;
color:#999;

}

#commentform {
font-size:9px;
color:#666;
margin-top:15px;
}

#comments p {
padding:10px;
float:left;
display:block;
}

#commentform p {
padding:2px 0;
}

.approve {
text-align:left;
width:450px;
float:right;
color:red;
margin-bottom:10px;
}

#author, #email, #url {
border:2px solid #ddd;
font-size:11px;
padding:5px;
color:#333;
width:250px;
}

#comment {
border:2px solid #ddd;
background:#FFEFF0;
font-size:12px;
padding:5px;
color:#333;
width:455px;
color:#333;
}

#submit {
color:#666;
}

/* fine commenti */


/** footer **/

#footer {
width:100%;
height:40px;
float:left;
color:#fff;
background:#333;
line-height:40px;
text-align:left;
font-size:11px;
font-weight:normal;
text-indent:10px;
margin-bottom:10px;
}

#footer a {
text-decoration:none;
color:#999;
font-weight:bold;
}

#footer a:hover {
text-decoration:none;
color:#ccc;
font-weight:bold;
}

#footer .karalis {
color:#fff;
float:right;
padding-right:80px;
background:#326698 url(images/footer.jpg) right no-repeat;
}

#footer .left {
float:left;
}

#footer .right {
float:right;
}


.widget {
float:left;
margin-bottom:10px;
background:#f0f0f0 /* url(images/tab_back.jpg) no-repeat */;
width:298px;
padding:0;
font-size:11px;
border:1px solid #ccc;
color:#fff;
}

.widget a {
color:#336699;
}

.widget a:hover {
color:#990000;
}


h2.widgettitle {
background:url(images/tab_active.jpg) repeat-x;
padding:7px 5px;
font-size:13px;
color:#fff;
margin:0px!important;
float:left;
width:288px;
}

.widget ul {
padding:5px;
list-style-type:none;
float:left;
}

.widget ul li {
padding:5px;
float:left;
clear:both;
background:#fff;
width:278px;
border-bottom:1px dashed #ccc;
}
.widget ul li:hover {
background:#f0f0f0;
border-bottom:1px solid #ccc
}
.widget ul li ul li{
margin-left:15px!important;
font-size:10px;
}
.widget ul a {
width:100%;
height:auto;
display:block;
}

/* profile */

#profile {
float:left;
text-align:left;
width:670px;
}

#photo {
width:120px;
height:155px;
padding:10px;
float:left;
border:1px solid #ccc;
background:url(images/box.jpg) no-repeat;
text-align:center;
}

#photo img {
border:2px solid #fff;
max-width:115px;
}

#name {
font-size:20px;
width:500px;
border-bottom:5px solid #99dddd;
float:left;
margin-left:10px;
}

#info_author {
float:left;
background:#f0f0f0;
width:240px;
font-size:11px;
margin-left:10px;
border:1px solid #ddd;
margin-top:10px;
}

#info_author h6, #author_post h6 {
font-size:14px;
color:#003366;
background:#99DDDD;
padding:5px;
margin-top:0px;
}

#info_author .info_meta li {
padding-bottom:5px;
color:#333;
z-index:1;
border-bottom:1px solid #ddd;
padding:5px;
}

#info_author .info_meta li:hover {
background:#fff;
}

#author_post {
float:left;
background:#f0f0f0;
width:246px;
font-size:11px;
margin-left:10px;
border:1px solid #ddd;
margin-top:10px;
}

#author_post li {
padding-bottom:5px;
color:#555;
z-index:1;
border-bottom:1px solid #ddd;
padding:5px;
}

#author_post a {
text-decoration:none;
color:#3366cc;
width:100%;
height:auto;
display:block;
}

#author_post li:hover {
background:#fff;
}

.copyright {
background:transparent;
height:25px;
z-index:12;
position:absolute;
margin-top:49px;
margin-left:-1px;
width:241px;
}

/* fine profile */

/* related */

#related {
float:left;
width:478px;
border:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
border-top:0px none;
font-family:Verdana;
}

#related .rel {
font-size:14px;
float:left;
width:450px;
font-weight:bold;
color:#fff;
border-top:1px solid #6699cc;
background:#acdcdc;
padding:5px;
padding-right:23px;
margin-bottom:10px;
text-align:right;
text-shadow:0px 0px 5px #003366;
}

.related_post {
display:block;
float:left;
width:440px;
}

#related .post_div {
width:440px;
float:left;
font-size:11px;
color:#666!important;
line-height:14px;
padding-left:5px;
padding-bottom:15px;
}

.post_div a {
color:#3366cc;
font-size:13px;
}

#related .img_related_post {
display:none;
}

.perma a {
color:#555;
text-decoration:none;
font-size:10px;
padding-top:2px;
float:left;
}

/* fine related */

.views {
font-size:11px;
color:#000;
background:url(images/views.jpg) no-repeat;
line-height:20px;
height:25px;
width:120px;
display:block;
}
.views img {
float:left;
width:12px;
height:12px;
margin:5px;
}