/*  
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: #578a13;
background-image: url(/img/blog/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #666;
text-align: center;
}

form {margin: 0; padding: 0;}

a {
color:#D14640;
text-decoration:none;
}

a:hover { color: #e15c38; }

a img {
border:none;
}

form {
padding:0;
margin:0;
}

input, select, textarea {
font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial sans-serif;
font-size: 16px;
}

input[type=text]:focus, input[type=password]:focus {
outline: 0 none;
}

h1, h2, h3 {
padding: 0;
font-weight: bold;
}

h1 {
font-size: 28px;
color: #FA6900;
}

h1.widget {
font-size: 22px;
}

h2 {
font-size: 28px;
color:#D14640;
margin:0 0 20px 0;
}

h2.heading a { color: #FA6900; }
h2.widgettitle { font-size: 22px; }

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;
}

#wrapper {
background:url(images/navigation.png) top left;
margin: 10px;
}

#header {
float: left;
width: 100%;
margin: 0;
padding: 0;
position: relative;
background-color: transparent;
}

#content {
clear: both;
float: left;
width: 960px;
margin: 0 10px 0 10px;
padding: 25px 10px 10px 10px;
position: relative;
background: #ffffff;
border: 1px solid #e0e0e0;
box-shadow:
-moz-box-shadow: 0 0 4px #666;
-webkit-box-shadow: 0 0 4px #666;
box-shadow: 0 0 4px #666;
/* For IE 8 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')"; */
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#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;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
}


/* Navigation */
#header .logo {
width:400px;
float:right;
}

#header .logo a {
float:left;
background:url() top left no-repeat;
width:400px;
height:140px;
margin-top: -30px
/*margin-bottom: 30px;*/
}

#header .ad {
float: right;
}

#navigation {
position: relative;
clear: both;
float: left;
width: 960px;
margin: 0;
padding: 10px 10px 0 10px;
border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
/* 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:#666;
}

#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;
}


/* main */
.heading {
padding-bottom: 5px;
margin-bottom: 24px;
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, .attachment h2, .post h2 a, .attachment h2 a {
color: #69D2E7;
font-size: 32px;
font-weight: normal;
}

.post h2 a:hover, .attachment h2 a:hover {
color: #2da5bd;
}

.post h1, .post h2, .attachment h2 {
clear: left;
margin: 0;
float: left;
width: auto !important;
width: 500px;
max-width: 500px;
}

.post .comment_count, .attachment .comment_count {
float: right;
width: 29px;
height: 29px;
background:url(images/comment.png) top right no-repeat;
padding: 0;
margin: 0;
text-align: center;
font-weight: bold;
line-height: 15px;
}

.post .comment_count a, .attachment .comment_count a {
color: #666;
float: left;
width: 100%;
height: 21px;
line-height: 21px;
vertical-align: middle;
}

.post .comment_count a:hover, .attachment .comment_count a:hover {
color: #999;
}

.post .meta, .attachment .meta {
clear: left;
float: left;
margin: 0 0 15px 0;
/*font-size:11px;
margin-bottom:20px;*/
font-size: 12px;
text-transform: lowercase;
color: #aaa;
}

.post .meta a, .attachment .meta a {
color: #777;
}

.post .meta a:hover, .attachment .meta a:hover {
color: #555;
}

.post .postinfo, .attachment .postinfo {
float:left;
clear:both;
margin-top:10px;
margin-bottom:20px;
padding:20px;
width:500px;
background:#EEEEEE;
}

.post .postinfo h2, .attachment .postinfo h2 {
color:#666;
margin-bottom:10px;
}

.post .postinfo ul, .attachment .postinfo ul {
float:left;
list-style:none;
margin:0 0 -5px 0;
padding:0;
width:50%;
}

.post .postinfo ul li, .attachment .postinfo ul li {
clear:both;
margin:0 0 5px 0;
}

.post .postinfo ul.post-categories li, .attachment .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, .attachment .postinfo ul.post-categories li a {
font-weight:bold;
}

.post .postinfo ul.tags li, .attachment .postinfo ul.tags li {
float:left;
clear:none;
margin-right:5px;
}

.post .postinfo ul.tags li a, .attachment .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, .attachment .postinfo ul.tags li a:hover {
background-color:#FA6900;
text-decoration:none;
}

.post .postinfo ul.post-categories, .post .postinfo ul.tags li.first, .attachment .postinfo ul.post-categories, .attachment .postinfo ul.tags li.first {
clear:left;
}

.post a.more-link, .attachment 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, .attachment .body {
clear:both;
}

.post .body h1, .post .body h2, .post .body h3, .attachment .body h1, .attachment .body h2, .attachment .body h3 {
float:none;
margin:0 0 10px 0;
}

.post .body p, .post .body ul, .post .body ol, .post .body blockquote, .post .body img,
.attachment .body p, .attachment .body ul, .attachment .body ol, .attachment .body blockquote, .attachment .body img {
margin:0 0 20px 0;
}

.post .body p, .attachment .body p {
padding: 0;
font-size: 14px;
line-height: 20px;
color: #333;
}

.post .body img, .attachment .body img {
padding:0;
}

.post .body img, .attachment .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 .caption {
font-size: 11px; color: #999; margin: 2px 0 4px 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 15px 0}
.post .body object { margin: 0 10px 15px 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;
}


/* 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;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.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;
}
*/


/*  Sidebar */
#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 4px 0;
color:#666;
text-align:right;
font-weight:bold;
font-size:13px;
}

#sidebar li ul li a {
color:#666;
float:left;
padding: 3px 6px 3px 6px;
}

#sidebar li a:hover {
background: #ddd;
-webkit-border-radius: 3px;
}

#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;
color: #666;
margin-left: 20px;
}

#sidebar .search_widget {
float: left;
margin: -25px -30px 0 -20px;
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;
font-size: 14px;
}

#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;
}


/* 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;
}

/* 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;
}


/* ie */
.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; }


/* 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 */