/*







Theme Name: Aloel's Creations



Theme URI: http://aloel.com



Description: Aloel's fun stuff. My Life, my creative endeavors, my interests and favorite things.



Version: 2.0



Author: Aloel



Author URI: http://aloel.com



Designed by: Aloel


*/




*/http://aloel.com/Color/wp-admin/theme-editor.php?file=/themes/Aloel_Creations/searchpage.php&theme=Aloel%27s+Creations&dir=theme


/* General */



body
{
margin: 0;
padding:0;
background: url(images/bg.jpg) repeat-x #450170;
}

p {
margin-bottom: 1em;
padding-bottom: 12px;
}

h1, h2, h3, h4
{
margin: 0;
}

img
{
 border: 0;
}

.clear
{
clear: both;
height: 0;
overflow: hidden;
}

.leftimg {
border:1px solid #b004ca;
margin:4px 7px 4px 0;
padding:4px;
background: #a9a9a9;
float: left;
}

.rightimg {
border:1px solid #3d0263;
margin:4px 0 4px 7px;
padding:4px;
background: #a9a9a9;
float: right;
}

.rightimg img:hover {
background: #b004ca;
border:2px solid #3d0263;
padding:3px;
}

.leftimg img:hover {
background: #b004ca;
border:2px solid #3d0263;
padding:3px;
}

/* Page */

#page
{
 margin: 0px auto 5px auto;
 width: 998px;
 background: url("images/page.jpg") repeat-y;
}



#page-top

{

 width: 998px;

 background: url("images/page_top.jpg") no-repeat;

}


#page-bottom

{

 width: 998px;

 min-height: 1px;

background: url("images/page_bottom.gif") no-repeat left bottom;



}







/* Header */



#header



{



 width: 998px;



 height: 294px;



 position: relative;



}







/* Header - Info */







#header #header-info



{



 position: absolute;



 top: 10px;



 left: 20px;



 width: 335px;



 height: 81px;



 padding-left: 92px;



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



}







#header #header-info h1



{



 color: #acdeed;



 font: bold 36px "Georgia", Georgia;



 padding: 1px 0 5px 0;



}







#header #header-info h1 a



{



 color: #acdeed;



 text-decoration: none;



}







#header #header-info .description



{

 

 position: relative;

 top: 80px;



 left: 0;

 color: #EEEEEE;



 font: bold 14px "Georgia", Georgia;



}







/* Header - Menu */







#header #header-menu



{



 position: absolute;



 top: 237px;



 left: 50px;



 width: 800px;



 height: 40px;



}







#header #header-menu ul



{



 margin: 0 0 -35px 0;



 padding: 0;



 list-style-type: none;



 width: 800px;



 height: 40px;



}







#header #header-menu ul li



{



 float: left;



 height: 40px;



 font: bold 13px/48px "Century Gothic", Century Gothic;



 color: #ffffff;



}







#header #header-menu ul li a



{



 color: #ffffff;



 text-decoration: none;



 padding: 0 15px;



 display: block;



}







#header #header-menu ul li a:hover



{



 background: url("images/header_menu.gif") repeat-x;



}







#header #header-menu ul li ul



{



 display: none;



}







#header #header-menu ul li.current_page_item a



{



 background: url("images/header_menu.gif") repeat-x;



}







/* Header - Search */







#header #header-search



{



 position: absolute;



 top: 250px;



 left: 720px;



 width: 217px;



 height: 22px;



}







#header #header-search #searchform



{



 margin: 0;



 padding: 0;



 width: 217px;



 height: 22px;



}







#header #header-search #s



{



 width: 125px;



 height: 16px;



 padding: 0 2px 2px 2px;



 margin: 0 6px 2px 0;



 border: 0.1em solid #e205af;;



 font: normal 13px "Century Gothic", Century Gothic;



 color: #000000;



 background: #e2ecf8;



 float: left;



}







#header #header-search #searchsubmit



{



 background: transparent;



 border: none;



 width: 72px;



 height: 22px;



 padding: 0;



 float: right;



}







/* Header - Newsletter */







#header #header-newsletter



{



 /*position: absolute;



 top: 243px;



 left: 32px;



 width: 200px;



 height: 90px;



 padding-top: 40px;*/



 background: url("images/header_newsletter.gif") no-repeat;



 color: #000000;



 font: bold 12px "Century Gothic", Century Gothic;



}







#header #header-newsletter p



{



 margin: 0;



 padding-bottom: 7px;



}







#header #header-newsletter form



{



 margin: 0;



 padding: 0;



}







#header #header-newsletter span



{



 width: 55px;



 float: left;



 height: 18px;



 line-height: 18px;



}







#header #header-newsletter input



{



 width: 123px;



 height: 18px;



 background: url("images/header_input.gif") no-repeat;



 border: none;



 padding: 0 5px;



 font: normal 12px "Century Gothic", Century Gothic;



 color: #000000;



}







/*#header #header-newsletter .submit



{



 width: 85px;



 height: 26px;



 background: url("images/header_button.gif") no-repeat;



 margin-left: 104px;



}







/* Header - Recent Articles */







#header #recent-articles



{



 position: absolute;



 top: 236px;



 left: 264px;



 width: 305px;



 height: 145px;



}*/







#header #recent-articles h3



{



 width: 285px;



 height: 22px;



 color: #000000;



 font: bold 12px/22px "Century Gothic", Century Gothic;



 background: url("images/title_recent_articles.gif") no-repeat;



 padding: 0 10px;



}







#header #recent-articles ul



{



 margin: 0;



 padding: 0 0 0 10px;



 list-style-type: none;



}







#header #recent-articles ul li



{



 padding-left: 8px;



 background: url("images/header_articles.gif") no-repeat;



 color: #000000;



 font: bold 12px/28px "Century Gothic", Century Gothic;



}







#header #recent-articles ul li a



{



 color: #000000;



 text-decoration: none;



}







#header #recent-articles ul li a:hover



{



 text-decoration: underline;



}







/* Header - Popular Articles */







#header #popular-articles



{



 position: absolute;



 top: 223px;



 left: 595px;



 width: 278px;



 height: 145px;



}







#header #popular-articles h3



{



 width: 258px;



 height: 22px;



 color: #000000;



 font: bold 12px/22px "Century Gothic", Century Gothic;



 background: url("images/title_popular_articles.gif") no-repeat;



 padding: 0 10px;



}







#header #popular-articles ul



{



 margin: 0;



 padding: 0 0 0 10px;



 list-style-type: none;



}







#header #popular-articles ul li



{



 padding-left: 8px;



 background: url("images/header_articles.gif") no-repeat;



 color: #000000;



 font: bold 12px/28px "Century Gothic", Century Gothic;



}







#header #popular-articles ul li a



{



 color: #000000;



 text-decoration: none;



}







#header #popular-articles ul li a:hover



{



 text-decoration: underline;



}







/* Header - Feed */



#header #header-feed



{



 position: absolute;



 top: 20px;



 left: 180px;



 width: 30px;



 height: 30px;



}







/* Header - Feed1 */



#header #header-feed1



{



 position: absolute;



 top: 210px;



 left: 750px;



 width: 30px;



 height: 30px;



}







/* Header - Feed2 */







#header #header-feed2



{



 position: absolute;



 top: 20px;



 left: 20px;



 width: 30px;



 height: 30px;



}







/* Header - Feed3 */







#header #header-feed3



{



 position: absolute;



 top: 20px;



 left: 100px;



 width: 30px;



 height: 30px;



}







/* Header - Feed4 */







#header #header-feed4



{



 position: absolute;



 top: 20px;



 left: 260px;



 width: 30px;



 height: 30px;



}







/* Main */







#main



{



 margin: 0 auto;



 width: 885px;



}







/* Main - Content */







#content



{



 top: 290px;



 float: left;



 width: 633px;



 padding: 0 8px 0 13px;



}







/* Main - Content - Post */







#content .post



{



 float: left;



 margin:  0;



 width: 630px;



}







/* Post - Title */







#content .post .post-title



{



 width: 621px;



 padding: 6px 5px 10px 0;



 font: bold 12px "Century Gothic", Century Gothic;



 color: #dd02f7;



}







#content .post .post-title a



{



 color: #dd02f7;



 text-decoration: none;



}







#content .post .post-title a:hover



{



 text-decoration: underline;



}







#content .post .post-title h2



{



 color: #dd02f7;



 font: bold 22px "Century Gothic", Century Gothic;



 margin-left: -135px;



}







#content .post .post-title h2 a



{



 color: #dd02f7;



 text-decoration: none;



}







#content .post .post-title h2 a:hover



{



 text-decoration: underline;



}







#content .post .post-title .post-date



{



 float: left;



 background: url("images/post_date.gif") no-repeat;



 width: 59px;



 height: 43px;



 margin-right: 15px;



 color: #ffffff;



 text-align: center;



 text-transform: uppercase;



 font: bold 10px "Century Gothic", Century Gothic;



 letter-spacing: 1px;



}







#content .post .post-title .post-date span



{



 padding: 3px 0 5px 0;



 display: block;



}







/* Post - Entry */



#content .post .post-entry



{



 font: normal 12px/18px "Century Gothic", Century Gothic;



 color: #000000;



 width: 600px;



 padding: 0 10px;



}







#content .post .post-entry a



{



 color: #a605e9;



 text-decoration: none;



}







#content .post .post-entry a:hover



{



 text-decoration: underline;



 color: #e905dc;



}







#content .post .post-entry a.more-link



{



 font: bold 12px/18px "Century Gothic", Century Gothic;



 color: #a605e9;



 text-decoration: none;



}







#content .post .post-entry a.more-link:hover



{



 text-decoration: underline;



}







#content .post .post-entry blockquote



{



 border-left: 10px solid #e6e6e6;



 margin: 0px 30px;



 padding-left: 15px;



}







/* Post - Info */



	#content .post .post-info



{



 padding: 0 15px;



 width: 611px;



 height: 26px;



 background: url("images/post_info.gif") no-repeat;



 clear: both;



 font: bold 12px/26px "Century Gothic", Century Gothic;



 color: #000000;



}







#content .post .post-info a



{



 color: #a605e9;



 text-decoration: none;



}







#content .post .post-info a:hover



{



 text-decoration: underline;



}







/* Post - Comments */







#content .post h3



{



 margin: 5px 0 8px 0;



 color: #E8635C;



 font: bold 18px "Century Gothic", Century Gothic;



}







#content .post .comments



{



 font: normal 12px/18px "Century Gothic", Century Gothic;



 color: #E8635C;



 width: 621px;



}







#content .post .comments ol



{



 margin: 10px 0;



 padding-left: 25px;



}







#content .post .comments ol li



{



 padding: 5px;



}







#content .post .comments ol li a



{



 color: #000000;



 text-decoration: none;



}







#content .post .comments ol li a:hover



{



 text-decoration: underline;



}







#content .post .comments ol li.alt



{



 background: #e6e6e6;



}







#content .post .comments ol li cite



{



 color: #000000;



 font-style: normal;



 font-weight: bold;



}







#content .post .comments ol li cite a



{



 color: #000000;



 text-decoration: none;



}







#content .post .comments ol li cite a:hover



{



 text-decoration: underline;



}







#content .post .comments ol li .commentmetadata a



{



 color: #000000;



 text-decoration: none;



}







#content .post .comments ol li .commentmetadata a:hover



{



 text-decoration: underline;



}







#content .post #commentform



{



 margin: 0;



 padding-left: 25px;



 font: normal 12px/18px "Century Gothic", Century Gothic;



 color: #000000;



 width: 496px;



}







#content .post #commentform a



{



 color: #000000;



 text-decoration: none;



}







#content .post #commentform a:hover



{



 text-decoration: underline;



}







/* Main - Content - Navigation */



#content .navigation



{



 margin-bottom: 30px;



 font: bold 12px "Century Gothic", Century Gothic;



 color: #000000;



 width: 641px;



}







#content .navigation a



{



 color: #000000;



 text-decoration: none;



}







#content .navigation a:hover



{



 text-decoration: underline;



}







#content .navigation .navigation-previous



{



 float: left;



}







#content .navigation .navigation-next



{



 float: right;



}



#error {

background: #ae83d5;

width: 95%;

height: 400px;

text-align: center;

border: dotted 2px #46066e;

}



/* Main - Sidebar */



#sidebar



{



 margin-top: 45px;



 float: left;



 width: 200px;



 font: normal 14px/18px "Century Gothic", Century Gothic;



 color: #000000;



}







#sidebar a



{



 color: #000000;



 text-decoration: none;



}







#sidebar a:hover



{



 text-decoration: underline;



 color: #a605e9;



}







#sidebar .sidebar-box



{



 width: 200px;



 padding-bottom: 5px;



}







/* Sidebar - Titles */



#sidebar h3



{



 font: bold 12px/35px "Century Gothic", Century Gothic;



 color: #FFFC00;



 width: 190px;



 height: 35px;



 padding: 0 11px;



 margin-bottom: 2px;



 background: url("images/sidebar_title.gif") no-repeat;



}







/* Sidebar - Menus */







#sidebar ul



{



 margin: 0;



 padding: 0 0 0 8px;



 list-style-type: none;



}







#sidebar ul li



{



 padding-left: 8px;



 background: url("images/sidebar_menu.gif") no-repeat;



 font: normal 12px/22px "Century Gothic", Century Gothic;



 color: #002C66;



}







#sidebar ul li a



{



 color: #002C66;



 text-decoration: none;



 line-height: 1em;



}







#sidebar ul li a:hover



{



 text-decoration: underline;



 color: #a605e9;



}







#sidebar ul li ul



{



 padding: 0 0 0 5px;



}







/* Sidebar - Forms */



#sidebar #searchform



{



 margin: 0;



 padding: 10px 0;



 width: 200px;



 text-align: center;



}







#sidebar #searchform #s



{



 width: 190px;



}







/* Sidebar - Tables */







#sidebar #calendar_wrap



{



 margin: 0 auto;



 padding-top: 5px;



 width: 150px;



}







#sidebar #calendar_wrap caption



{



 font-weight: bold;



}







#sidebar #calendar_wrap tbody



{



 text-align: right;



}







#sidebar #calendar_wrap tfoot #next



{



 text-align: right;



}







#sidebar #calendar_wrap #today



{



 font-weight: bold;



}







/* Sidebar - Texts */







#sidebar .textwidget



{



 padding: 0 5px;



}







/* Sidebar - Ads */







#sidebar .sidebar-ads



{



 padding: 10px 0 0 15px;



}







#sidebar .sidebar-ads-in



{



 float: left;



 padding: 0 14px 14px 0;



}







/* Footer */







#footer



{



 margin: 0 auto;



 padding: 5px 0 8px 0;



 width: 890px;



 color: #450170;



 font: normal 12px "Century Gothic", Century Gothic;



border-top: 0.3em dotted #450170;



border-bottom: 0.3em dotted #450170;



text-align: center;



}







#footer a



{



 color: #450170;



 text-decoration: underline;



}







#footer a:hover



{



 text-decoration: none;



}







/* Footer - Footerbar */







#footer #footerbar



{



 width: 890px;



 padding: 5px 0;



text-align: center;



}







#footer #footerbar h3



{



 font: normal 12px "Century Gothic", Century Gothic;



 color: #450170;



 padding: 0;



}







#footer #footerbar ul



{



 margin: 0;



 padding: 0;



 list-style-type: none;



}







#footer #footerbar ul li



{



 font: normal 12px/26px "Century Gothic", Century Gothic;



 color: #450170;



 padding-left: 8px;



 background: url("images/footer_menu.gif") no-repeat;



}







#footer #footerbar ul li a



{



 color: #450170;



 text-decoration: none;



}







#footer #footerbar ul li a:hover



{



 text-decoration: underline;



}







/* Footer - Footerbar - Boxes */







#footer #footerbar #footerbar-left



{



 width: 210px;



 padding: 2em 0 0 0;



 float: left;



text-align: center;



}







#footer #footerbar #footerbar-center



{



 width: 480px;



 padding: 0;



 float: left;



text-align: center;



}







#footer #footerbar #footerbar-right



{



  width: 200px;



 padding: 2em 0 0 0;



 float: left;



text-align: center;

}



/* Footer - Copyright */



#footer #copyright

{

 width: 890px;

 text-align: center;

}


#bfill

{

 margin: 0 auto;

 padding: 20px;

 width: 869px;

 height: 70px;

 color: #fff;

 font: normal 12px "Century Gothic", Century Gothic;

}