/*



Theme Name: Good And Evil



Theme URI: http://themehybrid.com/themes/good-and-evil



Description: A child theme for the Options theme with a beautiful mixture of white and dark (good and evil).



Template: options



Author: Justin Tadlock



Author URI: http://justintadlock.com



Version: 0.1.1





*/





/* Import base CSS */



@import url('../options/library/css/base.css');







/* Body */



li {list-style: none; }



body {



	color: #000;



	background: #ddd; /*1b1b1b*/



	font: 85% Georgia, "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;

        margin: 1%;



	}







#body-container {



	width: 980px;



	overflow: hidden;



	margin: 7px auto; /*10*/ margin-top: auto;



        border-top: 1px solid #f68b1e; 



        _background: #1b1b1b;



	}







/**



* Elements



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



a:link, a:visited {



	color: #3F4C6B; /*a99476*/

 

        text-decoration: none;



	}



a:hover {



	color: #f68b1e; text-decoration: underline;



	}



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {



	font-family: Georgia, Verdana, "Times New Roman", Times, serif;



	color: #1b1b1b; /*a99476*/



        letter-spacing: .04px;



        text-decoration: none !important;



	}



h1 { font-size: 2em; }



h2 { font-size: 1.65em; }



h3 { font-size: 1.2em; }



h4 { font-size:1.3em; }



h5 { font-size:1.2em; }



h6 { font-size:1.1em; }







/* Code */



code {



	font-size: 1.05em;



	background: #f7f7f7;



	}



pre {



	font-size: 1.05em;



	overflow: auto;



	margin: 0 0 18px 0;



	padding: 10px;



	background: #f7f7f7;



	}







/* Blockquotes */



blockquote{



	border-left: 2px solid #CADAE7;



	color: #333;



	font-style: italic;



	padding-left: 10px;



	margin: 0 2.5em 18px 2.5em;



        font-size: 1.2em;



	}



blockquote blockquote { color: #333; }







/* Alignment */



.left, .alignleft {



	float:left;



	}



.right, .alignright {



	float: right;



	}



.alignright {



	margin-left: 15px;



	}



.alignleft {



	margin-right: 15px;



	}



.center, .centered, .aligncenter {



	margin: 0 auto 18px auto;



	display: block;



	}







/**



* Header



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



#header-container {



	overflow: hidden;



	background: #fff; border-right: 1px solid #f68b1e; 

	}



#header {



	float: left;



	width: 1010px; /*1010px*/ 



	overflow: hidden; border-left: 1px solid #f68b1e; 



	}



#header #site-title {



	margin: 0; padding: 0;



	}



#header #site-title  {



	width: 980px;



	height: 180px; /*130*/



	display: block;



/*	background: url(http://www.britisharablawyersassociation.com/wp-content/uploads/2009/02/logoholder.png) no-repeat 0 0 ; */



	background: url(images/yanaheader.jpg) no-repeat 0 0 ; 



        background-position: center right;



        color: #fff !important;



        letter-spacing: 2px !important;



        font-size: .6em !important;



	}



#header #site-title a span, #header #site-description  {



	display: none;



	}



#header #site-description {



        display: none;



}







/**



* Feed (header)



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



#feed {



	width: 120px;



	float: right;



	padding: 20px 0 0 0;



	}



#feed ul {



	list-style: none;



	margin: 0;



	height: 55px;



	}



#feed li {



	float: left;



	margin: 0;



	text-align: right;



	}



#feed li.feed-url a {



	display: block;



	width: 60px;



	height: 55px;



	background: url(images/feed-icon.gif) no-repeat 0 0;



	}



#feed li.feed-email a {



	display: block;



	width: 60px;



	height: 55px;



	background: url(images/feed-email.gif) no-repeat 0 0;



	}



#feed li a span { display: none; }







/**



* Navigation



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



#navigation, #sub-navigation {



	clear: left;



	color: #000;



	letter-spacing: .03em;



	text-align: left;



	}



#navigation {



	height: 35px;



        font-size: 1.0em;



	background: url(images/menubg.gif) repeat-x 0 0;



	}



#sub-navigation {



	height: 25px;



	font-size: 0.8em;



	background: #383838;



	}







/* List items */



#nav, #nav ul, #nav ul ul, #sub-nav, #sub-nav ul, #sub-nav ul ul {



	list-style: none;



	margin: 0;



	}



#nav li, #nav li li, #nav li li li, #sub-nav li, #sub-nav li li, #sub-nav li li li {



	float: left;



	}







/* Page nav style */



#nav li { background: #1b1b1b url(images/menubg.gif) repeat-x 0 0; }



#nav li li, #nav li li li { background: #3f3f3f; border-bottom: 1px solid #333; }



#nav li a, #nav li a:visited {



	display: block;



	padding: 0 14px;



	line-height: 35px;



	color: #000;



	font-size: .8em;



	font-weight: bold;



	text-transform: uppercase;



	}



#nav li a:hover, #nav li a:active:hover { text-decoration: underline; }



#nav li.current_page_item a {text-decoration: underline; }



#nav li.current_page_parent a {text-decoration: underline; }



#nav li.current_page_parent a:hover {text-decoration: none; }





/* Cat nav style */



#sub-nav li { line-height: 25px; background: #383838; }



#sub-nav li a { display: block; padding: 0 15px; color:#e2e2e2; }



#sub-nav li a:hover { text-decoration: underline; }







/* Drop-down controls */



#nav ul, #sub-nav ul { float: left; }



#nav li ul, #sub-nav li ul { visibility: hidden; position: absolute; width: 15em; left: -999em; }



#nav li:hover ul, #sub-nav li:hover ul { left: auto; z-index: 1000; }



#nav li ul li, #sub-nav li ul li { width: 15em; }



#nav li ul ul { margin: -35px 0 0 15em; }



#sub-nav li ul ul { margin: -25px 0 0 15em; }



#nav li:hover ul ul, #sub-nav li:hover ul ul { visibility: hidden; }



#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul { left: auto; }



#nav li:hover ul ul, #sub-nav li:hover ul ul { visibility: hidden; }



#nav li:hover ul, #nav li li:hover ul, #sub-nav li:hover ul, #sub-nav li li:hover ul { visibility: visible; left: auto; }







/**



* Search



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



#search {



	float: right;



	width: 185px;



	margin-right: 15px;



	}



#search form {



	float: right;



	margin: .3em 0 0;



	padding: 0;



	}



#search input#s {



	font-style: italic;



	letter-spacing: 0.02em;



	color: #eee;



	width: 170px;



	background: #444;



	border: 1px solid #333;



	margin: 0;



	}



#search input#s:focus {



	background: #eee;



	color: #333;



	}



#search #search-submit { display: none; }







/**



* Content



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



#specialcontainer {



        height: 333px;


 
        overflow-y: scroll;



        float:right;



        width: 650px; padding: 0px; margin: 0px; margin-bottom: 3px; padding-right: 30px;

}



#specialcontainer ul li {list-style-type: disc; padding-top: 5px; padding-bottom: 5px;}



#specialcontainer ol li {list-style-type: decimal; padding-top: 5px; padding-bottom: 5px; }



#container {



	height: 100%;



        overflow: hidden;



	clear: left;



	/*overflow: hidden;*/



	margin: 0;



	padding: 18px 12px 0 12px;



        background: #fff url(images/fullback.jpg) no-repeat 0 0;



        border-right: 1px solid #f68b1e; border-left: 1px solid #f68b1e; 



	}



#home, #content {



	width: 620px;



	margin: 0;



	}



#home.left, #content.left, #sidebar.left { float: left; margin: 0; }



#home.right, #home.right, #sidebar.right { float: right; margin: 0; }







/**



* Images



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



img {

/*
<!--
	padding: 3px;



	background: #eee;



	border: 1px solid #666; */



	}



.sidebarimagespecial img {background: #eee !important; padding: 9px; }



.sidebarimagespecial img:hover {background: #ddd !important; }



.sidebarimagespecial1 img {background: #fff !important; padding: 9px; }



.sidebarimagespecial1 img:hover {background: #eee !important; }



.post img {



	max-width:98%;



	}







/* Captions */



.wp-caption {



	padding: 3px 0 0 0;



	background: #f9f9f9;



	border: 1px solid #eee;



	text-align: center;



	}



.wp-caption p.wp-caption-text {



	margin: 0; padding: 0 5px;



	text-align: right;



	font-size: .8em;



	color: #555;



	}



.wp-caption img {



	margin: 0; padding: 0;



	border: 1px solid #666;



	}



.thumbnail {



	float: left;



	width: 100px;



	height: 100px;



	margin-right: 15px;



	}



#feature img, #features-numbers img {



	float: left;



	margin-right: 15px;



	max-width: 270px;



	}



#feature img {

        _width: 100px;

}



#features-numbers img {background: #fff !important; _display: none;}



#author-box img {



	float: left;



	width: 70px;



	height: 70px;



	padding: 1px;



	margin-right: 15px;



	}



.author .post .avatar {



	float: left;



	width: 100px;



	height: 100px;



	margin-right: 15px;



	}







/**



* Sections of the site



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



.section {



	height: 100%;



	overflow: hidden;



	background: #fff;



	margin: 0 0 20px 0;



	}



.section-header {



	font-size: 1.2em;



	font-weight: bold;



	color: #1b1b1b;



	background: url(images/stop.png) no-repeat 0 4px;



	margin: 0 0 10px 0;



	padding: 1px 0 0 20px;



	}







#no-sidebar .section, #no-sidebar .post {



	width: 98%;



	background: #fff;



/*	border: 1px solid #eee; */



	padding: 10px;



	}







/* Posts */



.post {



	overflow: hidden;


	padding: 0px; margin: 0px; padding-left: 10px; 

	margin-bottom: 20px;

/*	border: 1px solid #eee; */




        width: 98%;



	}



.post-title {



	font-size: 1.4em;



	margin-bottom: 9px;



	}



.byline {



	font-size: .9em;



	color: #666;



	font-style: italic;



	}



.post-meta-data {



	font-size: .9em;



	font-style: italic;



	}



.gallery {



	margin-bottom: 18px;



	}







/* Navigation links */



.navigation-links {



	margin-bottom: 20px;



	background: #fff;



/*	border: 1px solid #eee; */



	padding: 15px;



	}



.navigation-links .previous {



	font-weight: bold;



	float: left;



	max-width: 50%;



	}



.navigation-links .next {



	font-weight: bold;



	float: right;



	max-width: 50%;



	text-align: right;



	}



/* WP PageNavi */



.wp-pagenavi {



	font-family: Georgia, "Times New Roman", Times;



	margin-bottom: 20px;





	}



.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a {



	padding: 3px 6px !important;



	background: #f7f7f7 !important;



	}



.wp-pagenavi .pages {



	border: none !important;



	}



.wp-pagenavi .pages, .wp-pagenavi .current {



	color: #333 !important;



	}



.wp-pagenavi .current, .wp-pagenavi a {



/*	border: 1px solid #eee !important; */



	}









/* Author box */



#author-box {



	padding: 15px;



/*	border: 1px solid #eee; */



	}



#author-box h4 {



	margin-bottom: 3px;



	font-size: 1em;



	font-weight: bold;



	}







/* Breadcrumbs */



.breadcrumb {



	padding: 7px 15px;



/*	border: 1px solid #eee; */ border-bottom: 5px solid #eee;



	margin-bottom: 4px;



        display: none;

	}







/* Related posts */



#related {



	padding: 15px;



/*	border: 1px solid #eee; */



	}



#related ul {



	list-style: none;



	margin: 0 0 0 15px;



	}



#related ul li {



	padding: 0 0 0 20px;



	background: url(images/list.gif) no-repeat 0 0; 



	}







/* Custom home sections */



#home-insert-1, #home-insert-2, #home-insert-3 {




	background: #fff;



/*	border: 1px solid #eee; */



	}



#home-insert-1 p { text-align: justify; }



/*#home-insert-1 {border-bottom: 1px solid #333;} */



/* Full Posts */



#full-posts .post {



	overflow: hidden;



	margin-bottom: 20px;



	padding: 15px;



	background: #fff;



/*	border: 1px solid #eee; */



	}



#full-posts h2.post-title {



	margin-bottom: 9px;



	}







/* Features Gallery */



#myGallery {



	height: 240px;



	margin-bottom: 20px !important;



	padding: 0;



/*	border: 1px solid #eee; */



	}



#myGallery .imageElement { display: none; }



.jdGallery .slideInfoZone { width: 100%; }



.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone h2 a { color: #f7f7f7 !important; }







/* Feature */



#feature .post {



	margin: 0;



        _padding-bottom: 30px;



        border-bottom: 1px solid #888;







	}



#feature {        width: 100%;}





/* Features numbers */



#features-numbers {



	background: #fff !important;

 

        border-bottom: 1px solid #333 !important; 



        padding-bottom: 15px;



        width: 105%;



	}



#features-numbers h3 {padding-left: 15px; }



#features-numbers .section {border-bottom: 1px solid #333 !important;}



#features-numbers .post {



	margin: 0;



	padding: 0;



	border: none;



	}







/* Gallery stream / Flickr */



div.gallery-stream, #home div.flickr {



	margin-bottom: 20px;



	padding: 15px 0 15px 15px;



/*	border: 1px solid #eee; */



	}



div.gallery-stream img, #home div.flickr img {



	width: 80px;



	height: 80px;



	margin: 2px 9px 2px 0;



	}







/* Excerpts */



#excerpts {



	background: #f7f7f7;



	margin: 0;



	padding: 0;



	}



#excerpts .post {



	margin-bottom: 20px;



	padding: 15px;



	background:#fff;



/*	border: 1px solid #eee; */



	}



#excerpts .post-title a { color:#06d; }



#excerpts .post-title a:hover { color:#06f; }







/* Tag cloud, category cloud, author cloud, bookmark cloud */



#home div.cloud {



	padding: 15px;



	background: #fff;



/*	border: 1px solid #eee; */



	}







/* Post blocks */



#post-blocks {



	padding: 0;



	margin: -20px 0 20px 0;



	background: transparent;



	}



#post-blocks .post {



	width: 43.5%;



	padding: 15px;



	margin: 20px 0 0 0;



	background: #fff;



/*	border: 1px solid #eee; */



	}



#post-blocks .even { float: right; clear: none; }



#post-blocks .odd { float: left; clear: both; }



#post-blocks h3 { font-size: 1em; }







/* Post sections */



#post-sections, #post-sections .section {



	padding: 0; margin: 0;



	background: transparent;



	}



#post-sections .post {



	overflow: hidden;



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



	background: #fff;



        border-bottom: 1px solid #888;



	}



#post-sections .post-title { font-size: 1.2em; }







/* Post tabs */







#post-tabs .post, #post-list-tabs .post, #post-block-tabs .post {



	padding: 0; margin: 0;



	border: none;



	}



#post-tabs .post-title, #post-list-tabs .post-title, #post-block-tabs .post-title {



	font-size: 1em;



	}



#post-tabs .tab-content {



	padding: 15px;



	}



#post-list-tabs .odd, #post-block-tabs .odd {



	float: left;



	width: 50%;



	}



#post-list-tabs .even, #post-block-tabs .even {



	float: right;



	width: 47%;



	clear: none;



	}



#post-list-tabs .tab-content ul {



	margin: 0 0 0 5px;



	list-style: none;



	}



#post-list-tabs .tab-content ul li {



	margin: 4px 0; padding: 0 0 0 15px;



	background: url(images/list.gif) no-repeat 0 0;



	}



#post-list-tabs .tab-content ul li a {



	font-size: 1em;



	font-weight: normal;



	}





/* Video tabbed */



#video-tabbed {



	padding: 15px;



/*	border: 1px solid #eee; */



	}



#video-tabbed .v {



	float: left;



	width: 47%;



	}







.video-list {



	float: right;





	width: 45%;



	}



.video-list ul {



	list-style: none;



	margin: 0; padding: 0;



	}



.video-list ul li {



	font-size:1em;



	height: 16px;



	margin: 4px 0 12px 0;



	padding: 1px 0 0 25px;



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



	}



.video-list li a {



	color: #666;



	}



.video-list li a:hover {



	color: #2c79d5;



	}



.video-list li a.tab-current{



	font-weight: bold;





	color: #2c79d5;



	}







/* Video numbers */



#video-numbers {



	background: transparent !important;



	}



#video-numbers .post {



	margin: 0;



	padding: 0;



	border: none;



	}



#video-numbers .post-title { font-size: 1em; }



#video-numbers object { margin-right: 12px; }







/**



* Sidebar



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



#sidebar {



	width: 180px;



        position: relative; top: -17px;



	margin: 0;



/*        background: #eee; */



        font-size: .9em;



/*        background-color: #dae5ff;



	border: 3px solid #2198b8;*/



	}

/*

 .t {background: url(images/dot.gif) 0 0 repeat-x; width: 22em}

.b {background: url(images/dot.gif) 0 100% repeat-x}

.l {background: url(images/dot.gif) 0 0 repeat-y}

.r {background: url(images/dot.gif) 100% 0 repeat-y}

.bl {background: url(images/bl2.gif) 0 100% no-repeat}

.br {background: url(images/br2.gif) 100% 100% no-repeat}

.tl {background: url(images/tl2.gif) 0 0 no-repeat}

.tr {background: url(images/tr2.gif) 100% 0 no-repeat; padding:10px} 

*/

#sidebar img {background: transparent !important; }



#sidebar .menu {



	overflow: hidden;



	padding: 5px 9px;



/*	background: #eee; */







	}



#sidebar .menu, #sidebar .tabbed {



	clear: left;



	margin: 0 0 15px 0;



	}



#sidebar .tabbed {

        background: #fff !important; border-bottom: 1px solid #dcdcdc;

}



.tabbed .tab-content { padding: 10px 2%;}







#sidebar .menu li a, #sidebar .tabbed div li a {

        font-family: "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;

        font-size: 1.6em;

        font-weight: normal;

        list-style-type: none !important; 

	padding: 3px 0 4px 0; margin: 0px !important; color: #fff !important;



	}



#sidebar .menu li a:hover, #sidebar .menu li.current_page_item a, #sidebar .menu li.current_page_ancestor a {



	text-decoration: underline; color: #333 !important;



	}







/* Recent widget */



#sidebar .recent .post {



	clear:left;



	margin: 0 0 9px 0;



	padding: 0;



	border: none;



/*       background: #eee !important; */



	}



#sidebar .recent .post-title {



	margin-bottom: 3px;



	font-size: .95em;



	line-height: 1em;



	}



#sidebar .recent .entry { font-size: .95em; }



.entry {width: 100%; padding: 0px; entry: 0px; }



/* Video widget */



#sidebar .video div { padding: 2px 0; }



#sidebar .video object {



	width: 100%;



	height: 230px;



	margin-bottom: 6px;



	}



#sidebar .video .post-title { margin: 0; font-size: 1.1em; }







/* Gallery stream / flickr widget */



#sidebar .gallery-stream, #sidebar .flickr {



	padding: 0;



	border: none;



	}



#sidebar .gallery-stream img, #sidebar .flickr img {



	width: 90px; height: 90px;



	margin: 0 8px 5px 6px;



	}







/* Ads widget */



#sidebar .ads img { margin: 1%; }







/* Tabs */



/*.tabbed { background: #f7f7f7; } */







/* Actual tabs */



.tabbed ul.tabs {



	float: left;



	list-style-type: none;



	margin: 0 0 3px 0;



	padding: 0;



	background: #fff;



        _width: 260px;



	}



.tabbed ul.tabs li {



	display: inline;



	float: left;



	}



.tabbed ul.tabs li a {



	display: block;



	float: left;



	margin: 0 3px 0 0;



	padding: 6px 8px;



	color: #333;



	font-size: .90em;



        _font-size: .85em;



	font-weight: bold;



        _font-weight: normal;



	background: #ddd;



/*	border: 1px solid #eee; */



	}





.tabbed ul.tabs li a:hover {



	background: #666; color: #fff; text-decoration: none !important; _text-decoration: underline;



	}



ul.tabs li a.tab-current, ul.tabs li a.tab-current:hover {



	background: #fff;



	color: #333;



	}



ul.tabs li.tab-special {





	display: block;



	float: left;



	margin: 0 3px 0 0;



	padding: 6px 8px;



	font-size: .95em;



	font-weight: bold;



	background: #fff;



	color: #333;



        padding-right: 5px;



	}







/* Tab content */



.tab-content {



	height: 100%;



	overflow: hidden;



	clear: left;



	background: #fff;



	/*border: 1px solid #eee;*/ border-top: 0px solid #fff !important;



	}



.tab-content ul { list-style: none; margin-left: 10px; }



.tab-content ul li { margin-bottom: 3px; }



.tab-content ul li a:hover { color: #2c79d5; text-decoration: underline; }







/* Recent comments */



#sidebar ul.recent-comments { list-style: none; }



#sidebar ul.recent-comments li { margin: 2px 0 5px; }



#sidebar ul.recent-comments li a { color: #2c79d5; display: inline; }







/* Search */



#sidebar .search input {



	width: 94%;



	background: #fff;



	color: #1b1b1b;



	margin: 4px 0;



	}



#sidebar .search-submit { display: none; }







/**



* Comments Template



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



#comments-template {



	margin-bottom: 15px;



	background: #fff;



/*	border: 1px solid #eee; */



	padding: 10px;



	}



#comments-template ol {



	list-style: none;





	margin: 0;



	padding: 0 9px;



	}



/* Comments */



#comments-template ol li {



	height: 100%;



	overflow: hidden;



	margin:0 0 10px 0;





	padding: 10px;



	background: #fff;



/*	border:1px solid #eee; */



	}







/* Comment images */



#comments-template img {





	padding: 0;



	border: none;



	}



#comments-template .avatar {



	float: left;



	width: 40px; height: 40px;



	margin-right: 15px;;



	padding: 4px;



	background: #eee;



	border: 1px solid #ccc;



	}



#comments-template li.author .avatar {



	width: 42px; height: 42px;



	padding: 0;



	border: 1px solid #2c79d5;



	}







/* Comment meta data */



#comments-template .comment-meta-data {



	font-size: 1.1em;





	margin-bottom: 9px;



	}



#comments-template li.author .comment-meta-data {



	font-style: italic;





	}



#comments-template ol li .comment-meta-data a.time {



	margin-left: 5px;



	color: #4e4e4e;



	}







/* Comment text */



#comments-template ol li .comment-text {



	float: left;



	width: 85%;



	padding: 10px 0 0 10px;



	background: #fbfbfb;



	border: 1px solid #eee;



	}



#no-sidebar #comments-template ol li .comment-text {



	width: 92%;



	}









/* Comment form */



#comments-template textarea {



	width: 95%;



	padding: 9px;



	font-size: 1.1em;



	color:#444;



	background: #fff;



	border: 1px solid #ccc;



	}



#no-sidebar #comments-template textarea {



	width: 98%;



	}



#comments-template input.submit-comment, #comments-template input.reset-comment {



	width: 100px;



	margin-right: 10px;



	padding: 7px;



	}







/**



* Footer



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



#footer {



	clear: left;



	width: 958px;



	padding: 20px 10px 5px;



	color: #333;



	background: /*url(images/footer-bg.gif) no-repeat 0 top*/ #fff;



        border-bottom: 1px solid #f68b1e; 

        border-right: 1px solid #f68b1e; border-left: 1px solid #f68b1e; 

	}



#footer a {



        color: #333;;



	}



#footer a:hover {



	text-decoration: underline;



	}



/** Other Stuff **/



.credit a {display: none !important; }



.jdGallery .slideInfoZone h2 { font-family: arial black !important; }



.post .odd {background-color: #eeeeee; }



.subpages {font-size: 1.3em;}



ul.subpages {list-style: none; }



ul.subpages li {padding: 4px;}



.archivespecial li {list-style: none; }



.t4 {    _display: none; }



.killgray img {background: transparent !important; }



.emailspecial li {list-style: none; padding: 0px; margin: 0px; margin-bottom: 10px; }



#alert {position: ABSOLUTE; padding-left: 28px; padding-top: 70px; background-color: transparent !important; /*left: 100px; top: 70px;*/ width: 400px; font-size: 1.1em }

#alert a { text-decoration: underline; }

.roundedspecial { background: url(images/roundedleft.png); height: 23px; width: 23px; position absolute; }