/*



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;

}



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: 284px;

 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: 638px;

 padding: 0 8px 0 13px;

}



/* Main - Content - Post */



#content .post

{

 float: left;

 margin: -2px 0;

 width: 630px;

}



/* Post - Title */



#content .post .post-title

{

 width: 621px;

 padding: 4px 5px 10px 0;

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

 color: #dd02f7;

}



#content .post .post-title a

{
 
margin: 8px 8px 3px 0;

 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: 10px 0 0 -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: 15px 7px 0 0;

 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: url(images/oops.gif) no-repeat 30px 100px #ae83d5;
padding: 100px 30px;
width: 95%;
height: 500px;
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: normal 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: 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: 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;

}