/*
Theme Name: Hug a mate
Description: 3 cols custom made template for software blog
Version: 1.0
Author: Ciucanel Andrei
*/


html, body, table, td, div, p, ul, ol, h1, h2, h3, h4, h5, h6, hr, img, form, input, textarea {margin: 0; padding: 0; border-style: none; }
* {background-repeat: no-repeat; }

ul {
list-style-type:none;
}

ul li {
padding-left:15px;
}

body {
background-color:#b2afa1;
background-position:top left; 
background-repeat:repeat-x; 
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size:14px;
text-align:center;
}
/* POSITIONING */
#wrapper {
width:984px;
margin:0 auto 0 auto;
text-align:left;
}

#header {
position:relative;
width:984px; 
height:190px;
background-image:url("img/bg_header.jpg");
background-repeat:no-repeat;
background-position: top left;
}

#articles {
width:632px;
float:left;
overflow:hidden;
background-image:url("img/bg_articles.gif");
background-repeat:repeat-y;
background-position: top left;
}

#relatedContent {
float:left;
width:190px;
color:#999;
overflow: hidden;
}

#socialActions {
float:left;
width:341px;
height:228px;
overflow: hidden;
background-image:url(img/bg_social1.jpg);
padding-left:11px;
padding-top:37px;
}

#sidebar {
float:left;
width:162px;
overflow: hidden;
}

#footer {
width:97%;
padding-top:5px;
padding-left:30px;
padding-bottom:10px;
margin-bottom:30px;
color:#fff;
font-size:11px;
border-top:5px solid #7e7e7e;
float:left;
overflow:hidden;
}
/* STYLES */

#header #logo a {
display:block;
overflow:hidden;
width:152px;
height:127px;
position:absolute;
top:7px;
left:26px;
background-image:url("img/logo.gif");
text-indent:-10000px;

}

#howTo {
position:absolute;
top:15px;
left:224px;
}

#howTo h2 {
width:165px;
height:45px;
background-image: url("img/title_action.gif");
background-repeat: no-repeat;
background-position: top left;
text-indent:-10000px;
}

#howTo ol {
width:540px;
height:95px;
background-image:url("img/bg_action.gif");
}

#howTo ol li {list-style-type: none; position:absolute;text-indent:-1000px;}
#howTo #step1 {width:150px; height:60px;left:5px; top:60px;background-image:url("img/bg_step1.gif");}
#howTo #step2 {width:180px; height:60px;left:185px;top:60px;background-image:url("img/bg_step2.gif");}
#howTo #step3 {width:150px; height:60px;left:400px;top:60px;background-image:url("img/bg_step3.gif");}

#postLol {
position:absolute;
top:60px;
left:570px;
}

#postLol a {
display:block;
width:80px;
height:70px;
overflow:hidden;
text-indent:-10000px;
background-image:url("img/bg_linkAction.gif");
}
#rss {display: none;}
/*
#rss {
position: absolute;
top:80px;
right:175px;
}
#rss a {
display: block;
width:19px;
height: 19px;
background-image:url(img/rss.gif);
overflow: hidden;
text-indent: -1000px;
}

*/


#search {

}

#search h3 {
background-image:url("img/title_search.gif");
width:180px;
height:25px;
overflow: hidden;
text-indent: -10000px;
padding-bottom:10px;
}

#socialActions input {
background-color:transparent;
width:270px;
height:30px;
padding-top:7px;
padding-left:10px;
font-size:16px;
background-image:url("img/bg_input.gif");
background-position: top left;
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

#search #searchAction {
width:22px;
height:17px;
background-image:url("img/bg_searchBtn.gif");
background-position: top left;
background-repeat:no-repeat;
margin-left:5px;
margin-top:10px;
}

#socialActions #newsLetter {
padding-top:10px;
padding-left:15px;
clear:both;
}
#socialActions>#newsLetter {
padding-top:20px;
}

#socialActions #newsLetter h3 {
background-image:url("img/title_newsletter.gif");
width:270px;
height:25px;
overflow: hidden;
text-indent: -10000px;
padding-bottom:10px;


}

#socialActions #newsLetter #submitAction {
width:81px;
height:22px;
background-image:url("img/bg_subscribe.gif");
background-position: top left;
background-repeat:no-repeat;
margin-left:5px;
margin-top:10px;
}

#relatedContent {
background-image:url("img/bg_related.gif");
background-position: top left;
background-repeat: repeat-y;
}

#relatedContent div {
padding-top:59px;
background-image:url("img/bg_relatedTop.jpg");
background-position: top left;
background-repeat: no-repeat;
}

#relatedContent ul {
background-image:url("img/bg_relatedBtm.jpg");
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom:30px;
padding-top:20px;
}
#relatedContent ul li {
padding-left:10px;
padding-bottom:10px;
width:85%;
font-size:13px;
}

#relatedContent ul li span {
display:block;
font-size:14px;
color:#797979;
font-weight: normal;
}

#relatedContent ul li a {
text-decoration:none;
color:#000;
line-height:16px;
}
#relatedContent ul li a:hover {
color:#de7d07;
}

#relatedContent h3 {
width: 170px;
height:15px;
background-position: top left;
background-repeat: no-repeat;
text-indent:-10000px;
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
overflow:hidden;
float:left;
}

#relatedContent>div>h3 {
margin-left:10px;
}

#relatedContent #comments {}
#relatedContent #comments h3 {background-image:url("img/title_comments.gif");}
#relatedContent #recentEntries h3 {background-image:url("img/title_recentArticles.gif");}
#relatedContent #recentEntries ul li {padding-bottom:20px;}
#relatedContent #recentEntries ul li h4 {padding-bottom:5px;}
#relatedContent #recentEntries ul li h4 a {font-weight:bold;padding-bottom:10px;font-size:13px;color:#de7d07;}
#relatedContent #recentEntries ul li h4 a:hover {color:#797979;}

#sidebar {
background-image:url("img/bg_related.gif");
background-position: top left;
background-repeat: repeat-y;
}

#sidebar div {
padding-top:10px;
background-image:url("img/bg_sidebarTop.gif");
background-position: top left;
background-repeat: no-repeat;
float:left;
overflow:hidden;
}

#sidebar ul {
float:left;
overflow:hidden;
background-image:url("img/bg_sidebarBtm.gif");
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom:50px;
padding-top:7px;
width:100%;
}

#sidebar h3 {
width: 160px;
height:15px;
background-position: top left;
background-repeat: no-repeat;
text-indent:-10000px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
overflow:hidden;
float:left;
}

#sidebar #archives h3 {background-image:url("img/title_archive.gif");}
#sidebar #blogroll h3 {background-image:url("img/title_blogroll.gif");}
#sidebar ul {padding-left:10px;}
#sidebar ul li {
background-image:url("img/bullet.gif");
background-position:0 1px;
padding-bottom:10px;
font-size:11px;
}
#sidebar ul li a {text-decoration:none;color:#000;}
#sidebar ul li a:hover {color:#de7d07;}


#content {
float:left;
padding-bottom:40px;

}
.storyContent {
background-image:url("img/bg_postBtm.jpg");
background-position:bottom left;
padding-bottom:121px;
}

.storyContent .content {
margin-left: 15px;
width: 550px;
text-align: center;
}

div.post {
float:left;
background-image:url("img/bg_postTop.jpg");
width:100%;
}

p.postDate {
padding-top:58px;
padding-left:20px;
font-size: 14px;
padding-bottom: 20px;
font-weight: bold;
float:left;
width:100px;
}


h2.postTitle {
background-image: url(img/bg_title.gif);
background-position: bottom right;
background-repeat: no-repeat;
padding-top:40px;
padding-right:17px;
padding-bottom:15px;
float:left;
}

h2.postDescription {
background-image: url(img/bg_title.gif);
background-position: bottom right;
background-repeat: no-repeat;
margin-top: 10px;
padding-bottom:15px;
margin-left: 15px;
float:left;
}

p.postInfo {
padding-top:10px;
float:right;
width:475px;
overflow:hidden;
clear:right;
color:#999;
}

/*
p.postInfo a {
color:#999;
}
p.postInfo a:hover {color:#00f;}
*/

h2.postTitle a {
text-decoration:none;
font-size:21px;
color:#de7d07;
font-weight: normal;
}

h2.postTitle a:hover {
color:#000;
}


div.storyContent {
font-size:12px;
overflow:hidden;
padding-left:17px;
clear:both;
}

form.subscribe {
background-color:#ffe1ff;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
width:485px;
}

form.subscribe p {padding-bottom:5px; color:#000;padding-left: 10px;padding-right: 10px;}
form.subscribe input {font-size:11px; font-family:arial;padding:3px;border:1px solid #000;}
form.subscribe input.mail {width:300px;}
form.subscribe input.submit {background-color:#000; color:#ccc; border:none;}

div.articleRelated {
font-size:11px;
padding-bottom:10px;
background-image:url(img/bg_post_btm.gif);
background-position: bottom left;
background-repeat: no-repeat;
overflow:hidden;
width:95%;
padding-top:20px;
padding-bottom:20px;
}

div.vote {
float:left;
padding-left:17px;
}

div.vote p {
float:left;
padding-right:4px;
}

div.vote form {
float:left;
}

p.articleInfo {
float:right;
padding-right:20px;
}
p.articleInfo a {
color:#ffa231;
font-size:12px;
}

p.articleInfo a:hover {
color:#000;
text-decoration: none;
}

div.comments {
float:left;
padding-left:15px;
}

div.comments p.title {
padding-top:20px;
padding-bottom:10px;
font-size:16px;
font-weight: bold;
}

div.actions {
float:left;
width:100%;
padding-bottom: 5px;

}

div.actions p {
float:right;
font-size: 11px;
}

div.actions p.leaveComment a {
padding:3px;
background-repeat: no-repeat;
color:#de7d07;
text-decoration: none;

}
div.actions p.leaveComment a:hover {color:#000;}

div.actions div.sort {
float:left;
}

div.actions div.sort p {
float:left; 
padding-right: 10px;
padding-top:4px;
font-weight: bold;
}

div.actions div.sort form {
float: left;
}

div.comments p.title {
margin-top:15px;
width:125px;
height:30px;
background-image:url("img/title_commentsShow.gif");
background-position:top left;
text-indent:-10000px;
overflow: hidden;
}
div.comments ul {
float: left;
width:100%;
margin-bottom:10px;
font-size:12px;
padding-top:15px;
}

div.comments ul li {
padding-left:0;
font-size:13px;
background-image:url("img/bg_comments.gif");
background-position:top left;
padding-top:15px;
margin-bottom:30px;
float:left;
width:100%;

}




div.comments ul li div {float:left;width:90%;}
div.comments ul li div p.authorInfo{padding-bottom:5px;} 
div.comments ul li div p.authorInfo a {font-weight: bold;text-decoration: none; color:#7b7b7d;}
div.comments ul li div p.authorInfo a:hover {color:#000;}
div.comments ul li div p.reply {padding-top:5px;}
div.comments ul li div p.reply a {color:#de7d07; text-decoration:none;}
div.comments ul li div p.reply a:hover {color:#000;text-decoration:underline;}


div.comments ul li div.commentVote {
float:right;
width:50px;
text-align: center;
}


div.comments ul li div p.noVotes {width:50px;float:left; text-align:center;font-size:14px;color:#999;padding:0;padding-bottom:5px;}
div.comments ul li div p.upVotes {width:50px;float:left; text-align:center;font-size:14px;color:#068306;padding:0;padding-bottom:5px;}
div.comments ul li div p.downVotes {width:50px;float:left; text-align:center;font-size:14px;color:#c00;padding:0;padding-bottom:5px;}

div.comments ul li div p.vote {float:left; width:20px;height:23px;overflow:hidden;margin:0;padding:0; padding-left: 5px;}
div.comments ul li div p.vote a {display:block; width:20px; height:23px; background-image: url(img/vote.gif); text-indent: -1000px;}
div.comments ul li div p.vote a.up {background-position:top left;}
div.comments ul li div p.vote a.down {background-position:top right;}
div.comments ul li div p.vote a.up:hover {background-position:0 -23px;}
div.comments ul li div p.vote a.down:hover {background-position:-30px -23px;}



div.comments ul li ul.replyComment {width:93%;float: right;border-bottom:none;}

div.comments ul li ul.replyComment li {
padding-left:0;
font-size:13px;

padding-top:5px;
margin-bottom:10px;
float:left;
}

div.comments ul li ul.replyComment li div {float:left;width:90%;}

div.comments ul li ul.replyComment li div.commentVote {
float:right;
width:50px;
}

div.comments div.commentForm {
}

div.comments div.commentForm p.commentTitle {
padding-top:10px;
font-size:14px; 
font-weight:bold;
padding-bottom:10px;
width:192px;
height:32px;
clear:both;
background-image:url("img/title_postComment.gif");
text-indent:-1000px;
}

div.comments div.commentForm p {
padding-bottom:15px;
overflow:hidden;
width:560px;
}

div.comments div.commentForm p input {
width:400px;
padding:3px;
font-size:14px;
background:transparent;
background-image:url("img/bg_comments.gif");
background-position:bottom left;
background-repeat:no-repeat;
float:left;
}
div.comments div.commentForm p label {
padding-left:10px;
width:100px;
height:33px;
display: block;
float:left;
overflow:hidden;
text-indent:-10000px;
background-position: top right;
}

div.comments div.commentForm #formName label {background-image:url("img/form_name.gif");}
div.comments div.commentForm #formMail label {background-image:url("img/form_mail.gif");}
div.comments div.commentForm #formWebsite label {background-image:url("img/form_website.gif");}
div.comments div.commentForm #formMessage label {background-image:url("img/form_message.gif");}



div.comments div.commentForm p textarea {
font-size:12px;
font-family:verdana;
padding:5px;
width:430px;
background-color:transparent;
background-image: url("img/bg_message.gif");
}

div.comments div.commentForm input.submit {
background-color:transparent; 
background-image: url("img/bg_post.gif");
width:47px;
height:17px;
color:#000; 
border:none;
text-indent:-10000px;
overflow: hidden;
margin-left:120px;
}

#pageNav {
width:629px;
float:left;
background-color:#B2AFA1;
}

#pageNav li a {
display:block; 
height:75px;
text-indent: -10000px;
background-position: top left;
overflow: hidden;
}

#pageNav #prev {float: left;}
#pageNav #prev a {background-image: url("img/bg_older.gif");width:148px; }
#pageNav #prev a:hover {background-position: 0 -84px;}

#pageNav #next {float:right;}
#pageNav #next a {background-image: url("img/bg_recent.gif");width:168px;}
#pageNav #next a:hover {background-position: 0 -86px;}





#footer p {float:left;}
#footer p.sitemap {float:right;padding-right:15px;}
#footer a {color:#06e;text-decoration:none;}
#footer a:hover {text-decoration: underline; }




#uploaderBody {
float:left;
width:820px;
font-size:14px;
background-image:url("img/bg_uploader.gif");
background-repeat:repeat-y;	
background-position:0 15px;
}
#uploaderBody #step1Title {
width:100%;
height:133px;
background-image:url("img/bg_titleUpload.gif");
background-position:0 0; 
text-indent:-1000px;
padding-bottom:5px;
overflow:hidden;
}

#uploaderBody #step2Fix {
width:100%;
height:35px;
margin-top:30px;
margin-bottom:10px;
background-image:url("img/bg_titleFix.gif");
text-indent: -10000px;
background-position:25px 0;
}

#uploaderBody #submitted {
height: 23px;
background-image:url("img/bg_submmited.gif");
background-position:bottom left;
overflow:hidden;
text-indent:-10000px;
padding-bottom:10px;
margin-left:20px;
padding-top:32px;
margin-bottom:28px;
}


#uploaderBody p {
padding-bottom:10px;
padding-left:20px;
width:95%;
}

#uploaderBody #upload {
padding-top:11px;
}

#uploaderBody #upload p {
padding-right:10px;
padding-top:5px;
}

#uploaderBody #upload p input {
border:1px solid #5288BC;
}
#uploaderBody #upload #submit { 
width:62px; 
height:20px; 
margin-left:20px;
background-color:transparent;
background-image:url("img/bg_uploadAction.gif");
border:none;
}


#uploaderBody div.pagination {
overflow: hidden;
padding-top:2px;
padding-bottom: 2px;
margin-left:20px;

margin-top:10px;
font-size:13px;
background-image: url("img/bg_navi.gif");
height:42px;
width: 760px;
padding-top:12px;
padding-left:10px;
}


#uploaderBody div.pagination p {
float:left;
font-weight: bold;
margin-bottom:3px;
padding:0;
overflow:hidden;
width: auto;
}

#uploaderBody div.pagination ul {
float: left;
}

#uploaderBody div.pagination ul li {display:inline;color:#888;}
#uploaderBody div.pagination ul li a {color:#DE7D07;text-decoration:none;}
#uploaderBody div.pagination ul li a:hover {color:#000;text-decoration:underline;}

#uploaderBody div.pagination p.next {float:right;padding-right:20px;}
#uploaderBody div.pagination p.next a { color:#DE7D07; text-decoration: none;padding-left:5px; padding-right: 5px;}
#uploaderBody div.pagination p.next a:hover {color:#000;text-decoration:underline;}

#uploaderBody div.pagination p.prev {float:right;padding-right:20px;}
#uploaderBody div.pagination p.prev a { color:#DE7D07; text-decoration: none;padding-left:5px; padding-right: 5px;}
#uploaderBody div.pagination p.prev a:hover {color:#000;text-decoration:underline;}


#uploaderBody #photoThums {
padding-top:20px;
padding-left:20px;
overflow:hidden;
}

#uploaderBody #photoThums li {
margin:15px;
padding:1px;
border:1px solid #f3f3f3;
background-color:#fff;
display:inline;
width:auto;
float:left;
padding-bottom:15px;
}


#uploaderBody #photoThums li a {}
#uploaderBody #photoThums li a:hover {}
#uploaderBody #photoThums li img {}
#uploaderBody #photoThums ul.actions {padding-left:5px;}
#uploaderBody #photoThums ul.actions li {padding:0;margin:0;display: inline;width:auto;width:75px;border: none;padding-top:5px;}
#uploaderBody #photoThums ul.actions li a {color:#DE7D07;font-size: 12px;text-decoration: none;}
#uploaderBody #photoThums ul.actions li a:hover {color:#000;text-decoration:underline;}
#uploaderBody #photoThums ul.actions li.preview {text-align:right;}
#uploaderBody #photoThums ul.actions li.preview a {float: right;}
#uploaderBody #image {width:500px;float:left;}
#uploaderBody #customize {width:760px;margin-left:20px;margin-bottom:50px;border:1px solid #bbb;}
#uploaderBody #customize #app {margin:0;padding:0;}

/**/


/*

#tabs {
overflow:hidden;
background-image:url("img/bg_tabs.gif");
background-position:bottom left;
background-repeat:repeat-x;
width:740px;
}
#tabs li {
float:left;
margin:0;
padding:0;
margin-right:5px;
border-bottom:1px solid #F86BD4;
}
#tabs li.selected {border-bottom: 1px solid #fff;}

#tabs li a {
display: block;
width:170px; 
height:42px; 
color:#fff; 
background-color:#F86BD4;
background-image:url("img/tabs.gif");
background-position:top left;
background-repeat:no-repeat;
text-indent:-1000px;
}

#tabs #newPics a {background-position: -1px 0;}
#tabs #oldPics a {background-position:-172px 0;}
#tabs #newPics a:hover {background-position: -1px -47px;}
#tabs #oldPics a:hover {background-position:-172px -47px;}
#tabs #newPics.selected a {background-position: -1px -47px;}
#tabs #oldPics.selected a {background-position:-172px -47px;}
#tabs #newPics.selected a:hover {background-position: -1px -47px;}
#tabs #oldPics.selected a:hover {background-position:-172px -47px;}

*/

/* CONTACT FORM - GENERAL STYLES
=================================*/
#contact {
         margin-top: 20px;
         padding-bottom: 20px;
         width: 480px;
         overflow: hidden;
}
#contact p, label {
         margin: 0 0 0 8px;
         padding: 0px;
         font-family:"Trebuchet MS", Tahoma, Verdana;
         font-size: 15px !important;
         font-weight: bold;
         color: #5488BB;
}
#contact form {
         margin: 0px;
         padding: 0px;
}
#contact form p.errorMsg {
         color: #f00;
	 font-weight: normal;
	 width: 385px;
         margin: 0 0 5px 15px;
         font-size: 10px;
}
#contact form p.successMsg {
         color: #00CE2D;
	 font-weight: normal;
	 width: 385px;
         margin: 0 0 10px 15px; 
         text-indent: 0px;
         font-size: 10px;
}
#contact input.textBox {
         width: 230px;
         height: 15px;
         font-size: 13px;
         border: 1px solid #ddd;
         padding: 3px 5px;
         margin-left: 15px;
         margin-bottom: 10px;
         background-color:transparent;
}
#contact input.textBox:focus {
         border: 1px solid #ccc;
         background: #F2E596;
         color: #000;
}
#contact textarea {
         width: 450px;
         height: 120px;
         font-size: 13px;
         border: 1px solid #ddd;
         padding: 3px 5px;
         margin-left: 15px;
         background-color:transparent;
}
#contact textarea:focus {
         border: 1px solid #ccc;
         background: #F2E596;
}
#contact .sendForm {
         width: 145px;
         height: 22px;
         padding: 0px 5px;
         text-align: center;         
         font-size: 11px;
         font-weight: bold;
         background-color: #F2E596;
         color: #000;
         margin-left: 15px;
         margin-top: 5px;
         font-size: 12px;
}
/* end of CONTACT FORM */