/*  
Theme Name: Angelia
Theme URI: http://www.towfiqi.com/free-wordpress-theme-angelia.html/
Description: Angelia; an elegant multi-style wordpress theme.
Version: 1.1
Author: Towfiq I.
Author URI: http://www.towfiqi.com/
Tags: light, fixed-width, custom-colors, theme-options, right-sidebar
*/

body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#949494;}
a:link{color:#86ccca;}

h1, h2, h3, h4, h5, h6{color:#86ccca;}
blockquote, blockquote p { font-style:italic;}
blockquote p:before{ content:open-quote; font-size:24px; font-weight:bold; font-family:Georgia;}
blockquote p:after{ content:close-quote; font-size:24px; font-weight:bold; font-family:Georgia;}
.center{ width:960px; margin:0 auto;}



/*Header*/
#header{height:147px; background:url(images/headerbg.gif) repeat-x; float:left; width:100%;}
.logo{background:url(images/glow.png) center no-repeat; height:110px; min-width:180px; float:left;}
.logo a{ font-size:36px; color:#FFF; font-weight:bold;padding:40px 0 0 30px; text-decoration:none; text-shadow: 0px 0px 2px #666; display:block; float:left;}
.desc{ float:none; margin-left:80px; color:#fff; font-style:italic; font-size:11px; text-shadow:0px 0px 2px #ccc; clear:both;}
/*Page Menu*/
.pages{float:right; margin-top:75px;}
.pages ul{ margin:0; padding:0;}
.pages li{ float:left; list-style-type:none; background: url(images/menu_right.png) no-repeat right; margin-right:15px; padding-left:7px; height:26px; padding-top:5px;}
.pages li a{text-decoration:none; color:#FFF; font-weight:bold; font-size:14px;text-shadow: 0px 0px 1px #333; background:url(images/menu_left.png) no-repeat bottom left;  padding:2px 10px; margin-left:-10px; display:block; height:18px; float:left;}
.headercontent{ width:960px; height:115px; float:left;}

/*Category Menu*/
.categories{ float:left; font-size:14px;}
.categories ul{ margin:0; padding:0;}
.categories li{ float:left; list-style-type:none; padding:5px 15px 0px 15px; }
.categories li a{ text-decoration:none; color:#FFF; text-shadow: 0px 0px 1px #333; font-weight:bold; display:block; padding-bottom:11px;}
.categories li ul.children{ position: absolute;height: auto;width:auto;padding:0px; margin:0px 0px; padding-top:0px; background:#636363 url(images/ul_children.gif) no-repeat center bottom; z-index:999999;}
.categories li ul.children li{  float:none; background:url(images/border2.gif) repeat-x bottom; min-width:100px;}
.categories li ul.children li a{ display:block; text-align:center;}



#featured_two{ height:auto; background:#d8d8d8; float:left; width:100%;}
#latest{ height:158px; background:url(images/latestbg.png) repeat-x; float:left; width:100%;}


/*Featured POSTS*/
#featured_two .post{ width:270px; height:142px; background:#e8e8e8; border: solid 1px #ccc; float:left; font-size:12px; color:#7e7e7e; margin:0px 15px 20px 0px; overflow:hidden; padding:0px;}
#featured_two_content .post img{ padding:0px;border:3px solid #FFFFFF;}
#featured_two h2{ margin:0px 5px 0px 0px; padding:10px 0px 5px 15px; background:url(images/border1.gif) repeat-x bottom; height: 22px; overflow:hidden; }
#featured_two h2 a{ font-size:18px;color:#67b3b1; text-decoration:none;}
#featured_two .post p{ width:137px; float:right; padding:10px 5px; margin:0; float:left; font-size:12px;}
.thumb{width:107px; height:80px; margin-left:15px; float:left; margin-top:10px; background:url(images/photo-blank3.gif) no-repeat center;}
.thumb img{ width:100px; border:3px solid #fff;}
.featured_ribbon{width:91px; height:50px; background:url(images/featured.png) no-repeat; position:absolute; float:left;}
#featured_two_content{ margin-left:65px; float:left; padding:20px 0px;}


/*Latest POSTS*/
.latestitlte{ width:21px; height:112px; background:url(images/latestposts.png) no-repeat; margin-top:22px;float:left; margin-left:20px;}
.latestcontent{ margin-left:30px;}
.latestcontent .post{float:left; padding: 0;}
.latestcontent .thumb {float:left;}
.latestcontent .thumb img{width:120px; height:90px;}
#carousel{ float:left;}
.jcarousel-angelia .post img{ width:200px; height:auto; border:none; padding:0;}

.jcarousel-angelia .jcarousel-container {}

.jcarousel-angelia .jcarousel-container-horizontal {width: 810px;padding: 30px 40px; margin-left:20px;}
.jcarousel-angelia .jcarousel-clip-horizontal {width:  810px;height: 96px;}
.jcarousel-angelia .jcarousel-item {width: 120px;height: 90px;border: solid 3px #fff;overflow:hidden;}
.jcarousel-angelia .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-angelia .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-angelia .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 15px;
    width: 14px;
    height: 22px;
    cursor: pointer;
    background: transparent url(images/carousel_right.png) no-repeat -14px 0;
}

.jcarousel-angelia .jcarousel-next-horizontal:hover {background-position: -14px 0;}
.jcarousel-angelia .jcarousel-next-horizontal:active {background-position: 0 0;}
.jcarousel-angelia .jcarousel-next-disabled-horizontal,
.jcarousel-angelia .jcarousel-next-disabled-horizontal:hover,
.jcarousel-angelia .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-angelia .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 15px;
    width: 14px;
    height: 22px;
    cursor: pointer;
    background: transparent url(images/carousel_left.png) no-repeat 0 0;
}

.jcarousel-angelia .jcarousel-prev-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-angelia .jcarousel-prev-horizontal:active {
    background-position: -14px 0;
}

.jcarousel-angelia .jcarousel-prev-disabled-horizontal,
.jcarousel-angelia .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-angelia .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -14px 0;
}



/*Footer Begin*/

#footer{ height:202px; background:url(images/footerbg.png) repeat-x; float:left; width:100%;}
.foot{width:960px; height:202px; background:url(images/footbg.jpg) no-repeat; margin:0 auto;}

.footbar{ margin-left:60px; float:left; height:202px; width:900px;}
.footbar ul{ margin:0; padding:0; color:#dfdfdf; float:left; height:180px;}
.footbar li{float:left; width:210px; list-style-type:none; margin-top:10px; margin-right:10px;}
.footbar h2{ float:left; margin:0; padding:0; color:#FFF;text-shadow: 0px 0px 2px #333; font-weight:normal; width:220px; font-size:18px;}
.footbar ul li ul{ height:160px;}
.footbar ul li a{ color:#DFDFDF; text-decoration:none;}
.footbar ul li ul li{ margin:0;}
.footbar ul li ul li:hover a{ color:#fff;}
.site_info{ width:900px; float:left; margin-top:0px;}
.site_info a{ text-decoration:none;color:#86CCCA;}
/*Footer END*/

.tooltip {margin-left:-30px; display:none; background:transparent url(images/tooltip2.png) no-repeat; font-size:12px; height:55px; width:151px; padding:6px 6px; color:#999; }
a.tool{ float:left;}


/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px; }
/* // image replacement */			

/* Easy Slider */
#sliderwrap{ height:277px; background:url(images/sliderbg.gif) repeat-x; float:left; width:100%; position:relative;}
.slidercontent{ width:960px; margin:0 auto; position:relative;}
#slider{}
.sframe{ width:460px; max-height:210px; border:10px solid #fff; margin-top:20px; margin-left:60px; float:left; background:url(images/photo-blank.gif) no-repeat center; overflow:hidden;}
#slider h1{ margin:0; padding:0;}
#slider h1 a{ font-size:42px; font-weight:bold; color:#FFF; text-decoration:none; text-shadow: 0px 0px 2px #bbb;}
.content p{ font-size:18px; font-weight:bold; color:#FFF;}
.content { width:390px; float:right; margin-top:10px; margin-right:20px;}
#slider img{ float:left; width:460px; }



#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:960px;height:250px;overflow:hidden; }	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:39px;height:54px;position:absolute;left:0px;top:120px;z-index:1000;}	
#nextBtn, #slider1next{ left:960px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  display:block;position:relative;width:39px;height:54px;background:url(images/slider_prv.png) no-repeat 0 0;}	
#nextBtn a, #slider1next a{ background:url(images/slider_nxt.png) no-repeat 0 0;}	

/* numeric controls */	
ol#controls{margin:5px 0;padding:0;height:16px; float:right;	}
ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:16px;line-height:28px;}
ol#controls li a{float:left;height:16px;line-height:16px; background:url(images/slider_control.png) no-repeat;color:#555;text-decoration:none; display:block; width:15px; text-indent:-9999px;}
ol#controls li.current a{ background:url(images/slider_control.png) no-repeat; background-position:-15px 0;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
			

/* // Easy Slider */




.midrow{background:url(images/sliderbg.gif) repeat-x; width:100%; float:left;}

#container{ margin-top:20px; float:left; margin-bottom:20px; float:left;}
.container_top{ background:url(images/container_01.png) no-repeat; height:50px; width:960px; float:left;}
.container_bg{ width:960px; height:auto; background:url(images/container_02.png) repeat-y; float:left;}
.container_bottom{ background:url(images/container_03.png) no-repeat; height:21px; width:960px; float:left;}

/*Posts*/
#posts{ width:640px; float:left; margin-left:30px; margin-top:-20px;overflow: hidden;}
.post{ padding:10px; color:#949494; float:left; background:url(images/post_bg.gif) no-repeat center bottom; padding-bottom:20px; width:630px;}
.post h2 a{ color:#86ccca; text-decoration:none;}
.post img{ padding:5px; border:none; max-width:630px;width: expression(this.width > 630 ? 630: true); height:auto;}
.post p{ font-size:14px; color:#949494;}
.post p a{ color:#86ccca;}
.post p a.more-link{ text-decoration:none; color:#FFF; font-size:12px; padding: 3px 0px; float:right; background:url(images/pages.png) no-repeat; width:95px; height:23px; margin-top:10px; text-align:center;}

.postinfo{color:#999; font-style:italic;}
.postedin{color:#999; font-style:italic; padding: 10px 0px; float:left; width:620px;}
.postedin a{ color:#86ccca; text-decoration:none;}
.tags{color:#999; font-style:italic; padding: 0px 0px 10px 0px; float:left; width:620px;}
.tags a{ color:#86ccca; text-decoration:none;}
.edit{ float:right; margin-top:2px; margin-right:2px;}
.edit a {color:#86CCCA;}

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}


/*Comments*/
.comments{ float:left; position:absolute; margin-left:-60px; background:url(images/comments.png) no-repeat; width:56px; height:46px;}
.comments a{ font-size:24px; color:#FFF; text-shadow: 0px 0px 2px #666; font-weight:bold; text-decoration:none; width:49px;display:block; text-align:center; margin-left: 5px; float:left; height:26px; line-height:14px; margin-top:9px;}
.comments a span{ font-size:9px; margin-left:-3px;}


/*Pagination*/
.prv_page{float:left;}
.prv_page a{ text-decoration:none; color:#FFF; font-size:12px; padding: 3px 6px; float:left; background:url(images/pages.png) no-repeat; width:95px; height:23px;}
.nxt_page{ float:right;}
.nxt_page a{ text-decoration:none; color:#FFF; font-size:12px; padding: 3px 6px; float:left; background:url(images/pages.png) no-repeat; width:95px; height:23px;}



/*Sidebar*/
#sidebar{ width:240px; float:left; margin-left:35px; margin-top:-20px;}
#sidebar ul{ margin:0; padding:0;}
#sidebar ul li{ list-style-type:none;}
#sidebar .widgettitle{ font-size:24px; color:#86ccca; background:url(images/border3.gif) repeat-x bottom; padding:5px 0px; margin:0;}
#sidebar ul li ul{ margin:10px 0px 20px 0;}
#sidebar ul li ul li{ background:url(images/list-item.png) left no-repeat; padding-left:15px; line-height:18px; margin-left:5px;} 
#sidebar ul li ul li a{ text-decoration:none; font-size:14px; font-weight:bold; color:#a9a9a9;}
#searchform{ padding:10px 0px;}
#search{width:240px; height:24px; border:solid 1px #d5d5d5; color:#666; background:#f1f1f1 url(images/search.gif) no-repeat right;}
#wp-calendar{color:#a9a9a9; width:230px;}
.widget_tag_cloud a{ text-decoration:none; padding:5px;}
#sidebar ul li a{color:#86CCCA;}

/*Single Page*/
#container-single{ margin-top:0px; float:left; margin-bottom:20px; float:left;}
h2.single{ float:left;width:740px;}
h2.single a{ font-size:42px; text-decoration:none; color:#FFF; text-shadow: 0px 0px 2px #bbb;}
.comments-single{ float:left; position:relative; margin-left:20px; background:url(images/comments.png) no-repeat; width:56px; height:46px; margin-top:20px;}
.comments-single a{ font-size:24px; color:#FFF; text-shadow: 0px 0px 2px #666; font-weight:bold; text-decoration:none; width:49px;display:block; text-align:center; margin-left: 5px; float:left; height:26px; line-height:14px; margin-top:9px;}
.comments-single a span{ font-size:9px; margin-left:-3px;}
.search2{ color:#FFF;}


/*Comments*/
.commentsh3{ font-size:18px; font-weight:bold;}
ul.commentlist{ margin:0px; padding:0px; float:left;}
ul.commentlist li{ list-style-type:none; float:left; margin:10px 0px;}
.avatar{float:left; width:70px;}
.avatar a{ width:70px; float:left; text-align:center;}
.commentbody{width:495px; float:left; margin-left:20px; border:1px solid #dfdfdf; background:#f2f2f2;}
.commentbody p{ padding:10px 10px; float:left; margin:0;}
.commentmetadata{ background: url(images/comments_meta.png) no-repeat; width:500px; height:21px; color:#FFF; margin-left:-2px; padding:2px 10px;}
.commentmetadata a{ color:#FFF; text-decoration:none;}
.avatarimg{ width:70px; height:70px; background:url(images/avatarbg.png) no-repeat;}
.avatarimg img{ padding:10px; width:50px; height:auto;}
.authcomment .commentbody{background:#fafdef;}
.authcomment .avatar a{ color:#86ccca;}
.respond{ float:left; width:500px; margin:20px 0px;font-size:18px; font-weight:bold;}
#commentform{ float:left;}

#author, #url, #email{ height:26px; background:url(images/formbg.gif) repeat-x; border-top:2px solid #ddd; border-left:2px solid #ddd;}
#comment{ background:url(images/formbg.gif) repeat-x;border-top:2px solid #ccc; border-left:2px solid #ddd;}
#submit{ border:none; color:#fff; background:url(images/pages.png) no-repeat; font-size:11px;  padding: 3px 5px; width:95px;}



/*Social*/
body > .social{  position: fixed; left: 0px; top: 0px; }
.social{ position:fixed; clear:both; margin-top:210px; z-index:9999999; background:url(images/social_top.png) no-repeat; width:38px;}
.social ul{ margin:0; padding:0; background:url(images/social_bg.png) repeat-y; width:38px; margin-top:8px;}
.social_bottom{ background:url(images/social_bottom.png) no-repeat bottom; width:38px; height:8px;}
.social ul li{ list-style-type:none;}
.social ul li a { text-decoration:none; color:#FFF; width: 32px; height:32px; display:block; text-indent:-9999px;  padding-bottom:2px;}
.social ul li a.ang_tw{background:url(images/Social.png);}
.social ul li a.ang_fb{background:url(images/Social.png) 0px -34px;}
.social ul li a.ang_ms{background:url(images/Social.png) 0px -68px;}
.social ul li a.ang_rss{background:url(images/Social.png) 0px -102px;}
.social ul li a.ang_tw:hover{background:url(images/Social.png) 34px 0px;}
.social ul li a.ang_fb:hover{background:url(images/Social.png) 34px -34px;}
.social ul li a.ang_ms:hover{background:url(images/Social.png) 34px -68px;}
.social ul li a.ang_rss:hover{background:url(images/Social.png) 34px -102px;}


/*BreadCrumbs*/
#crumbs{ width:600px; float:left; margin-left:10px; color:#7199a9;}
#crumbs a, .current{ text-decoration:none; color:#7199a9; padding:0px 2px;}