/*  
Theme Name: BloggingPro Theme
Theme URI: http://bloggingpro.com/
Description: The default WordPress theme based on the blog <a href="http://bloggingpro.com/">BloggingPro</a>.
Version: 1.2
Author: Elena G.
Author URI: http://designdisease.com/

This theme was designed and built by Elena G, whose blog you will find at http://blog.designdisease.com/

*/


/* CSS Document */
body { margin: 0; padding: 0; background: #fff; font-family: 'Verdana'; color:#1e1e1e;
 font-size: 12px;}


/* General Links */
a:link { text-decoration : none; color : #3366cc; border: 0px;} 
a:active { text-decoration : underline; color : #3366cc; border: 0px;} 
a:visited { text-decoration : none; color : #3366cc; border: 0px;} 
a:hover { text-decoration : underline; color : #ff5a00; border: 0px;} 


img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

input { font-family: 'Verdana'; color: #6a5555; font-size: 10px; }
textarea { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }
select { font-family: 'Verdana'; color: #6a5555; font-size: 10px;  }

h1, h2, h3 { font-family: 'Arial';}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontain { width: 100%; background: url(./images/bkg_bgcontain.png) repeat-x;} 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.HeaderBG { width: 100%; float: left; background: #fff url(./images/bkg_body.png) repeat-x; }
.Header { width: 1115px; position: relative; margin: 0 auto; padding: 32px 0px 10px 0px; height: 70px; }
*+html .Header { height: 100px;}
.Header h1 { font-size: 35px; letter-spacing: -2px; line-height: 35px; padding: 15px 0px 0px 0px; margin: 0px;text-indent: -9999px;}
.Header h1 a { text-decoration: none; color:#000; text-indent: -9999px;}
.Header h1 a:visited { text-decoration: none; color:#000;}
.Header h1 a:hover { text-decoration: none; color:#000;}

.Desc { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; color:#999; text-indent: -9999px;}

#logo {
  height: 90px;
  width: 420px;
  background: url(images/logo.jpg) no-repeat left center;  
  position: relative; top: 15px;
  padding-top:5px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.TopMenu { margin: 0px; padding: 0px; position: absolute; top: 8px; left: 0px;  }
.TopMenu ul { padding: 2px 0px; margin: 0px; font-size: 0px; }
.TopMenu li { padding: 2px 4px; margin: 0px 4px 0px 0px; list-style-type: none; display: inline; font-size: 12px;  font-weight: bold;}
.TopMenu li a { color:#fff;}
.TopMenu li a:visited { color:#fff;}
.TopMenu li a:hover { color:#fff;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*\ IE/Win min height hack */ * html .Search  { height: 25px;} /* */ 
.Search { width: 375px;  min-height: 25px; position: absolute; top: -9px; right: -50px; }
.Search  fieldset { border: none; padding: 0px; margin: 0px;}
.Search  legend { text-indent: -35000px; margin: 0; padding: 0;}
.Search  form {  margin: 0px 0px 0px 0px;}
.Search  input { color: #6db6ff; font-size: 14px; font-family: 'Arial'; letter-spacing: -1px; font-weight: bold; }
.Search  input.search { width: 25px; height: 25px; background: url(./images/SearchButton.png) no-repeat;}
.Search  input.search:hover { background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search  input.searchIE {width: 25px; height: 25px; background: url(./images/SearchButton.png) no-repeat 0 -25px; }
.Search  input.keyword { border: none; background: #fff url(./images/SearchKeyword.png) no-repeat; padding: 4px 0px 5px 8px; width: 291px; border: none; } 


/* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 291px; } /* */ 
#buttonsearch { padding: 0px; margin: -25px 0px 0px 291px; top: 0px; background: none; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ContainerBG { width: 100%; float: left; padding: 20px 0px;}
.Container { width: 1115px; position: relative; clear: left; margin: 10px auto;  padding-top: 15px; border-top: 1px solid #bbb;}

/* Central Column - Single Pages */
.SCS { float: left; width: 480px; }
.SCS h1 { font-size: 24px; line-height: 26px; letter-spacing: -1px; font-weight: normal; padding: 7px 0px; margin: 0px 0px 7px 0px; border-bottom: dashed 1px #ccc;}
.SCS h2 { font-size: 20px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.SCS h3 { font-size: 17px; line-height: 19px; letter-spacing: -1px; font-weight: bold; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.SCS p { font-size: 12px; line-height: 16px;}
.SCS img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.SCS blockquote {padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS ul { font-size: 11px; padding-left: 12px; }


/* Central Column */
.SC { float: left; width: 600px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 10px;}
.DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Post {	position: relative; clear: left; width: 600px;}
/* .Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}*/
.Post h1 {
font: normal 32px Georgia, "Times New Roman", Times, serif; 
color:#333; padding:0; margin: 0px; display: block;
font-weight: normal;
    letter-spacing: -2px;  
    color: #000;
}
.Post h1 a { color: #000; text-decoration: none;}
.Post h1 a:visited { color: #000; text-decoration: none;}
.Post h1 a:hover { color: #555; text-decoration: none;}

.PostHead { padding-left: 0px; }
p.postinfo { line-height:110%;
    color: #666;
    font-size: 11px;
	font-weight: bold;
	padding-bottom:5px; margin-bottom:0px; margin-top: 10px;
}

p.postinfo em { font-style: normal;}
p.postinfo a { color: #0066cc;
    text-decoration: none;
}
p.postinfo a:hover { text-decoration: underline;  }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #666; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostContent { padding: 0px 0px 0px 0px;  font-size: 12px; line-height: 16px;  margin-top: 0px;}
.PostContent p { font-size: 12px; line-height: 16px;}
.PostContent img { padding: 3px; border: solid 1px #f0f0f0; margin: 0px 10px 10px 0px;}
.PostContent blockquote { padding: 3px 15px; background: #fffde5; margin: 5px 0px; color:#993300; border: solid 1px #f6f3d3;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 12px; padding-left: 12px; list-style: disc !important;}
.PostContent li { list-style: disc !important; margin-left: 0px !important;font-size: 100%; line-height: 155%;
margin-top: 1px;
}

.PostContent a { color: #0066cc; text-decoration: none;}
.PostContent a:hover { color: #0066cc; text-decoration: underline;}
.PostContent h3 {
font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;

    color: #000;
    margin: 0;
    padding: 8px 0px 5px 0px;
    font-size: 17px;
    letter-spacing: -1px;
    font-weight: bold;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; }

.PostDetails .PostCom {}
.PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(./images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostDetails .PostCom a span { padding: 4px 15px 3px 5px; display: block; background: url(./images/PostComRight.png) no-repeat right top; float: left; }
.PostDetails .PostCom a span { float: none;}
.PostDetails .PostCom a:hover span {}
.PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;}
.PostDetails .PostCom a:hover span { background-position: 100% -23px; }

.PostDetails .Tags { background: url(./images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;}


/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
.RelatedPosts { margin: 20px 0px;}
.RelatedPosts h3 { font-size: 14px; letter-spacing: -1px; background:url(images/RelatedPostsHeading.png) no-repeat left center; border-bottom: dashed 1px #87909e; padding: 5px 0px 5px 20px; margin: 0px;}
.RelatedPosts ul { padding: 10px 0px 0px 0px; margin: 0px;}
.RelatedPosts li { padding: 0px 0px 0px 20px; margin: 0px; list-style-type: none; background: url(images/RelatedPostsLi.png) no-repeat left top;}
.RelatedPosts {}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Right Column */
.SR { float: right; width: 490px; margin-left: 21px; padding-bottom: 4px; border-left: 1px solid #cecece;padding-left: 2px; }
/* background: #eaf4ff url(./images/SRBkg.gif) no-repeat left bottom;
.SR h4 { font-size: 14px; letter-spacing: -1px; padding: 5px 0px; margin: 0px; border-bottom: solid 1px #d4e3f4; color:#323740;}*/
.SR h4 {
    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin:0px;
    padding:5px;
    padding-left:10px;
    border-bottom:3px #4794ea solid;
	font-size: 16px;
    font-weight: normal;
    color:#000;
    background-color:#fff;
}

.SR ul { list-style:none;
	margin:0px;
	padding:0px;
}
.SR li { list-style:none;
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    border-bottom:1px #f0f0f0 solid;
    margin:0px;
    padding:0px;
    line-height:115%;
    font-size: 12px;
}
.SR li a { padding:5px 10px 5px 27px;
    display:block;
    color: #333;
    text-decoration: none;
    background-color:#fff;
    font-size: 12px;
    background: url(images/pill.png) no-repeat 5px center;
}  

.SR li a:hover { color: #000;
    text-decoration: none;
    background-color:#f0f0f0;
} 

/* Right - First Column */
.SR .SRL { float: left; width: 215px; padding: 15px 0px 0px 15px; margin-right: 11px; background:  url(./images/SRLBkg.gif) no-repeat left top;}

/* Right - Second Column */
.SR .SRR { float: right; width: 210px; padding: 15px 10px 0px 0px; background: url(./images/SRRBkg.gif) no-repeat right top;}
 
 
.Categories { margin-bottom: 20px;}
.Links { margin-bottom: 20px;}
.Archives { margin-bottom: 20px;}
.Meta {}


.cloud {width: 470px; float: left;margin-left: 15px; margin-top: 0px !important;padding-top: 0px !important;
}
.cloud div {
    
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    border-bottom:1px #f0f0f0 solid; 
    padding: 10px;
}

.cloud div a {color: #333; text-decoration: none;}
.cloud div a:hover { color: #0066cc; text-decoration: none; }


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.FooterBG { width: 100%; float: left; background: #fff;  padding: 25px 0px;}
.Footer { width: 1120px; position: relative; clear: left; margin: 0 auto; border-top: 1px solid #bbb;text-align: center; }
.Footer p { padding: 0px 0px 10px 0px; margin-top: 15px;  color:#487cb0; font-size: 11px;  display: block;}
.Footer p a {color:#487cb0; text-decoration: underline;}

.Footer ul { display: inline; padding: 0px; margin: 0px; }
.Footer li { display: inline; padding: 0px; margin: 0px; list-style-type: none;}
.Footer .WP { text-indent: -35000px; background: url(images/FooterWPLogo.gif) no-repeat left top; width: 71px; height: 20px; float: left;}
.Footer .DD { text-indent: -35000px; background: url(images/FooterDDLogo.gif) no-repeat left top; width: 83px; height: 20px; float: left; margin-right: 10px; }



div.sb_banners { padding: 3px; border: 1px solid #cecece; width: 470px;}
#update { height: 50px; width: 200px; margin-left: 0px;
  margin-top: 0px; margin-bottom: 10px; }
#update a { 
  display: block;  
  width: 400px;
  height: 40px;
  background: url(images/rss.jpg) no-repeat left center;
  padding-left: 103px;
  vertical-align: middle;
  padding-top: 25px;
  font-weight: bold;
}

#sb_und_banners {
  
  margin-bottom: 15px;
}

#update_mail { height: 40px; width: 300px; margin-left: 0px;
  margin-top: 15px; margin-bottom: 0px; }
#update_mail label { font-weight: bold; font-size: 11px; float: left; display: block;}
#update_mail form input { border: 1px solid #4794ea;  float: left; }
#update_mail form input.go { 
float: left;
border: 1px #4794ea solid; 	
			       background: #fff;
			       font: bold 10px arial, sans-serif; 			
			       color: #4794ea;			       
}
input.rss2mail {width: 175px;}

.pmeta {
	font: 11px Tahoma, Arial;
	color: #575C61;
	margin: 7px 0 0;
}
.pmeta a {
	color: #0066cc;
}
.pmeta a:hover,
.pcat a:hover,
.comments a:hover {
	color: #0066cc;
	text-decoration: underline;
}
.date {
	background: url(images/icon-date.gif) 0 2px no-repeat;
	padding: 0 0 0 14px;
	margin: 0 2px 0 0;
}
.author {
	background: url(images/icon-author.gif) 0 2px no-repeat;
	padding: 0 0 0 13px;
	margin: 0 2px 0 4px;
}
.ptags {
	background: url(images/icon-tags.gif) 0 2px no-repeat;
	padding: 0 0 0 13px;
	margin: 0 0 0 3px;
}
.entry {
	width: 100%;
	overflow: hidden;
}
.entry img {
	padding: 2px;
	border: 1px solid #CFCFCF;
}
.more-link {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100px;
	height: 31px;
	padding: 0 0 0 13px;
	font: 11px/27px Tahoma, Arial;
	background: url(images/more-link.gif) no-repeat;
	text-decoration: none;
	color: #000;
	margin-bottom: 20px;
}
.more-link:hover {
	background-position: 0 100%;
	color: #E20146 !important;
	text-decoration: none !important;
}

.pmeta2 {
	padding: 6px 0 0;
	font: 11px Tahoma, Arial;
	text-align: right;
}
.pcat {
	background: url(images/icon-category.gif) 0 3px no-repeat;
	padding: 0 0 0 13px;
	margin: 0 3px 0 4px;
}
.pcat a {
	color: #0066cc;
}
.comments {
	background: url(images/icon-comments.gif) 0 3px no-repeat;
	margin: 0 0 0 3px;
}
.comments a {
	background: url(images/comments.gif) 0 2px no-repeat;
	padding: 0 0 0 14px;
	color: #0066cc;
}


.commentlist {margin: 20px 0 5px;}
.commentlist li {
	padding: 3px 0 10px;
	list-style: none;
}
.commentlist ul.children {
	margin: 0 0 -3px;
}
.commentlist ul.children li {
	padding: 12px 0 5px 25px;
}
.avatar {
	float: left;
	display: inline;
	border: 1px solid #DDD;
	padding: 2px;
	margin: -2px 7px 0 0;
	background: #FFF;
}
.fn {
	font-style: normal;
	font-weight: bold;
	background: url(images/icon-comment.gif) 0 2px no-repeat;
	padding: 0 0 2px 20px;
}
.commentmetadata {
	font-size: 11px;
	color: #888;
	margin: 0 0 12px;
}
.commentmetadata a {
	text-decoration: none;
	color: #888;
}
.commentmetadata a:hover {
	text-decoration: underline;
}
.reply {
	margin: -10px 0 10px;
	font-size: 11px;
	background: #EDF6FB url(images/reply.gif) 13px 6px no-repeat;
	padding: 2px 0 5px 35px;
	text-transform: lowercase;
}
#respond h3,
h3#respond {
	margin: 0 0 16px;
	color: #D40041;
}
#cancel-comment-reply {
	margin: 0 0 12px;
}

#commentform {
	padding: 0 0 10px;
}
#commentform p {
	margin: 0 0 5px;
}
#author, #email, #url, #comment, #submit {
	font: 12px Arial, Tahoma;
	padding: 4px 5px;
	width: 190px;
	border: 1px solid #B0B0B0;
	background: url(images/shadow.gif) repeat-x;
}
#comment {
	width: 500px;
	height: 150px;
}
#submit {
	width: 175px;
	height: 22px;
	padding: 0 0 1px;
	background: #ECECEC url(images/submit-comment.gif) no-repeat;;
	border: none;
	cursor: pointer;
	overflow: visible;
	font: 11px Verdana, Arial, Tahoma;
}

.navigation {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 5px 0;
}
.alignleft {float: left;}
.alignright {float: right;}