/*
Theme Name: Cameraphones Plaza
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:#fff;
font-family:Tahoma, Verdana, sans-serif;
font-size:12px;
text-align:center;
}

#wrapper {
width:960px;
margin:0 auto 0 auto;
text-align:left;
}

#header {
position:relative; 
width:960px; 
height:135px;
}

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

}

#header #searchBox {
position:absolute;
top:25px;
left:760px;
padding-top:20px;
}

#header #searchBox #searchInput {
width:159px;
padding-top:5px;
padding-bottom:3px;
padding-left:5px;
background-color:#dde7ef;
font-size:12px;
color:#666;
font-family: Tahoma, Verdana, sans-serif;
}

#header #searchBox #searchSubmit {
background-image:url("img/bg_searchSubmit.gif");
background-position:top left;
background-repeat: no-repeat;
width:30px;
height:22px;
background-color: transparent;
text-indent: -10000px;
}


#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;
}

#content {
float:left;
padding-bottom:40px;
margin-top:10px;
background-position: top left;
background-repeat: repeat-y;
width: 960px;
overflow:hidden;
}


#articles {
width:500px;
float:left;
overflow:hidden;
background:transparent;
}

div.post {
float:left;
width:500px;
}

p.postDate {
font-size: 11px;
font-weight: normal;
width:71px;
text-align:center;
float:left;
margin-right:10px;
margin-bottom:10px;
background-image:url("img/bg_date.gif");
background-position:top left;
background-repeat:no-repeat;
padding-top:20px;
color:#585858;
}

h2.postTitle {
float:left;
font-size:16px;
color:#e85b2b;
width:379px;
}

p.postInfo {
float:left;
width:379px;
overflow:hidden;
color:#6a6a6a;
font-size:10px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}
p.postInfo a {
color:#c00;
text-decoration: none;
}
p.postInfo a:hover {
text-decoration:none;
}

h2.postTitle a {
text-decoration:none;
color:#c00;
font-weight:normal;
}

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


div.storyContent {
font-size:12px;
overflow:hidden;
clear:both;
width: 500px;
}

form.subscribe {
padding-top:5px;
padding-left:10px;
margin-bottom:10px;
background-color:#f8f8f8;
}

form.subscribe p {padding-bottom:5px;color:#666;padding-right: 10px;line-height: 18px;}
form.subscribe input {font-size:11px; font-family:Tahoma;padding:2px;border:1px solid #e9eef2;font-size:14px;}
form.subscribe input.mail {width:300px;color:#666;}
form.subscribe input.submit {background-color:#c00; color:#fff; padding:1px;border:none;font-size:12px;width:60px; height:22px;}


div.storyContent p, ul, ol {
line-height:18px;
padding-bottom:10px;
}

div.storyContent p img {border:none;}
div.storyContent a {
color:#c00;
text-decoration:none;
}
div.storyContent a:hover {
color:#c00;
text-decoration:underline;
}

/*

div.storyContent li {
padding-left:10px;
background-image:url("img/list.gif");
background-position:0 8px;
}
div.storyContent>ul>li {background-position:0 5px;}
div.storyContent>ol>li {background-position:0 5px;}

*/

div.articleRelated {
float:left;
font-size:11px;
padding-bottom:10px;
overflow:hidden;
width:inherit;
padding-top:10px;
margin-bottom: 40px;
}


div.articleRelated p.readMore {float:left;width:50%; text-align: left;margin:0; padding:0;}
div.articleRelated p.articleInfo {float:left; width:50%; text-align: right;margin:0; padding:0;}
div.articleRelated p a {padding:10px; color:#c00;text-decoration: underline;}
div.articleRelated p a:hover {text-decoration: none;}

div.articleRelated ul.pages {padding: 0px; margin: 0px;}
div.articleRelated ul.pages li { display: inline; }
div.articleRelated ul.pages li a { color:#c00;text-decoration: none; }
div.articleRelated ul.pages li a:hover { text-decoration: underline; }

div.post div.articleActions {
width:460px;
float:left;
padding-top:40px;
}


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

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

div.vote form {
float:left;
}

*/

div.comments {
float:left;
width:450px;
overflow: hidden;
}

div.comments p.title {
background-image: url("img/title_comments.gif");
background-position:top left;
background-repeat:no-repeat;
text-indent: -10000px;
margin-bottom:25px;
}


div.comments ul {
float: left;
margin-bottom:10px;
font-size:12px;
padding-top:15px;
}

div.comments ul li {
padding-left:0;
font-size:12px;
margin-bottom:5px;
float:left;
}




div.comments ul li div {
float:left;
width:390px;
}
div.comments ul li div p {
background-color:#e9e9e9;
padding:5px;
}

div.comments ul li div p.authorInfo {
background-image:url("img/bg_comment.gif");
background-position:bottom left;
padding-bottom:9px;
font-size:10px;
color:#9e9e9e;
background-color:#fff;
} 

div.comments ul li div p.authorInfo a {
font-weight: bold;
text-decoration: none;
color:#c00;
}

div.comments ul li div p.authorInfo a:hover {
text-decoration: underline;
}

div.comments ul li div p.reply {
padding-top:3px;
font-size:11px;
background-color:#fff;
}

div.comments ul li div p.reply a {
color:#00c;
}

div.comments ul li div p.reply a:hover {
text-decoration: none;
}


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

div.comments ul li div.commentVote p {
background-color:#fff;
}

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

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

div.comments ul li div p.downVotes {
width:50px;
float:left; 
text-align:center;
font-size:11px;
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:430px;
float:right;
border-bottom:none;
}

div.comments ul li ul.replyComment li {
padding-left:0;
padding-top:5px;
margin-bottom:10px;
float:left;
}

div.comments ul li ul.replyComment li div {
float:left;
width:370px;
}

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

div.comments div.commentForm p {
padding-bottom:15px;
font-family:Tahoma, Verdana, sans-serif;
}

div.comments div.commentForm p input {
border:1px solid #cdd9db;
width:210px;
padding:3px;
font-family:Tahoma, Verdana, sans-serif;
font-size:12px;
}
div.comments div.commentForm p label {
padding-left:10px;
display: block;
float:left;
width:60px;
font-size:12px;
padding-top:3px;
}

div.comments div.commentForm p span {
font-size: 10px;
color:#9e9e9e;
padding-left:3px;
}

div.comments div.commentForm p textarea {
font-size:12px;
border:1px solid #cdd9db;
font-family:Tahoma, Verdana, sans-serif;
padding:3px;
width:350px;
height: 120px;
}

div.comments div.commentForm input.submit {
border:none;
background-image:url("img/bg_submitComment.gif");
background-color:transparent;
background-repeat:no repeat;
background-position:top left;
width:55px;
height:15px;
margin-left:70px;
}

#pageNav {
position:relative;
float: left;
overflow: hidden;
margin:0;
padding:0;
}

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

#pageNav span a:hover {
background-position: 0 -16px;
}

#pageNav #prev a {
float:left;
width:107px;
background-image: url("img/bg_past.gif");
}

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

#relatedContent {
float:left;
width:240px;
color:#484848;
padding-right: 10px;
padding-left: 20px;
}

#relatedContent h3 {
font-size:13px;
color:#000;
width:240px;
height:21px;
overflow:hidden;
text-indent:-1000px;
float:left;
background-color:#fff;
}

#relatedContent ul {
float:left;
margin-top:15px;
margin-bottom:20px; 
width:240px;
font-size:11px;
}

#relatedContent li {
padding-left:0;
line-height:14px;
background-image:url("img/bg_lists.gif");
background-position:bottom left;
background-repeat:repeat-x;
margin-bottom:5px;
/* float:left; */
}

#relatedContent li a {
color:#484848;
text-decoration:none;
display: block;
padding-bottom:8px;
/* float:left; */
}

#relatedContent li a span {
color:#484848;
font-weight: bold;
}

#relatedContent li a:hover {
color:#c00;
}

#relatedContent #comments h3 {
background-image:url("img/title_recentComments.gif");
}

#relatedContent #recentEntries h3 {
background-image:url("img/title_recentArticles.gif");
}
#relatedContent #recentEntries li {
width:240px;
}
#relatedContent #recentEntries li a {
}
#relatedContent #recentEntries li a:hover {
text-decoration:none;
color:#c00;
}

#relatedContent #categories h3 {
background-image:url("img/categMiddleCPP.gif");
}

#relatedContent #categories li {
width:240px;
}

#relatedContent #categories li a {
}

#relatedContent #categories li a:hover {
text-decoration:none;
color:#E65B2B;
}

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

#sidebar h3 {
width:180px;
height:20px;
overflow:hidden;
text-indent:-1000px;
margin-bottom: 10px;
background-position:top left;
}

#sidebar #newsLetter h3 {background-image:url("img/title_news.gif");border:none; height:27px;}
#sidebar #pages h3 {background-image:url("img/title_pagesSide.gif");}
#sidebar #categories h3 {background-image:url("img/title_categories.gif");}
#sidebar #archives h3 {background-image:url("img/title_archive.gif");}
#sidebar #blogroll h3 {background-image:url("img/title_blogroll.gif");}

#sidebar ul {
font-size:11px;
padding-bottom:30px;
}

#sidebar a {
color:#8f8f8f;
text-decoration:none;
}

#sidebar a:hover {
color:#c00;
}

#sidebar li {
padding-left: 0;
padding-bottom: 2px;
}

#sidebar h3 {
font-size:13px;
color:#000;
}
#sidebar form {
padding-bottom:20px; 
overflow:hidden;
}

#sidebar form p {
float:left;
}

#sidebar form input {
width:142px;
height:14px;
font-family:Tahoma, Verdana, sans-serif;
font-size:12px;
padding-top:6px;
padding-bottom:3px;
padding-left:5px;
color:#565656;
background-color: #dde7ef;
}

#sidebar form input.submit {
width:35px;
height:20px;
display:block;
background-position: top left;
background-repeat: no-repeat;
background-image:url("img/bg_newsAction.gif");
}

#footer {
float:left;
width:960px;
padding-bottom:10px;
margin-bottom:30px;
color:#000;
font-size:10px;
background-image: url("img/bg_footer.gif");
background-position:top left;
background-repeat: repeat-x;
overflow:hidden;
}
#footer p {float:left;padding-top:10px;}
#footer p.sitemap {float:right;background-image:url("img/bg_sitemap.gif");background-position:top left; background-repeat:no-repeat;padding-right:20px;text-align:center;width:45px;}
#footer a {color:#c00;text-decoration:none; }
#footer a:hover {text-decoration: underline; }

/* 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: 13px !important;
         font-weight: bold;
         color: #555;
}
#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;
}
#contact input.textBox:focus {
         border: 1px solid #ccc;
         background: #f0f0f0;
         color: #000;
}
#contact textarea {
         width: 380px;
         height: 120px;
         font-size: 13px;
         border: 1px solid #ddd;
         padding: 3px 5px;
         margin-left: 15px;
}
#contact textarea:focus {
         border: 1px solid #ccc;
         background: #f0f0f0;
}
#contact input.sendForm {
         width: 145px;
         height: 22px;
         padding: 0px 5px;
         text-align: center;         
         font-size: 11px;
         font-weight: bold;
         background-color: #c00;
         color: #ffffff;
         margin-left: 15px;
         margin-top: 5px;
         border: 1px solid #f86bd4;
         font-size: 12px;
}
/* end of CONTACT FORM */