/*

	Theme Name: Freedom-Pink-Widgetized

	Theme URI: http://blog.pimentels-photography.com

	Author: Tina Silva

	Author URI: http://blog.pimentels-photography.com

	Description: Freedom-Pink & Widgetized is a modified version by <a href="http://blog.pimentels-photography.com" target="_blank">Tina Silva</a> of the Smart 3-column Design based on Frank Helmschrott's 'Freedom blue 2.0', http://blog.helmschrott.de. Also modified from the version by <a href="http://www.ehomy.net" title="Eyoung's Blog">Eyoung</a>.<br/><br/><b>This version is widgetized by <a href="http://blog.pimentels-photography.com" target="_blank">Tina Silva</a> for your convenience.</b><br/><br/> <b><u>NOTE:</u></b> The two sidebars in the middle on the right side, is what is widgetized. The "About" part can be edited from the sidebar.php file.



*/



/****

	Colors:
	Red:	#9c9c9c;
	Blue (Links sidebar): #eaafcc;

****/



/*######################################################################################################
  ###### General styles ###############################################################################
  ####################################################################################################*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #e5e5e5 url(images/bg-top.gif) repeat-x;
	font: 14px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}

ul#twitter_update_list {list-style-type:circle;}

#wrap {
	width: 980px;
	overflow: hidden;
	position:relative;
	margin: 0 auto 0 auto;
	background: url(images/wrap.png) repeat-y center;
	padding: 0 10px 0 10px;
}





/***************** Links ******************************************************/

a, a:hover, a:active { color: #D86969;  text-decoration: none; }
a:visited {color:#D86969}
a:hover { color: #a01714; text-decoration: underline; }

.feed-leftalign { background: url(images/feed-icon-12x12-orange.png) no-repeat 0 50%; padding-left: 14px; }

a.trackback-leftalign { background: url(images/trackback-icon-12x12.png) no-repeat 0 50%; padding-left: 14px; }

/***************** Tags below the link of the comments feed ********************/

.utwtags { background: url(images/tag-icon.gif) no-repeat 0 50%; padding-left: 14px; font-size:9pt; } 





/***************** Images *****************************************************/

/* align right, grey border */

a img { border:0; }

img.rb { border: 1px solid #aaa; float: right; margin: 0 0 5px 5px; padding: 4px; }





/***************** Header *****************************************************/

h1,h2,h3,h4 {

	font-weight: bold;

	font-family: "Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;

}

h2 { font-size: 150%; }

h3 { font-size: 140%; }

h4 { font-size: 130%; }



/***************** Code, Blockquote etc. **************************************/

code {

	background-color: #eeeeee;

	padding: 5px;

	border: 1px solid #cccccc;

}



blockquote {

	border-left: 1px solid #D86969;
	color: #505050;
	margin: 7px 10px 7px 10px;
	padding-left: 6px;
	font-style:italic;
}







/*######################################################################################################

  ###### Header ########################################################################################

  ####################################################################################################*/



#header {

	height: 100px;

	margin: 0; 

	padding: 0;

	background-image: url(images/top.png);

}



/***************** Header Logo ************************************************/

#header #logo {

	height: 70px;

	width: 980px;

	margin: 0 auto 0 auto;

}



/* Uncomment text-ident and background for an logo image instead of the text */



	#header #logo h1 {

		height: 50px;

		margin: 0 0 0 0; padding: 20px 0 0 20px;

/*		text-indent: -77777px;*/ 

		line-height: 1em;

	}

	

	#header #logo h1 a {

/*		background: url(images/logo-205x36.gif) no-repeat 10px 50%;*/

		display: block;

		height: 100%; width: 100%;

		text-decoration: none;

		color: #fff;

	}

	

	#header #logo h1 a:hover {

		color: #e48bb7;

	}





/***************** Header Navigation ******************************************/

#topnav {
	height: 29px;
	margin: 0px;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	border-left: 1px solid #ffffff;
}

#topnav ul {
	padding: 0px;
	white-space: nowrap;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}

#topnav ul li {
	display: block;
	float:left;
  height: 29px;
  width: 115px;
	line-height: 29px;
	list-style-type: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-right: 1px solid #ffffff;
}


#topnav ul li.current_page_item a  {
	background-color:#e48bb7;
	border-top: 1px solid #ffffff;
}

#topnav ul li a {
	display: block;
	text-decoration: none;
	color:#000;
font-weight:bold;
	height: 29px;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
}

#topnav ul li a:hover {
	color: #fff;
	background-color: #e48bb7;
}


/*######################################################################################################

  ###### Content #######################################################################################

  ####################################################################################################*/



#contentwrap {
	width: 550px;
	float: left;
	display:inline;
	margin: 15px 20px 0 20px;	/* margin-top: same like #sidebar */
	padding: 0 15px 25px 15px;
	border-right: 1px dotted #cdcdcd;

}

/********************** tag style ************************/

.primary { padding-bottom:10px;}





/*######################################################################################################

  ###### Sidebar #######################################################################################

  ####################################################################################################*/



#sidebar {
	margin: 15px 0 0 0;	/* margin-top: same like #contentwrap */
	float: right;
	width: 350px;

}

#sidebar .sb-about {
	margin: 0 20px 10px 0;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	padding: 8px;
	font: 11px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}

#sidebar .sb-about p {
	margin-top: 5px;
	margin-bottom: 10px;
	font: 11px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}


#sidebar .sb-watch{
	margin: 0 20px 10px 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 10px;
	line-height: 1.4em;
}

#sidebar .sb-watch p {
	margin-top: 5px;
	margin-bottom: 10px;
}


#sidebar .sb-miniblog {
	margin: 0 20px 10px 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 10px;
	line-height: 1.4em;
}

#sidebar .sb-miniblog p {
	margin-top: 5px;
	margin-bottom: 10px;
}


#sidebar .sb-twitter {
	margin: 0 20px 10px 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 10px;
	font: 12px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}

#sidebar .sb-twitter p {
	margin-top: 5px;
	margin-bottom: 10px;
	font: 12px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}

#sidebar .sb-twitter li {
	margin-bottom: 10px;
}

#sidebar .sb-tipjar {
	margin: 0 20px 10px 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 10px;
	line-height: 1.4em;
}

#sidebar .sb-tipjar p {
	margin-top: 5px;
	margin-bottom: 10px;
}


#sidebar1 , #sidebar2 {
	width: 158px;
	float: right;
	line-height: 1.5em;
	display:inline;
	margin: 3px 20px 0px 0px;
	list-style: none;
	font: 12px "Lucida Grande",  Verdana,  georgia, tahoma, Helvetica, sans-serif;
	color: #000;
line-height:150%;
}

#sidebar #recentcomments {
	clear:both;
	margin: 10px 20px 0 0;
}


#sidebar #recentcomments ul li {
		font-size: 90%;
		list-style: none;
		border-bottom: 1px dotted #cdcdcd;
		line-height: 1.3em;
		padding: 5px 0 5px 0;
}


#sidebar #recentcomments ul li:hover, #sidebar #recentcomments ul li a {
		background-color: #f9f9f9;
		text-decoration: none !important;
}

#sidebar h2, #sidebar1 h2, #sidebar2 h2 {
	font-size: 130%;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #CDCDCD;
	list-style: none;
}


#sidebar1 p, #sidebar2 p {
	margin-bottom: 10px;
	margin-top: 10px;
}

#sidebar1 ul, #sidebar2 ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar1 ul li, #sidebar2 ul li {
	display: inline;
}

#sidebar a { color: #D86969; }
#sidebar a:hover { color: #9c9c9c; }



#sidebar1 ul li a, #sidebar2 ul li a {
	border-bottom: 1px dotted #d5d7d0;
	cursor: pointer;
	display: block;
	text-decoration: none !important;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	list-style: none;
}



#sidebar1 ul li a:hover, #sidebar2 ul li a:hover {
	background: #f9f9f9;
	border-bottom-color: #C3B9A2;
}


#sidebar1 ul#feed{
	margin: 0 0 12px 0;
	padding: 0px;
	list-style: none;
}

#sidebar1 ul#feed li{
	padding-top: 3px;
	padding-bottom: 3px;
	}

#sidebar1 ul#feed li a{
	background: url(images/feed-icon-16x16-gray.png) no-repeat left 50%;
	padding-left: 25px;
}





/******** SEARCH **********/

#sidebarsearch {

	padding: 0;

	margin: 10px 0 10px 0;

}

#sidebarsearch #s {

	padding: 2px 4px 2px 4px;

	border: 1px solid #cbcacc;

	width: 145px;

}



#sidebarsearch #s:focus {

	border: 1px solid #ff97b1;

	background-color: #f9f9f9;

}



#sidebarsearch #s:hover {

	border: 1px solid #000000;

}



#sidebarsearch #searchsubmit {

	background: #f9f9f9 url(images/button-bg.png) repeat-x;

	border: 1px solid #aaa;

	border-bottom: 1px solid #858585;

	margin: 0 0 0 0;

	padding: 1px 2px 1px 2px;

}



	#sidebarsearch #searchsubmit:hover {

		border: 1px solid #ff97b1;

	}







/*********************************************/









/*######################################################################################################

  ###### Post Entry ####################################################################################

  ####################################################################################################*/



/***********************************************************/





h3.entrytitle {
	font-family: georgia, Verdana, Arial, tahoma,Helvetica, "Trebuchet MS", sans-serif;
	font-size: 24px;
font-color:#a01714;
	line-height: 110%;
	margin: 0; 
	padding: 0 0 3px 0;
	text-align: left;
	display: block;
	border-bottom: 1px solid #d1d1d1;
text-transform:capitalize;
}



h3.entrytitle a, h3.entrytitle a:visited {
font-color:#a01714;
	font-family: georgia, Verdana, Arial, tahoma,Helvetica, "Trebuchet MS", sans-serif;
	text-decoration:none;
text-transform:capitalize;
}

h3.entrytitle a:hover {

	text-decoration: none;
	color: #9c9c9c;

}



.entry{

	margin-top:0px;

}

.entrybody{

	margin-bottom: 30px;

}



.entrybody p {

	margin-bottom: 15px;

}



.entrymeta1{

	margin: 0 0 5px 0;

	color: #4b5ba2;

	color: #777;

	font-size: .9em;

	font-family: Arial, Helvetica, sans-serif;

}



	.entrymeta1 .meta-time {

		background: url(images/meta_date.gif) no-repeat 0 50%;

		padding-left: 12px;

		margin-left: 1px;

		margin-right: 10px;

	}



	.entrymeta1 .meta-category {

        background: url(images/meta_category.gif) no-repeat 0 50%;

		padding-left: 15px;

		margin-right: 10px;

	}



	.entrymeta1 .meta-author a {

		background: url(images/meta_author.gif) no-repeat 0 50%;

		padding-left: 11px;

		margin-right: 10px;

	}



	.entrymeta1 .meta-comments {

		background: url(images/meta_comments.gif) no-repeat 0 50%;

		padding-left: 13px;

	}



.entrymeta2 {

	border: 1px solid #e5e5e5;

	background-color: #f9f9f9;

	margin: 0 0 15px 0;

	padding: 5px;

	font-size: 90%;

}

	.entrymeta2 ul {

	}



	.entrymeta2 ul li {

		margin-left: 10px;

		list-style-type: none;

	}



h2.archives{

	margin-bottom: 15px;

}



.entrymeta-single{

	color: #ADD248;	

	margin-top: 3px;

	margin-bottom: 20px;

}



.entrybody h3 {

	margin-bottom: 1.5em;

	font-size: 12pt;

	font-weight: bold;

}



.entrybody ul, .entrybody ol {

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left:30px;

}

.entrybody li{

	padding-top:1px;

	padding-bottom:1px;

}





/*######################################################################################################

  ###### Post Comments #################################################################################

  ####################################################################################################*/



ol#commentlist{

	margin: 15px 0px 0px;

	padding: 0px;

	list-style:none;

}

.commentname{

	color: #000000;

}

.commentname a{

	color: #000000;

	text-decoration: underline;

	font: bold 110% "Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;

}



/***************** Comment Text ***********************************************/

.commenttext{

	min-height: 90px;

	background: #D5E3F6 url(images/bg-comment-02.gif) repeat-y left top;

}

* html .commenttext { height: 90px; overflow: visible; }



.commbgtop {

	background: #ffffff url(images/bg-comment-01.gif) no-repeat left top;	

	height: 18px;

}

.commbgbottom {

	background: #ffffff url(images/bg-comment-03.gif) no-repeat left top;

	height: 8px;

}





.commentp{	/* That's the div of the text... */ 

	margin-left: 65px;

	padding: 6px 12px 24px 10px;

}

.commenttext p{

	margin: 0px 0px 10px;

	padding: 0px;

}

#commentblock ol li{

	margin-bottom: 30px;

}

#commentblock h2{

	font-size: 140%;

}

.gravatar {

	float: left;

	height: 32px;

	padding: 8px;

	width: 32px;

	margin: 10px 0px 0px 10px;

	background:  url(images/grav.png) no-repeat;

	display: inline;

}





/*######################################################################################################

  ###### Comments Form #################################################################################

  ####################################################################################################*/





#commentsform {

	padding: 0 15px 0 0;

}





#commentsform p {

	margin-top: 5px;

	margin-bottom: 5px;

}





#commentsform .label {

	font-size: 95%;

}



#commentsform #author, #commentsform #email, #commentsform #url, #commentsform #mcspvalue, #commentsform textarea {

	background: #fff;

	border: 1px solid #858585;

	padding: .3em;

	width: 200px;

}



#commentsform #author:focus, #commentsform #email:focus, #commentsform #url:focus, #commentsform #mcspvalue:focus, #commentsform textarea:focus {

	background-color: #f9f9f9;

	border: 1px solid #858585;

}



#commentsform textarea {

	width: 98%;

	font-size: 1em;

	line-height: 1.3em;

}



#submit { /* submit button */

	background: #f9f9f9 url(images/button-bg.png) repeat-x;

	border: 1px solid #858585;

	border-bottom: 1px solid #858585;

	margin: 5px 0 0 0;

	padding: 2px;

}





/** Quicktags **/

#commentsform .quicktags {

	margin-top: 10px;

}



#commentsform .quicktags input {

	background: #f9f9f9 url(images/button-bg.png) repeat-x;

	border: 1px solid #858585;

	font-size: .9em;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	width: auto;

	margin: 1px 2px 2px 0px;

	padding: 0px 1px 0px 1px;

	}



/*######################################################################################################

  ###### Footer ########################################################################################

  ####################################################################################################*/



#footer {

	clear: both;

	padding: 10px 0 10px 0;

	margin: 0 auto 0 auto;

	width: 900px; height: 30px;

	text-align: center;

	border-top: 1px solid #cccccc;

}



#footer p {

	color: #777;

	font-size: 0.8em;

}



#footer p a {

	color: #9c9c9c;

}



#footer p a:hover {

	color: #9c9c9c;

}



/*######################################################################################################

  ###### Plugins #######################################################################################

  ####################################################################################################*/



/*************** LINK INDICATION **********************************************/

a.liexternal { background: url(images/link-icon_external.gif) no-repeat right; padding-right: 7px; }



a.liwikipedia { background: url(images/link-icon_wikipedia.gif) no-repeat right; padding-right: 11px; }

a.liftp { background: url(images/link-icon_ftp.png) no-repeat right; padding-right: 13px; }

a.limailto { background: url(images/link-icon_mail.gif) no-repeat right; padding-right: 12px; }

a.liflickr { background: url(images/link-icon_flickr.png) no-repeat right; padding-right: 8px; }

a.liinternal { }



a.lipdf { background: url(images/link-icon_pdf.png) no-repeat right; padding-right: 12px; }

a.lixls { background: url(images/link-icon_excel.png) no-repeat right; padding-right: 12px; }

a.lidoc { background: url(images/link-icon_word.png) no-repeat right; padding-right: 12px; }

a.linsf { background: url(images/link-icon_notes.png) no-repeat right; padding-right: 13px; }

a.lizip { background: url(images/link-icon_zip.png) no-repeat right; padding-right: 12px; }