/*  

Theme Name: Glassical

Theme URI: http://www.smashingthemes.com/free-wordpress-themes/glassical/

Description: Glassical Theme is designed by SmashingThemes.com and was released via SmashingMagazine.com. Please note the SmashingThemes.com and SmashingMagazine are not affiliated. Both are two different entities.

Version: 1.0

Author: Abdullah Ibrahim

Author URI: http://www.smashingthemes.com

Tags: light, yellow, silver, blue, two-columns, fixed-width

*/



html, body

{

	background-color:#69D2E7;

	background-image:url(images/bg.jpg);

	background-repeat:repeat-y;

	background-position:center center;

	background-attachment:fixed;

	width:100%;

	height:100%;

	margin:0;

	padding:0;

	font-family:Arial, Tahoma, Verdana;

	font-size:12px;

	line-height: 1.5em;

	color:#666;

	text-align:center;

}



form {margin:0;padding:0;}



a

{

	/*color:#6CBDDE;*/

	color:#D14640;

	text-decoration:none;

}



a:hover

{

	/*text-decoration:underline;*/

}



a img

{

	border:none;

}



form

{

	padding:0;

	margin:0;

}



input, select, textarea

{

	font-family:Arial, Tahoma, Verdana;

}



h1, h2, h3

{

	padding:0;

	font-weight:bold;

	text-transform:uppercase;

}



h1

{

	font-size:28px;

	color:#FA6900;

	margin:0 0 20px 0;

}



h1 a { color:#FA6900; }



h2

{

	font-size:23px;

	color:#D14640;

	margin:0 0 20px 0;

}



h3

{

	font-size:15px;

	color:#69D2E7;

	margin:0;

}



h2 a { color:#D14640; }

h3 a { color:#69D2E7; }







/* ////////////////////// Layout ////////////////////// */

#pagewidth

{

	width:980px;

	text-align:left;

	margin:0 auto;

	padding:30px 0;

	position:relative;

}



#header

{

	float:left;

	width:100%;

	margin:0;

	padding:0;

	position:relative;

	background:url(images/header.png) bottom left no-repeat;

}



#content

{

	clear:both;

	float:left;

	width:960px;

	padding:30px 10px 0 10px;

	position:relative;

	background:url(images/content.jpg) top left repeat-y;

}



#content #left

{

	display:inline;

	width:540px;

	float:left;

	margin:0 30px 0 30px;

}



#content #right

{

	position:relative;

	display:inline;

	width:300px;

	float:right;

	margin:0 30px 0 30px;

}



#footer

{

	position:relative;

	clear:both;

	float:left;

	width:100%;

	background:url(images/footer.png) top left no-repeat;

	color:#fff;

	padding-top:20px;

}

/* ////////////////////// Layout ////////////////////// */







/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */

#header .logo

{

	width:280px;

	float:left;

	margin-bottom:30px;

}



#header .logo a

{

	float:left;

	background:url(images/logo.png) top left no-repeat;

	width:201px;

	height:63px;

	/*margin-bottom:30px;*/

}



#header .ad

{

	float:right;

}



#navigation

{

	position:relative;

	clear:both;

	float:left;

	width:960px;

	margin:0 0 10px 0;

	padding:10px 10px 0 10px;

	background:url(images/navigation.png) top left;

	list-style:none;

	

	/*position:absolute;

	bottom:10px;

	right:0px;*/

}



#navigation li

{

	position:relative;

	float:left;

	margin:0;

	padding:0;

	width:auto;

}



#navigation li ul

{

	z-index:10;

	position:absolute;

	top:31px;

	left:-9999px;

	float:right;

	margin:0;

	padding:0;

	list-style:none;

	background:url(images/navigation_sub.png) top left;

}



#navigation li:hover ul

{

	left:0px;

}



#navigation li ul li, #navigation li ul li ul li

{

	float:left;

	width:200px;

	position: relative;

}



#navigation li a

{

	display: block;

	float:left;

	padding:8px 10px;

	font-weight:bold;

	text-transform:uppercase;

	color:#FFF;

}



#navigation li ul li a

{

	width:170px;

	margin:5px;

}



#navigation li ul li a:hover

{

	background:url(images/navigation.png) top left;

}



#navigation li ul li:hover

{

	background:none;

}



#navigation li:hover, #navigation li.current_page_item, #navigation li.current_page_ancestor

{

	background:url(images/navigation.png) top left;

}



#navigation li ul li ul, #navigation li:hover ul li ul

{

	top:0px;

	left:-9999px;

}



#navigation li ul li:hover ul

{

	left:200px;

}



#navigation li.rss

{

	float:right;

}

/* ////////////////////// Header, Footer and Top Navigation ////////////////////// */







/* ////////////////////// Main Content ////////////////////// */

.heading

{

	padding-bottom:5px;

	margin-bottom:30px;

	border-bottom:1px solid #E0E4CC;

}



.post

{

	clear:both;

	float:left;

	width:100%;

	margin-bottom:30px;

	padding-bottom:10px;

	border-bottom:1px solid #E0E4CC;

}





.post h2, .post h2 a

{

	color:#304755;

}



.post h1, .post h2

{

	clear:left;

	margin-bottom:15px;

	float:left;

	

	width:auto  !important;

	width:500px;

	max-width:500px;

}



.post .comment_count

{

	float:right;

	width:29px;

	height:27px;

	background:url(images/comment.png) top right no-repeat;

	padding:5px 0 0 0;

	text-align:center;

	font-weight:bold;

	margin:0 0 15px 0;

	line-height:15px;

}



.post .comment_count a

{

	color:#666;

	float:left;

	width:100%;

}



.post .meta

{

	clear:left;

	float:left;

	margin:0;

	/*font-size:11px;

	margin-bottom:20px;*/

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:0;

	margin-bottom:5px;

	color:#aaa;

}



.post .meta a

{

	color:#999;

}



.post .postinfo

{

	float:left;

	clear:both;

	margin-top:10px;

	margin-bottom:20px;

	padding:20px;

	width:500px;

	background:#EEEEEE;

}



.post .postinfo h2

{

	color:#666;

	margin-bottom:10px;

}



.post .postinfo ul

{

	float:left;

	list-style:none;

	margin:0 0 -5px 0;

	padding:0;

	width:50%;

}



.post .postinfo ul li

{

	clear:both;

	margin:0 0 5px 0;

}



.post .postinfo ul.post-categories li

{

	margin-bottom:0;

	padding:5px 0 5px 27px;

	background:url(images/folder.png) center left no-repeat;

}



.post .postinfo ul.post-categories li a

{

	font-weight:bold;

}



.post .postinfo ul.tags li

{

	float:left;

	clear:none;

	margin-right:5px;

}



.post .postinfo ul.tags li a

{

	color:#fff;

	background-color:#D14640;

	padding:1px 3px;

	text-transform:uppercase;

	font-size:10px;

}



.post .postinfo ul.tags li a:hover

{

	background-color:#FA6900;

	text-decoration:none;

}



.post .postinfo ul.post-categories, .post .postinfo ul.tags li.first

{

	clear:left;

}



.post a.more-link

{

	clear:both;

	color:#fff;

	float:right;

	padding:5px 8px;

	margin-top:15px;

	margin-bottom:20px;

	font-size:10px;

	text-transform:uppercase;

	background:#F38630 url(images/more-link.jpg) 113px 6px no-repeat;

	width:115px;

	line-height:12px;

}



.post .body

{

	clear:both;

}



.post .body h1, .post .body h2, .post .body h3

{

	float:none;

	margin:0 0 10px 0;

}



.post .body p, .post .body ul, .post .body ol, .post .body blockquote, .post .body img

{

	margin:0 0 20px 0;

}



.post .body p, .post .body img

{

	padding:0;

}



.post .body img

{

	max-width:540px;

}



.post img.postimg

{

	width:100%;

	margin:0;

}



blockquote

{

	margin-left:20px;

	margin-right:20px;

	padding:40px 30px 10px 30px;

	border:1px dotted #fff;

	background:#FFF5CA url(images/quote.png) 10px 10px no-repeat;

	text-align:justify;

}



.post .body blockquote p

{

	/*margin:0;*/

}



.post .body a

{

	font-weight:bold;

}



.post .body img.alignright {float:right;margin:0 0 10px 10px}

.post .body img.alignleft {float:left;margin:0 10px 10px 0}

.post .body img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.post .body a img.alignright {float:right; }

.post .body a img.alignleft {float:left;}

.post .body a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.small

{

	width:255px;

	float:left;

	clear:none;

	margin-right:30px;

	border:none;

}



.small .sbody

{

	clear:both;

}



.small h2

{

	font-size:20px;

}



.small img.postimg

{

	margin-bottom:0;

}



.even

{

	margin-right:0;

}

/* ////////////////////// Main Content ////////////////////// */







/* ////////////////////// Paging ////////////////////// */

.paging

{

	clear:both;

	float:left;

	width:100%;

}



.paging .prev

{

	float:left;

	width:50%;

}



.paging .next

{

	float:right;

	text-align:right;

	width:50%;

}



.paging div a

{

	float:left;

	font-weight:bold;

	padding:7px 10px;

	margin-bottom:30px;

	color:#fff;

	background-color:#D14640;

}



.paging div a:hover

{

	text-decoration:underline;

}



.paging .prev a

{

	float:left;

}



.paging .next a

{

	float:right;

}



/*

.paging

{

	clear:both;

	float:left;

	width:600px;

	background:#F5F8E6;

	margin:0 -30px;

}



.paging .prev

{

	float:left;

	width:50%;

}



.paging .next

{

	float:right;

	text-align:right;

	width:50%;

}



.paging div a

{

	float:left;

	font-weight:bold;

	padding:5px;

	margin:10px 10px;

}



.paging .prev a

{

	float:left;

}



.paging .next a

{

	float:right;

}

*/

/* ////////////////////// Paging ////////////////////// */







/* ////////////////////// Side Bar ////////////////////// */

#sidebar

{

	clear:both;

	float:left;

	width:100%;

	margin:0;

	padding:0;

	list-style:none;

}



#sidebar h2

{

	color:#D14640;

	text-align:left;

	margin-bottom:10px;

}



#sidebar li.widget

{

	clear:both;

	float:left;

	width:100%;

	margin:0 0 30px 0;

	padding:0;

}



#sidebar li ul

{

	clear:both;

	float:left;

	width:100%;

	margin:0 0 -10px 0;

	padding:0;

	list-style:none;

	width:100%;

}



#sidebar li ul li

{

	clear:both;

	float:left;

	width:100%;

	margin:0 0 10px 0;

	color:#666;

	text-align:right;

	font-weight:bold;

	font-size:13px;

}



#sidebar li ul li a

{

	color:#666;

	float:left;

}



#sidebar li ul li ul.children

{

	width:100%;

	margin:7px 0 0 0;

	padding:0;

}



#sidebar li ul li ul.children li

{

	padding:3px 0;

	margin:0 0 0 0;

	font-size:12px;

	font-weight:normal;

	background:url(images/child.jpg) center left no-repeat;

}



#sidebar li ul li ul.children li a

{

	font-weight:normal;

	/*text-transform:uppercase;*/

	color:#666;

	margin-left:20px;

}



#sidebar .search_widget

{

	float:left;

	margin:-30px -30px 0 -30px;

	padding:20px 20px;

	width:320px;

	height:35px;

	background:url(images/search_bg.jpg) bottom left no-repeat;

}



#sidebar .search_widget #s

{

	float:left;

	background:url(images/search.jpg) top left no-repeat;

	width:270px;

	height:25px;

	padding:0;

	border:none;

	padding: 10px 0 0 10px;

}



#sidebar .search_widget #sb

{

	float:left;

	background:url(images/search_button.jpg) top left no-repeat;

	width:40px;

	height:35px;

	padding:0;

	border:none;

	cursor:pointer;

}



#creditsfix

{

	clear:both;

	float:left;

	width:100%;

	height:52px;

}



#credits

{

	float:left;

	position:absolute;

	right:30px;

	bottom:0px;

	width:320px;

	height:47px;

	padding:0;

	margin:0 0 5px 0;

	float:left;

	list-style:none;

}



#credits li

{

	clear:both;

	float:left;

	width:100%;

	margin:0 0 5px 0;

	padding:0;

}



#credits li a

{

	float:right;

	color:#666;

	font-size:10px;

	text-transform:uppercase;

}



#credits li img

{

	vertical-align:middle;

	margin-right:5px;

}

/* ////////////////////// Side Bar ////////////////////// */







/* ////////////////////// Comments ////////////////////// */

#comments

{

	clear:both;

	float:left;

	width:100%;

	margin:0;

	padding:0px;

	background:#fff;

}



#comments a

{

	/*color:#666;*/

}



#comments p.notice

{

	margin:0 0 30px 0;

	padding:0px;

	text-align:center;

	font-weight:bold;

}



#comments .commentlist

{

	clear:both;

	list-style:none;

	margin:0 0 30px 0;

	padding:0;

}



#comments .commentlist li

{

	clear:both;

	padding:0px;

	margin:0 0 20px 0;

}



#comments .commentlist li div.comment-body

{

	padding:20px;

	background:#F5F8E6;

	background:#F8FAEF;

	background:#F7F7F7;

	background:#F5F8E6;

	border:1px solid #E0E4CC;

}



#comments .commentlist li.pingback div.comment-body, #comments .commentlist li.trackback div.comment-body

{

	background:#F7F7F7;

	border:none;

}



#comments .commentlist li div.comment-author .avatar

{

	padding:0;

	margin:0 10px 0 0;

	float:left;

	width:50px;

	height:50px;

	border:5px solid #E0E4CC;

}



#comments .commentlist li div.comment-author cite

{

	font-style:normal;

	font-weight:bold;

	font-size:14px;

	color:#D14640;

	text-transform:uppercase;

}



#comments .commentlist li div.comment-author .says

{

	margin-left:3px;

	display:none;

}



#comments .commentlist li div.comment-meta

{

	margin-bottom:10px;

	font-size:10px;

	text-transform:uppercase;

}



#comments .commentlist li div.comment-meta a

{

	text-decoration:none;

}



#comments .commentlist li p

{

	padding:0;

	margin:0 0 10px 0;

}



#comments .commentlist li .reply

{

	float:right;

	font-weight:bold;

}



#comments .commentlist li .reply a

{

	float:left;

	color:#666;

	background-color:#C8CEAA;

	margin:10px 0 0 0;

	padding:5px 8px;

	text-transform:uppercase;

	font-size:11px;

}



#comments .commentlist li.pingback .reply, #comments .commentlist li.trackback .reply

{

	display:none;

}



#comments .commentlist li ul.children

{

	float:left;

	clear:both;

	list-style:none;

	padding:0 0 0 20%;

	margin:0;

	width:80%;

	/*background:url(images/comment_reply.jpg) top left no-repeat;*/

}



#comments .commentlist li ul.children li

{

	clear:both;

	float:left;

	margin:20px 0 0 0;

	padding:0;

	width:100%;

}



#comments .commentlist li #respond

{

	margin:20px 0 0 0;

}



#comments .commentlist li:after, #comments .commentlist li div.comment-body:after, #comments .commentlist li ul.children li:after

{

	content:"";

	display:block;

	height:0;

	clear:both;

	visibility: hidden;

}







#comments #respond

{

	clear:both;

	margin:0 0 30px 0;

	padding:20px 20px 0 20px;

	background:#F7F7F7;

	border:1px solid #eee;

}



#comments #respond .cancel-comment-reply

{

	float:left;

	margin:-10px 0 20px 0;

	text-transform:uppercase;

}



#comments #respond .cancel-comment-reply small a

{

	float:left;

}



#comments #respond .form

{

	clear:both;

	/*float:left;*/

	margin:0;

	padding:0;

}



#comments #respond .form p

{

	position:relative;

	float:left;

	width:100%;

	margin:0 0 20px 0;

	padding:0;

}



#comments #respond .form p label

{

	float:left;

	width:35%;

	margin-top:4px;

}



#comments #respond .form p label small

{

	margin-left:5px;

	font-size:10px;

}



#comments #respond .form .tf, #comments #respond .form textarea.tf

{

	float:right;

	width:60%;

	padding:7px;

	font-size:12px;

	color:#666;

	background:#eee;

	border-top:2px solid #ddd;

	border-bottom:none;

	border-right:none;

	border-left:none;

}



#comments #respond .form #submit

{

	float:right;

	padding:5px;

	border:none;

	background:#D14640;

	color:#fff;

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	cursor:pointer;

}

/* ////////////////////// Comments ////////////////////// */







/* ////////////////////// Commons ////////////////////// */

ul.list

{

	margin:0;

	padding:0;

	list-style:none;

}



ul.list li

{

	margin:0 0 5px 0;

	padding:0;

}



ul.list li.gap

{

	margin-bottom:15px;

}

/* ////////////////////// Commons ////////////////////// */







/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */

.ie7 #comments { background:none; }

.ie7 #comments .commentlist li div.comment-body { display:inline-block; }

.ie7 #comments #respond, .opera #comments #respond

{

	padding-bottom:20px;

	margin-top:-20px;

	margin-bottom:30px;

}

.ie7 #creditsfix { height:82px; }

.ie7 #header { z-index:5; }

.ie7 #navigation { float:none; }

/* ////////////////////// Fixing Dear Mr Internet Explorer ////////////////////// */







/* ////////////////////// Hacks ////////////////////// */

.clearfix:after

{

	content:"";

	display:block;

	height:0;

	clear:both;

	visibility: hidden;

}



.clearfix

{

	display:inline-block;

}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */

/* ////////////////////// Hacks ////////////////////// */