/*

Theme Name: Bluebird

Theme URI: http://randaclay.com/themes/

Description: Bluebird is a happy blue and brown, SEO optimized, 3-column, widget-ready theme created for Wordpress

Version: 1.0

Author: Randa Clay

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php



*/


.tagtext {font-size:10px; color:#535353;}




html>body #content {

	height: auto;

	min-height: 580px;

}



body{

	padding: 0px;

	margin: 0px;

        background: #ffffff;

        font: 62.5%  "HelveticaNeue-Light", Helvetica, Arial, sans-serif; /* Resets 1em to 10px */

        height: 100%; 

}



#wrap {

    width: 1024px;

    padding-left: 0px;

}





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

*	Header, Headings, etc.									*

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



#head{

	text-align: left;

        background-color: #ffffff;

        background-image: url();

        background-repeat: repeat-x;

        height: 225px;

        width: 100%;

        padding: 0px;

        margin: 0px;

        border-top: 5px solid #333333;

}



#headleft {

        background-image: url();	

        background-repeat: no-repeat;

        height: 225px;

	width: 714px;

        float: left;

}



#headleft h4{

        font-size: 3.0em;

	color: #69BFDE;

        padding: 0px 0px 0px 69px;

        margin: 10px 0px 0px 0px;

}



#headleft h4 a {

        color: #fdba12;

}



#desc {

	font-size: 1.6em;

	color: #535353;

	font-style: italic;

        padding: 5px 0px 0px 268px;

}





/*- Main Menu in Header */





ul.menu {

	margin: 0px;

	padding: 0px;

	position: absolute;

        z-index:1;

	width: 210px;

        font-size: 2.3em;

        font-weight: bold;

        text-align: right;

        list-style: none;

        list-style-position:inside;

        line-height: 1.5em;

	}



ul.menu li {

	display: block;

	margin: 0;

	}



ul.menu,

ul.menu li a {

	padding: 10px 0px 0px 0px;

	}



ul.menu li a {

        color: #535353;

	margin:0px;

       	}



ul.menu li a:hover {

	color: #fdba12!important;

	text-decoration: none;

       	}



ul.menu li.current_page_item a,

ul.menu li.current_page_item a:hover {

	color: #535353!important;

	text-decoration: none;

     	}



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

*	Links and Headings									*

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





a img,:link img,:visited img { border:none }    







a, a:link {

	color: #535353;

	text-decoration: none;

}



a:hover {

	color: #fdba12;

	text-decoration: none;

}



h1 {

	font-size: 1.9em;

	color: #535353;

	font-weight: normal;

  	margin: 0px;

	padding-bottom: 0px;

}



h1 a:link {

	color: #535353;

}


h3 a:hover, h3 a:visited {

	color: #fdba12;

}



h2 {

	font-size: 2.2em;

	line-height: 1.2em;

	color: #535353;

	font-weight: normal;

}





h4 {

	color: #535353;

        margin: 8px 0px 0px 0px;

	padding: 0px;

        font-size: 1.2em;

        font-variant:normal;

	font-weight: normal;

}



strong, b {

	font-weight: bold;

}



em, i {

	font-style: italic;

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}



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

*	Main Content									*

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





#content {

        width: 360px;

        float: left;

        margin-left:85px;

       

}



.item {

    padding: 0px 20px 10px 20px;

    margin-bottom: 1.5em;

    color: #535353;  

    border-bottom: 1px dotted #535353;

}





.item p {

        font-size: 1.4em;

        line-height: 1.3em;	

}



.item p a{

	text-decoration: underline;

}



.item p a:hover{

	color: #fdba12;

}



.item img {

        padding: 5px;

        margin: 5px;

        background: #ffffff;

}



.item ul {

	list-style-type: disc;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

	font-size: 1.4em;	

}



.item ol{

	list-style-type: decimal;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

	font-size: 1.4em;	

}



.itemhead{

	padding-top: 10px;

	padding-bottom: 7px;

    margin-bottom: 18px;

}



.itemhead h3{

	display: inline;

}

.detailwrap {
	width:300px;
	background-color:#eaeaea;
	}

.date{

	display: inline;
	font-size: 1.1em;
	margin-bottom: 20px;
	float:left;

}

.comments{

	font-size: 1.1em;
	float:left;
	color:#fdba12;
	margin-left:6px;

}

.comments a:link { color:#fdba12;}
.comments a:hover {color:#fff; background-color:#fdba12;}

input{

	font-size: 100%;

}



.metadata{

	font-size: 1.2em;

        line-height: 220%;

        margin-top: 20px;

}



.metadata a:link, .metadata a:visited{

	color: #535353;

}


.metadata a:hover{color:#fdba12;}

cite{

	font-size: 1.1em;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ccc;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}





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

*	Sidebar									*

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



#secondary {

    width: 250px;

	padding: 0px;

	float: left;

}



#l_sidebar {

	float: left;

	width: 220px;

	padding: 0px 5px 20px 0px;

	margin-left:30px;

	}

	

#l_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px;

	line-height: 17px;

        font-size: 1.1em;

        color: #535353;

	}

	

#l_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        font-size: 13px;

        color: #fdba12;

        list-style-type: none;

        list-style-position: outside;

        color: #535353;

}



#l_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #535353;

}

#l_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#l_sidebar ul li a {

	color: #535353;

	text-decoration: none;

}



#l_sidebar ul li a:hover {

	color:#fdba12; 

}



#l_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #fdba12;

        list-style-type: none;

        list-style-position: outside;

        color: #535353;

}



#l_sidebar ul ul li{

	margin: 0px;

}



#l_sidebar ul ul ul{

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #535353;

        list-style-type: disc;

        list-style-position: outside;

        color: #535353;

}



#l_sidebar ul ul ul li{

	margin: 0px;

}





#r_sidebar {

	float: left;

	width: 300px;
	min-height:605px;

	padding: 0px 5px 20px 15px;
	background-image:url(images/bg_shadow.jpg);
	background-repeat:repeat-y;
	background-position: right;

	}



#r_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        font-size: 13px;

        color: #fdba12;

        list-style-type: none;

        list-style-position: outside;

        color: #535353;

}



#r_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #535353;

}

#r_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#r_sidebar ul li a {

	color: #535353;

	text-decoration: none;

}



#r_sidebar ul li a:hover {

	color:#fdba12; 

}



#r_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #fdba12;

        list-style-type: none;

        list-style-position: outside;

        color: #535353;

}



#r_sidebar ul ul li{

	margin: 0px;

}



#r_sidebar ul ul ul{

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        font-size: 13px;

        color: #fdba12;

        list-style-type: none;

        list-style-position: outside;

        color: #535353;

}



#r_sidebar ul ul ul li{

	margin: 0px;

}

	

#r_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 20px 0px;

	line-height: 17px;

        font-size: 1.1em;

        color: #535353;

	}

	



li .categories, li .linkcat, li .pagenav {

	margin: 0px;

	padding: 0px;

}



.sidebarSearch{

	clear: both;

        margin-top: 10px;	

        margin-bottom: 10px;

	margin-left: 5px;

}



.feedarea  {

	height: 30px;

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

        background-repeat: no-repeat; background-position:center;

	padding-left:50px;

}



.feedarea  a {

       color: #535353;

}



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

*	Comment Area									*

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





#comment {

	width: 300px;

	background: #FFFFFF;

	color: #535353;

	float: left;

	padding: 10px 10px 0px 10px;

	margin: 10px 0px 10px 0px;

	border: 1px solid #CCCCCC;

        font-size: 1.3em;

}

	

#comment {

    padding: 10px 20px 20px 20px;

    border: 1px solid #cccccc;

    margin-bottom: 3em;

    color: #535353;  

}



   

#comment  a{

	text-decoration: underline;

        color: #535353;

}



#comment a:hover{

	color: #fdba12;

}



ol#commentlist {

	padding: 5px 0px 5px 0px;

	margin: 0px;

	list-style-type: none;

        font-weight: bold;

}

	

.commentdate {

	font-size: 1.2em;

	padding-left: 0px;

        font-weight: bold;

}

	

.commentlist p {

	clear: both;

	font-size: 1.2em;

}



#commentlist li p{

	margin-bottom: 8px;

	line-height: 18px;

	padding: 5px;

        font-weight: normal;

	}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 0px 0px;

	}



.commentinfo{

	clear: both;

	}



.commenttext {

	clear: both;

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 5px 10px;

	width: 295px;

	}



.commenttext-admin {

	clear: both;

	margin: 5px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 300px;

	}



#commentsformheader{

	padding-left: 0px;

	}



#commentsform{

	text-align: left;

	margin: 0px;

	padding: 0px;

	}



#commentsform form{

	text-align: left;

	margin: 0px;

	}



#commentsform p{

	margin: 0px;

	}



#commentsform form textarea{

	width: 99%;

}

	

p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.commentmetadata {

	font-size: 1.1em;

	float: right;

}



.commentlist li {

	padding: 2px;

	border-top: 1px solid #cccccc;

}



.navigation {



	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #535353;

        font-size: 1.3em;

}



.navigation a:link{

	color: #535353;

}



.navigation a:hover, .navigation a:visited{

	color: #fdba12;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



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

*	Calendar									*

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





#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

}



#wp-calendar td {

	color: #515441;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar #today {

	background: ;

	color: #4A8797;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}



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

*	Footer									*

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





#foot {

        height: 40px;	

        text-align: left;

	margin-top: 20px;

	color: #595441;

        font-size: 1.1em;

        padding-left:358px;

}



#foot a:link, #foot a:visited{

	color: #535353;

        text-decoration: underline;

}



#foot a:hover{

	color:#fdba12;

}

hr {

	clear: both;

	height: 0;

	border: 0;

	visibility: hidden;

	}

#cleardiv {clear: both; height: 1em;}

#topmenubar { margin-left:69px; margin-bottom:88px; margin-top: 37px; height:100px; width:430px;}

#mainlogo {float:left; width:268px; height:100px; padding:0px; margin:0px;}

#mainmenu {float:left; width:144px; height:100px; padding:0px; margin:0px;}



#mainmenu a { height:25px; display:block; padding:0px; margin:0px;}

#mainmenu li span{display:none; padding:0px; margin:0px;}

#mainmenu li {padding:0px; margin:0px; list-style:none;}

#mainmenu ul {padding:0px; margin:0px;}

#mainmenu a.current,

#mainmenu a:hover {background-position:0 -25px !important;position:relative;}

#mainmenu a.current {z-index:99;}

#mainmenu #home {width:144px;background:url(http://www.tamcao.com/pagepics/tam_home.jpg);}

#mainmenu #profile {width:144px;background:url(http://www.tamcao.com/pagepics/tam_profile.jpg);}

#mainmenu #portfolio {width:144px;background:url(http://www.tamcao.com/pagepics/tam_portfolio.jpg);}

#mainmenu #blog {width:144px;background:url(http://www.tamcao.com/pagepics/tam_blog.jpg);}