/*

------------------------------------------------------------------------

Theme Name:Equilibrium

Theme URI:http://madebyon.com

Description:Magazine style WordPress theme. Visit <a href="http://equilibrium.madebyon.com"title="Equilibrium">http://equilibrium.madebyon.com</a> for more infomation.

Version:1.4

Author:Tudinh Duong

Author URI:http://madebyon.com

------------------------------------------------------------------------

*/

/*

-----------------------------------------

RESET

----------------------------------------- 

*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}

table{border-collapse:collapse; border-spacing:0}

fieldset, img{border:0}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}

ol, ul, li{list-style:none}

caption, th{text-align:left}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal; font-family: Museo, Helvetica, Arial, sans-serif;  color:#ff0066; }

q:before, q:after{content:''}



strong{font-weight:bold}

em{font-style:italic}

a img{border:none}



h1, h2, h3, h5, h5, h6{font-weight:bold}



@font-face {

    font-family: Museo;

    src: url(http://www.newgiraffecity.com/Museo700-Regular.otf);

    font-weight:700;

}



@font-face {

    font-family: Museolight;

    src: url(http://www.newgiraffecity.com/Museo300-Regular.otf);

    font-weight:300;

}





div#header {

margin : -1px 0 0;

}

div#video-header {

height : 683px;

margin : -1px 0 0;

}

div#header div.wrap {

height : 299px;

 

}

div#header div#slide-holder {

z-index : 40;

width : 993px;

height : 299px;

position : absolute;

}

div#header div#slide-holder div#slide-runner {

top : 30px;

left : 0px;

width : 973px;

height : 278px;

overflow : hidden;

position : absolute;

}

div#header div#slide-holder img {

margin : 0;

display : none;

position : absolute;

}

div#header div#slide-holder div#slide-controls {

left : 0;

bottom : 228px;

width : 973px;

height : 46px;

display : none;

position : absolute;

background : url(images/slide-bg.png) 0 0;

}

div#header div#slide-holder div#slide-controls p.text {

float : left;

color : #fff;

display : inline;

font-size : 10px;

line-height : 16px;

margin : 15px 0 0 20px;

text-transform : uppercase;

}

div#header div#slide-holder div#slide-controls p#slide-nav {

float : right;

height : 24px;

display : inline;

margin : 11px 15px 0 0;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

float : left;

width : 24px;

height : 24px;

display : inline;

font-size : 11px;

margin : 0 5px 0 0;

line-height : 24px;

font-weight : bold;

text-align : center;

text-decoration : none;

background-position : 0 0;

background-repeat : no-repeat;

}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {

background-position : 0 -24px;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

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

}



div.wrap {

width : 993px;

margin : 0 auto;

text-align : left;

}





/*

-----------------------------------------

LAYOUT

----------------------------------------- 

*/

.aligncenter{display:block; margin:0 auto}

.alignleft{float:left}

.alignright{float:right}

.floatLeft{float:left}

.floatRight{float:right}

.clear{clear:both}



/*

-----------------------------------------

STRUCTURE

----------------------------------------- 

*/



.intro{float:left; padding: 10px 10px 10px 30px;  }

.introtext{   font-family:Museolight, Georgia, Times,  serif; text-decoration:none; color:#222;

font-size:14pt; margin-right:10px; padding: 140px 40px 40px 40px;  

}

#tweetmeme_button .count{  font-family:Museolight, Georgia, Times,  serif; text-decoration:none; }
#tweetmeme_button  {  font-family:Museolight, Georgia, Times,  serif; text-decoration:none; }


html, body{height:100%}



body{



 

 background-image:url('http://newgiraffecity.com/bgb.png');  

	 

	

font-size:62.5%; font-family:�Trebuchet MS�, Helvetica, sans-serif; text-decoration:none; color:#222; margin:0 auto -80px; text-align:center}



#page-wrap{width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; padding-left:10px; padding-right:10px; text-align:left}



.catmenu  a{padding:0px 0px 0px 0px;  }

.catmenu span{  padding:0px 0px 10px 0px;  font-size:1.5em; line-height:1.5em;}

.content{width:750px; float:left;}

.content{width:750px; float:left; }

.content .comments-arc{background:#ff0000; }

/*

-----------------------------------------

TYPOGRAPHY

----------------------------------------- 

*/

p{color:#222; font-size:9pt; width:220px; line-height:12pt; margin-top:0px; margin-bottom:0px; text-align:justify}





p span.submit{color:#222; font-size:8pt; width:220px; line-height:12pt; margin-top:0px; margin-bottom:10px; text-align:justify}

p span.date{color:#222; font-size:18pt; width:220px; line-height:12pt; margin-top:0px; margin-bottom:0px; text-align:justify}



#submitarea{margin-bottom:8px; font-size:8pt;}

#submitarea p{margin-bottom:8px; font-size:8pt; }

#submitarea span{margin-bottom:8px; font-size:8pt; }

 

/*

-----------------------------------------

marlon form

----------------------------------------- 

*/





/* You can modify the appearance of the form here. In later versions you will

   be able to modify this from within Wordpress and possible chose from a 

   number of defaults. */



fieldset {padding:20px  0px  0px 20px; 





}   

   

#tdomf_form1{padding:20px  0px  0px 0px; background:#ffffff;}



fieldset td{padding:0px  0px  0px 20px;  }   



.tdomf_form {



background:#ffffff;

}

.tdomf_form fieldset {

 border: 0px;

}

.tdomf_form label {



font-size:10pt; 

   color:#888787;

   padding-bottom:15px;

 }

.tdomf_form .required {

 font-weight: bold;

}

.tdomf_form fieldset {

 text-align: left;

 width: 600px;

 padding-top: 5px;

 padding-bottom: 5px;

 

}

.tdomf_form fieldset legend {

  font-weight: bold;

  padding-bottom: 10px;

  padding-left: 0px;

  margin-left: 0px;

    margin-top: 30px;

   font-size:14pt; 

   color:#888787;

   width: 600px;

}



small{ font-size:8pt; color:#888787;}



.tdomf_form_preview {

 border: 1px dotted black;

 padding: 5px;

 margin: 5px;

 margin-bottom: 20px;

}

.tdomf_form_preview p {

 margin-left: 15px;

}

.tdomf_form_message {

 padding: 5px;

 margin: 5px;

 margin-bottom: 20px;

 text-align: left;

}

#tdomf_upload_inline_form {

 text-align: left;

 background-color:#f1f1f1;

 width: 100%;

  

}

#tdomf_upload_inline_form .required {

 font-weight: bold;

}

.tdomf_upload_inline_errors {

 color: red;

}



ul.tdomf_category_checklist, ul.tdomf_category_children {

 list-style-type: none; 

}



.tdomf_buttons {

  text-align: left;  

}

.tdomf_buttons td {

 width: 10px;  

}



/* Formatting the QuickTag toolbar */



#ed_toolbar input {

 /*padding: 0px;

 margin: 2px;

 margin-bottom: 0px;

 margin-top: 10px;*/

}

#ed_toolbar input:hover {

 /*padding: 0px;*/

}

#ed_bold {

 font-weight:bold;

}

#ed_italic {

 font-style:italic;

}

#ed_link, #ed_ext_link {

 color:blue;

 text-decoration:none;

}

#ed_under {

  text-decoration:none;

}

#ed_strike {

 text-decoration: line-through;

}



/* Required for AJAX progress display */



.tdomf_shadow {

    background: black;

    display: none;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    padding: 15px;

}



.hidden {

    display: none;

}



.progress {

    position: absolute;

    display: block;

    background: #f9fcfe;

    padding: 5px;

}











#content-title-tf{ padding:10px 10px;

width:200px;

  margin-top:5px;

border-bottom: 4px solid #e5e5e5;

border-top: 4px solid #e5e5e5;

border-left:4px solid #e5e5e5;

border-right:4px solid #e5e5e5;

background:#fff;

 -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

	

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

	 

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

	 

    */

}





#content-text-ta{ padding:10px 10px;

width:200px;

  margin-top:5px;

border-bottom: 4px solid #e5e5e5;

border-top: 4px solid #e5e5e5;

border-left:4px solid #e5e5e5;

border-right:4px solid #e5e5e5;

background:#fff;

 -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

	

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

	 

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

	 

    */

}



#customfields-tf-3-tf{padding:10px 10px;

width:200px;

  margin-top:5px;

border-bottom: 4px solid #e5e5e5;

border-top: 4px solid #e5e5e5;

border-left:4px solid #e5e5e5;

border-right:4px solid #e5e5e5;

background:#fff;

 -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

	

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

	 

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

	 

    */

}



#q1captcha{padding:10px 10px;

width:200px;

 margin-top:5px;

border-bottom: 4px solid #e5e5e5;

border-top: 4px solid #e5e5e5;

border-left:4px solid #e5e5e5;

border-right:4px solid #e5e5e5;

background:#fff;

 -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

	

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

	 

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

	 

    */

}



.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; margin: 10px 4px 0px 20px; height:26px;}

.btn * { font-style: normal;   display: block; position: relative; }
 /*
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }

.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }

.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }

.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

 */

* html .btn { border: 0px solid #aaa; margin: 10px 4px 0px 20px; height:26px; }

* html .btn.blue { border-color: #2ae; }

* html .btn.green { border-color: #9d4; }

* html .btn.pink { border-color: #e1a; }

* html .btn:hover { border-color: #a00; }



* html .btn i{ background-image:none; }

* html .btn span  { background-image:none; }

* html .btn span i { background-image:none; }

* html .btn span span { background-image:none; }



.btn.blue { background: #2ae; }

.btn.green { background: #9d4; }

.btn.pink { background: #e1a; }

.btn:hover { background-color: #ff008a; }

.btn:active { background-color: #444; }

.btn[class] { background-image: url(http://www.newgiraffecity.com/shade.png); background-position: bottom; }



* html .btn[class]  {background: #2ae;}



/* REQUIRED BUTTON STYLES: */		

button { 

	position: relative;

	border: 0; 

	padding: 0;

	cursor: pointer;

	overflow: visible; /* removes extra side padding in IE */

}



button::-moz-focus-inner {

	border: none;  /* overrides extra padding in Firefox */

}



button span { 

	position: relative;

	display: block; 

	white-space: nowrap;	

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* Safari and Google Chrome only - fix margins */

	button span {

		margin-top: -1px;

	}

}





/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		

button.submitBtn { 

	padding: 0 15px 0 0; 

	margin-right:5px; 

	font-size:2em; 

	text-align: center; 

	background: transparent url(http://www.newgiraffecity.com/btn_blue_sprite.png) no-repeat right -140px; 

}

	

button.submitBtn span {

	padding: 13px 0 0 15px; 

	height:37px; 

	background: transparent url(http://www.newgiraffecity.com/btn_blue_sprite.png) no-repeat left top; 

	color:#fff; 

}

	

button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */

	background-position: right -210px; 

}

	

button.submitBtn:hover span, button.submitBtnHover span {

	background-position: 0 -70px;

}







#monstersubmitarea p{margin-bottom:8px; font-size:8pt; }

#monstersubmitarea span{margin-bottom:8px; font-size:9pt; }





#monstercontentarea p{  font-size:9pt; }



p a, p a:visited{border-bottom:0px solid #fffffff; color:#ff008a; text-decoration:none}



p a:hover{border-bottom:0px solid #ff008a; color:#000; text-decoration:none}



h1, strong{font-size:1.4em; font-weight:bold}



.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}



h4, h2{font-size:1.8em; color:#222; text-transform:uppercase;  padding-bottom:4px;  margin-top:0px; margin-bottom:0px; font-weight:bold}



.widgettitle{ font-family: Museo, Helvetica, Arial, sans-serif;  font-size:1.8em;   color:#ffffff;



background: #ff008a; /* for non-css3 browsers */

.a2a_dd addtoany_subscribe{ background: #ff008a; margin-bottom:20px;  margin-top:20px;}

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008a', endColorstr='#e70e83'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(#e70e83)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ff008a,  #e70e83); /* for firefox 3.6+ */



}



h2.widgettitle { color:#ffffff;}



h2.titlehead{  font-family: Museo, Helvetica, Arial, sans-serif; margin-top:10px; margin-bottom:10px; height:23px;



background: #ff008a; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008a', endColorstr='#e70e83'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(#e70e83)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ff008a,  #e70e83); /* for firefox 3.6+ */

}

h2.titlehead-arc{ font-family: Museo, Helvetica, Arial, sans-serif;  margin-top:10px; margin-bottom:10px; height:22px; width:600px;





background: #ff008a; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008a', endColorstr='#e70e83'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(#e70e83)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ff008a,  #e70e83); /* for firefox 3.6+ */

}



h4{ margin-top:10px; margin-bottom:10px; height:22px; width:600px;





background: #ff008a; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008a', endColorstr='#e70e83'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(#e70e83)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ff008a,  #e70e83); /* for firefox 3.6+ */

}



.post h4{ margin-top:10px; margin-bottom:10px; height:22px; width:600px;





background: #ff008a; /* for non-css3 browsers */



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008a', endColorstr='#e70e83'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(#e70e83)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ff008a,  #e70e83); /* for firefox 3.6+ */

}



#tdomf_upload_inline_form form{   }



#uploadfiles_inline{  width:70%; height:145px; background:#e5e5e5;



padding: 10px 10px 10px 10px;









  background:#f1f1f1;;

    -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

    */

}




#comments_inline p{ width:100%;}
#comments_inline ul{  width:95%;   background:#e5e5e5;



padding: 10px 10px 10px 10px;









  background:#e5e5e5;

    -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

    */

}



#uploadfiles_inline_xx{ 

 

	  background: #666;

    -webkit-border-radius: 5px;

    /*

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    -webkit-border-bottom-left-radius:5px;

    */

    -moz-border-radius: 5px;

    /*

    -moz-border-radius-topleft:5px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomright:5px;

    -moz-border-radius-bottomleft:5px;

    */

    border-radius: 5px;

    /*

    border-top-left-radius:5px;

    border-top-left-radius:5px;

    border-bottom-right-radius:5px;

    border-bottom-left-radius:5px;

    */



}



h3{ color:#222; font-size:2.2em; font-weight:bold; margin-top:0px; padding-bottom:4px}



h3 a{text-decoration:none; color:#222}



.post ul li, 

.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}



 #reply{background:#ffffff; color:#a5a5a5;}

/*

-----------------------------------------

TOP

----------------------------------------- 

*/

#top{margin-top:25px;  }

#text{text-decoration:none; background:#ff0000; border-style:solid; border-width:4px; border-color:#dcdcdc; }

 

h1.logo a{float:left; clear:right; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none}



.logo{float:left; clear:right;}

#nav{  float:left; margin-top:0px; margin-left:0px; font-family: Museo, Helvetica, Arial, sans-serif;  font-size:1.2em; font-weight:bold; text-transform:uppercase}



 

#nav ul{float:left;  font-family: Museo, Helvetica, Arial, sans-serif; list-style-type:none; width:100%}



#nav li{float:left; font-family: Museo, Helvetica, Arial, sans-serif;  display:block; display:inline}

 



#nav a{padding:0px  4px 0px  4px; font-family: Museo, Helvetica, Arial, sans-serif; text-decoration:none; font-size:1.2em; font-weight:bold;}

#nav a:link, 

#nav a:visited{ padding:0px  4px 0px  4px;    float:left;  display:block; color:#353434; margin-right:0px; float:left; text-decoration:none;}



#nav a:hover{  padding:0px  4px 0px  4px;   float:left; color:#fff; background:#000;  float:left; text-decoration:none;}



#nav span{padding:   0px  4px 0px  4px;  text-decoration:none; font-size:1.2em; font-weight:bold; position:relative; top:-2px}

 



ul#nav li.current_page_item a:link, 

ul#nav li.current_page_item a:visited, 

ul#nav li.current_page_item a:hover, 

ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000}



/*

-----------------------------------------

FEATURED

----------------------------------------- 

*/

.front-post{width:303px; margin-right:25px; float:left}



.front-post-last{width:303px; float:left}



.featured-content{position:relative; width:303px}



.featured-content p{margin-top:1em}



.featured-post{position:relative; width:303px; height:231px; margin-bottom:1.2em}



.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}



.featured-title h2 a{font-size:1.1em; display:block; color:#ff008a; text-decoration:none; border-bottom:0}



.featured-title h2 a:hover{color:#fff}



.featured-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}



.featured-image{position:absolute; z-index:1}



.featured-content h2{margin-top:15px}

.featured-content h2 a{color:#ff008a; text-decoration:none}

.featured-content h2 a:hover{color:#000}



/*

 

/*





/*

-----------------------------------------

SIDEBAR from greenerside

----------------------------------------- 

*/



/* old

#sidebar{float:right; width:200px; padding-left:20px; overflow:hidden}



#sidebar li a{display:block; width:200px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #ff0000; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}



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



#sidebar a:hover{color:#fff; background-color:#282828}



#sidebar h2{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:4px solid #ff0000; margin-top:28px; margin-bottom:0}

*/





#add-to-any-subscribe{padding-left:40px; margin-top:20px; margin-bottom:20px;  }

.widget Add_to_Any_Subscribe_Widget_display{padding-left:40px;  }



#sidebar{  float:right; width:200px; margin-top:29px; background-color:#ffffff;  overflow:hidden;  border-style:solid; border-width:1px; border-color:#dcdcdc;}



#sidebar li a{    width:200px; margin: 0px 0px 0px 0px;  list-style:none;   font-size:1.4em; list-style-type:none; text-decoration:none; color:#222}



#sidebar a{    color:#e6e6e6; text-decoration:none; margin-top:0; margin-bottom:0;  }



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



#sidebar h2{font-size:1.6em; color:#ffffff; text-align:left; text-transform:uppercase;  padding:2px 2px 2px 5px; margin-top:0; margin-bottom:0}



#sidebar div{padding: 5px 5px 5px 5px;}



.aboutme{ padding: 5px 5px 5px 5px; margin-bottom:20px;}

/*

-----------------------------------------

LATEST

----------------------------------------- 

*/

#front-bottom{margin-top:0px; margin-bottom:100px;}



#post-image{width:220px; } 

 



.cellBottom { position:absolute; bottom:0px; margin-bottom:10px;  width:auto;  }

.cellBottom { float:left;  }

.cellBottom-arc { position:absolute; bottom:0px; margin-bottom:10px;  width:auto;  }

.cellBottom-arc { float:left;  }



.read-more{  height:28px; }

.comments_old {  background:#ff0000;  height:28px; width:24px; background-image:url('http://www.newgiraffecity.com/comblockgrey.png'); color:#ffffff; }

 

#FeaturedMore{ margin-top:15px;}





ul#navigation

{

list-style-type: none;

margin: 0;

 

width:220px;

float:left;

}



ul#navigation-arc

{

list-style-type: none;

margin: 0;

 

width:720px;

float:left;

}



ul#navigation li a

{

display: block;



color: #ff008a;

  font-size:1.1em;   line-height:1.5;



text-align: center;

text-decoration: none;

padding-top:5px;

}





ul#navigation-arc li a

{

display: block;



color: #ff008a;

  font-size:1.1em;   line-height:1.5;



text-align: center;

text-decoration: none;

padding-top:5px;

}



ul#navigation li a:hover

{

color: #ff008a;

  font-size:1.1em;   line-height:1.5;

}



ul#navigation-arc li a:hover

{

color: #ff008a;

  font-size:1.1em;   line-height:1.5;

}

 



ul#navigation .left { float: left; }

ul#navigation .right { float: right;   height:28px; width:24px; background-image:url('http://www.newgiraffecity.com/comblockgrey.png'); color:#ffffff;}



ul#navigation-arc .left { float: left; }

ul#navigation-arc .right { float: right;   height:28px; width:24px; background-image:url('http://www.newgiraffecity.com/comblockgrey.png'); color:#ffffff;}





 ul#navigation .right a{   color:#ffffff;   }

ul#navigation .right a:hover{   color:#ffffff; } 

ul#navigation .right a:visited{   color:#ffffff; } 



 



ul#navigation-arc .right a{   color:#ffffff;   }

ul#navigation-arc .right a:hover{   color:#ffffff; } 

ul#navigation-arc .right a:visited{   color:#ffffff; } 



 

.cellContainer { position:relative; margin-right:185px; border:solid 1px black; padding:3px 22% 3px 3px; }

.cellTop { position:absolute; top:0px; right:0px; width:20%; padding:3px; margin:2px; border:solid 1px blue; background-color:lightgreen; }

.floatTop { float:right; width:20%; padding:3px; margin:2px 2px 2px 6px; border:solid 1px blue; background-color:skyblue; }

.cellBody { width:270px; margin:0 auto; }

 



.titleright { float:right; color:#ffffff;  text-decoration:none; }  

.titleright a:link{ float:right; color:#ffffff;  text-decoration:none; } 

.titleleft { float:left; color:#ffffff;  text-decoration:none; }

.titleleft a:link{ float:left; color:#ffffff;  text-decoration:none; } 

.titleleft a:hover{ float:left; color:#ffffff;  text-decoration:none; } 

.titleleft a:visited{ float:left; color:#ffffff;  text-decoration:none; } 





#latest-wrap{float:left; width:750px}



 



#latest-wrap h2.titlehead{    width:730px; color:#ffffff;  padding: 5px 5px 4px 5px; margin-top:30px; margin-bottom:10px;  background-color:#ff008a; }

 

.featured-post-wrap{float:left; width:720px; position:relative; text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}



.latest-post-wrap{float:left; width:220px; position:relative; height:400px; text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}





.latest-post-wrap-arc{float:left; width:620px; position:relative;  text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}



.latest-post-wrap-arc{  float:left;   position:relative;  width:718px; text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}

.latest-comment-wrap-arc{  float:left;   position:relative;  width:698px; text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 20px 20px 20px 20px; margin-bottom:10px;}

latest-comment-wrap-arc h2{ font-family: Museo, Helvetica, Arial, sans-serif;  color:#ff0066; }

.latest-post-wrap:hover{float:left;   margin-right:8px; margin-bottom:10px; background:#ffebf3;}




.latest-post-wrap-arc p{ width:640px;}


.latest-post{position:relative; width:220px;   }





.latest-post-arc{width:20px;   }



.arc {width:600px; background:#ff000;   }

.arc p{width:600px; padding-top:5px;  }



.latest-image{position:absolute; z-index:1}



.latest-title h2{font-family: Museo, Helvetica, Arial, sans-serif;  color:#ff0066;  margin: 0px  0px  0px  0px;  font-size:1.6em; text-transform:none; padding-bottom:0; border-bottom:0;   padding: 5px 0px 0px 0px;}

.latest-title-arc h2{font-family: Museo, Helvetica, Arial, sans-serif;  color:#ff0066; width:620px  margin: 0px  0px  0px  0px;  font-size:1.6em; text-transform:none; padding-bottom:0; border-bottom:0;   padding: 5px 0px 0px 0px;}



.widget widget_tag_cloud{ font-family: Museo, Helvetica, Arial, sans-serif;  color:#ff0000; background:#ffebf3;}



#tag_cloud-3{ font-family: Museo, Helvetica, Arial, sans-serif;  color:#f1f1f1; background:#ffebf3;}



#linkcat-35{ font-family: Museolight, Helvetica, Arial, sans-serif;  color:#f1f1f1;   }

#archives-3{ font-family: Museolight, Helvetica, Arial, sans-serif;  color:#f1f1f1;   }



#linkcat-35 li{ font-family: Museolight, Helvetica, Arial, sans-serif;  color:#f1f1f1;  margin: 5px 5px 5px 5px;}

#archives-3 li{ font-family: Museolight, Helvetica, Arial, sans-serif;  color:#f1f1f1;   margin: 5px 5px 5px 5px;}





.latest-title h2 a{font-family: Museo, Helvetica, Arial, sans-serif; margin: 0px  0px  0px  0px; display:block; color:#ff0066; text-decoration:none;  



.latest-title h2 a:hover{font-family: Museo, Helvetica, Arial, sans-serif; margin: 0px  0px  0px  0px; color:#ff0066;  }



 



.latest-title{ font-family: Museo, Helvetica, Arial, sans-serif;  margin: 0px  0px  0px  0px;  display:block; z-index:101; width:220px; bottom:0;  }



.latest-title-arc{ font-family: Museo, Helvetica, Arial, sans-serif;  margin: 0px  0px  0px  0px; color:#ff0066;  display:block; z-index:101; width:710px; bottom:0;  }



.latest-title arcp {width:620px;}



.latest-content{  width:220px; background:#00ff00;}



.latest-content h2{margin-top:0px; width:220px  }

.latest-content h2 a{color:#ff008a; text-decoration:none; width:220px  }

.latest-content h2 a:hover{color:#ff0000; text-decoration:none; width:220px }



.latest-content p{color:#222;  font-size:6.1em;   line-height:1.0; margin: 0px 0px 0px 0px;   text-align:left;   padding: 0px 0px 0px 0px;  }



.latest-post-wrap p{ background-color:#ff0000; }

/*

-----------------------------------------

FOOTER

----------------------------------------- 

*/

#push{height:80px}



#footer{padding-top:20px; border-top:0px solid #ff008a; width:960px; maa/*

------------------------------------------------------------------------

 

-----------------------------------------

FEATURED

----------------------------------------- 

*/

.front-post{width:303px; margin-right:25px; float:left}



.front-post-last{width:303px; float:left}



.featured-content{position:relative; width:303px}



.featured-content p{margin-top:1em}



.featured-post{position:relative; width:303px; height:231px; margin-bottom:1.2em}



.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}



.featured-title h2 a{font-size:1.1em; display:block; color:#ff008a; text-decoration:none; border-bottom:0}



.featured-title h2 a:hover{color:#fff}



.featured-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}



.featured-image{position:absolute; z-index:1}



.featured-content h2{margin-top:15px}

.featured-content h2 a{color:#ff008a; text-decoration:none}

.featured-content h2 a:hover{color:#000}



/*

-----------------------------------------

SIDEBAR

----------------------------------------- 

*/

 

/*



/*

-----------------------------------------

FOOTER

----------------------------------------- 

*/



#tag_cloud-3{background:#ff0000;} 





#push{height:80px}



#footer{padding-top:20px; border-top:0px solid #ff008a; width:960px; margin:150px auto 0; height:80px; color:#4d4d4d}



#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}



#footer p a{border-bottom:0px solid #ff008a; color:#4d4d4d; text-decoration:none}



#footer p a:hover{border-bottom:0px solid #ff008a; color:#ff008a; text-decoration:none}





/*

-----------------------------------------

POSTS

----------------------------------------- 

*/

.post-category{color:#8a8a8a; float:left; margin-bottom:0px}



.post-tags{color:#8a8a8a; float:right}



.post-category p, 

.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}

.post img{margin:0.5em 1em;}

.post blockquote p{  font-style:italic}





/*

-----------------------------------------

SEARCH

----------------------------------------- 

*/

#searchform{float:left; margin-top:1em; height:2.3em}



#searchsubmit{border:0px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}



#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:0px solid #E5E5E5; font-size:1.1em}rgin:150px auto 0; height:80px; color:#4d4d4d}



#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em}



#footer p a{border-bottom:0px solid #ff008a; color:#4d4d4d; text-decoration:none}



#footer p a:hover{border-bottom:0px solid #ff008a; color:#ff008a; text-decoration:none}



/*

-----------------------------------------

POSTMETA_

----------------------------------------- 

*/

.postMeta{font-size:1.2em; margin-bottom:0px; margin-top:0px; padding-bottom:24px; border-bottom:0px solid #ff008a; text-decoration:none}



.postMeta-featured{margin-top:10px;  font-size:1.2em; width:303px}



.postMeta-front{margin-top:0px; font-size:1.2em; width:220px; b}



 



.postMeta-post{font-size:1.2em; margin-bottom:0px; margin-top:0px; border-bottom:0px solid #ff008a; padding-bottom:5px; text-decoration:none}



postMeta-post p{font-size:2.2em;}

.sumbittedby{font-size:2.2em;}

.sumbittedby p{font-size:2.2em;}



.postMeta-post span.sumbittedby{font-size:2.2em; margin-bottom:0px; margin-top:0px; border-bottom:0px solid #ff008a; padding-bottom:5px; text-decoration:none}





.postMeta span.date, 

.postMeta-post span.date, 

.postMeta-featured span.date, 

.postMeta-front span.date{color:#8a8a8a; float:left; margin-bottom:0px; margin-top:0px  }



.postMeta span.comments a, 

.postMeta span.date a, 

.postMeta-post span.comments a, 

.postMeta-post span.date a, 

.postMeta-featured span.comments a, 

.postMeta-featured span.date a, 

.postMeta-front span.comments a, 

.postMeta-front span.date a{float:right; color:#8a8a8a; text-decoration:none; margin-bottom:0px;  }



.postMeta span.comments, 

.postMeta-featured span.comments, 

.postMeta-post span.comments, 

.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}



.postMeta-front {background:#ff0000;}









.more-text {  text-decoration:none; position:absolute; bottom:0px;}



.more-text p{text-decoration:none;}

.more-text p a:link{text-decoration:none;}



.more-textdiv{position:absolute; bottom:0px;}

 

/*

-----------------------------------------

COMMENTS

----------------------------------------- 

*/

.comment-heading { font-family: Museo, Helvetica, Arial, sans-serif;  margin: 0px  0px  0px  0px; color:#ff0066; margin-bottom:0px; text-transform:none; border:none; color:#a5a5a5;}

.comment-heading h2{font-family: Museo, Helvetica, Arial, sans-serif;  margin: 0px  0px  0px  0px; color:#ff0066;}

.commentwrap{border-top:0px solid #ff008a; padding-bottom:5px; padding-top:5px; background:#ffff00; border-style:solid; border-width:1px; border-color:#dcdcdc; }

.comments-arc{background:#ff0000; float:left; width:720px; position:relative;  text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}

#commentform{background:#ff0000; float:left; width:720px; position:relative;  text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}



#respondblock{background:#ff0000; float:left; width:720px; position:relative;  text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}



.blah{ background:#ff0000;  width:120px; }



.commentpost{float:right; width:680px}



.commentpost p{margin-top:0; width:680px}



.commentmetadata{float:left; width:90%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em

	 border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;

}



.commentmetadata li{ list-style-type:none; padding:.3em; margin:0 0 0 0}



.commentmetadata li a{border-bottom:0px solid #ff008a; color:#ff008a; text-decoration:none}



.warning{padding:10px; background:#282828; border:0px solid #323232; ; margin-bottom:0px}



.comments {background:#ff0000; float:left; width:680px; position:relative;  text-decoration:none; margin-right:8px; margin-bottom:10px; background:#ffffff; border-style:solid; border-width:1px; border-color:#dcdcdc; padding: 10px 10px 10px 10px;}



.comments a{   color:#ffffff; padding:15px 0px 0px 5px;}

.comments a:visited{   color:#ffffff; padding:15px 0px 0px 5px;}





#comments label input{border:0px solid #E5E5E5; padding:5px 4px; margin-bottom:0px; width:160px





  }



#comments label span{line-height:27px}



#comments label{font-family:�Trebuchet MS�, Helvetica, sans-serif; font-size:1.1em}



#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}a



#comments-content{background:#ffff00; display:block; border-bottom:0px solid #ff008a; margin:0px 0px 0px 0px; padding:0px}



#comments textarea{margin-top:0px; padding:4px 0px; width:100%; border:0px solid #E5E5E5}



.button{border:0px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}



.children {margin-left: 50px}



.children div {border:none}



.children .commentwrap {border-top: 0px solid #ff008a;}



.children .commentmetadata {padding-right:0px}



.children .commentpost {text-align:left; float:right; width:95%}



a:link {text-decoration:none;}

a:visited {text-decoration:none;}

a:hover {text-decoration:none;}

a:active {text-decoration:none;}