/*
THEME NAME: Gri
THEME URI: 
DESCRIPTION: 
VERSION: 0.8
AUTHOR: 
AUTHOR URI:
TAGS: 
*/


*{margin:0; padding:0;} 

body {background: #ffffff;	font-family: Verdana; font-size: 100%;	color: #272727; 
background: transparent url(i/background.jpg) no-repeat center 0;}
div#container { float:left; margin:0 -200px 0 0; width:100%;}
div#content { margin:0 200px 0 0;}
div.sidebar {float:right;overflow:hidden;width:150px;}
div#secondary {clear:right;}
div#footer {clear:both;width:100%;}
p{font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.clear{clear:both;}

.hfeed {width: 960px; position:absolute; left:50%; margin-left:-480px;}
.tag-link {font-size: 70%;}

a {color: #6ab300; text-decoration:underline;}
a:hover {color: #55c6da; text-decoration:none;}

div#header {height: 70px;text-align:left;}

.page-title {font-family: "Trebuchet MS", Arial; margin-top: .1em; margin-bottom: .5em;font-size: 4em; line-height:.8; letter-spacing: -0.05em; color: #ccc;}
.title{font-family: "Trebuchet MS"; border-left: solid 4px #adadad; padding-left: 40px;margin-top: .1em; margin-bottom: 1em;font-size: 3em; line-height:.8; letter-spacing: -0.05em; color: #ccc;}
h2{color: #000000;}
h1 {margin-top: 5px;}
.blog-title a{color: #fff; text-decoration:none; font-size: 1.3em;}
.blog-title a:hover{text-decoration:underline;}
div#blog-description{ font-size: 0.8em; margin-top:0px; float:left;}

/* Just some example content */
div.skip-link { position:absolute; right:1em; top:1em;}
.description {margin-top:-30px; margin-bottom: 2em;}
.description p{ font-size: 70%; color: #aaa;}

div#access {margin-top: 0px;}

.menucat {  font-family: Arial;height: 30px; margin:0; width:100%;clear:both; font-size:70%;  }
.menucat ul,.menucat ul ul { line-height:1; list-style:none; margin:0; padding:0;}
.menucat a { text-decoration:underline; font-size:1.3em; font-weight: bold; color:#000; }
.menucat a:hover {color:#55c6da;}
.menucat ul ul ul a { font-style:italic; }
.menucat ul li ul { left:-999em; position:absolute; }
.menucat ul li:hover ul { left:auto;}
.current-cat a{color:#aaa; }

.menu { position: absolute; top: 11px; left: 100px; font-family: Arial; height: 32px;  margin:0; width:90%; clear:both; }
.menu ul,.menu ul ul { line-height:1; list-style:none; margin:0; padding:0;  float:right; padding-right:300px;}
.menu a { display:block; text-decoration:underline; font-size:70%; font-weight: bold; color: #fff;}
.menu a:hover {color:#208597;}
.menu ul ul ul a { font-style:italic; }
.menu ul li ul { left:-999em; position:absolute; }
.menu ul li:hover ul { left:0; }
.current_page_item a{color:#000; }

.menucat ul li, .menu ul li {float:left; margin-right: 0px; padding: 10px 20px 0 0;}
.menucat a:hover, .menu a:hover {text-decoration: none;}

.post{margin-bottom: 40px;}

.hr {display:block; width: 100%; height: 20px; background: transparent url(i/hr.gif) repeat-x 0 0;}
.hr2{clear:right; width: 100%; height: 20px; background: transparent url(i/hr.gif) repeat-x 0 0;}

.aside#index-top{margin-top: .5em; margin-bottom: 1em;}
div#footer {margin-bottom: 80px; font-size: 70%; padding-top: 10px; text-align:left;}

#searchbox { width: 285px;  position: absolute; top: 13px; left: 675px; height: 26px;	background: transparent url(i/search.png) no-repeat 0 0;}
#searchbox input {width: 270px;	background: none; border: none;	padding: 6px 8px 6px 8px; $padding-top: 4px; color: #efefef;	font-size: 70%;}


.alignright,img.alignright{ float:right; margin:1em 0 0 1em;}
.alignleft,img.alignleft{ float:left; margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center;}

p.wp-caption-text{ font-style:italic;}
div.sidebar h3 {font-size:.8em; color: #505050;}
div.sidebar input#s {width:7em;}
div.sidebar li {list-style:none;margin:0 0 2em; font-weight: bold;}
div.sidebar li form {margin:0.2em 0 0;padding:0;}
div.sidebar ul ul {margin:5px 0 0 0em;}
div.sidebar ul ul li {list-style:none; margin-bottom:5px; font-size:70%;}
div.sidebar ul ul ul {margin:0 0 0 0.5em;}
div.sidebar ul ul ul li {list-style:circle;}
div.sidebar div,div.sidebar h3,div.sidebar ul {margin:0;padding:0;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post, .attachment { width: 100%;}
/**/ * html .post, .attachment { width: 99%;} /**/ 

.p-head { position: relative; padding-left: 100px;}
.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#000; font: bold 30px/30px "Arial"; letter-spacing: -1px; }
.p-head h1 a:hover { color:#ff7e00; text-decoration: none; }

.p-head h2 { color:#000; font: normal 1.2em "Arial"; letter-spacing: -0.03em; margin-bottom:-0.2em;}
.p-head h2 a, .p-head h2 a:visited { color:#000; }
.p-head h2 a:hover { color:#55c6da; text-decoration: none; }

.p-head h3 { color:#000; font: bold 26px/26px "Arial"; letter-spacing: -1px; }
.p-head h3 a, .p-head h3 a:visited { color:#000;}
.p-head h3 a:hover { color:#55c6da; text-decoration: none;}

.p-time { position: absolute; left: 0px; top: 5px; border-right: solid 4px #adadad; padding-right: 7px; width: 80px; }
.p-time strong { letter-spacing: -1px; float: left;}
.p-time .day { font: normal 2.8em "Helvetica"; color:#000; padding-right: 7px;margin-top: -5px; letter-spacing: -2px;  }
.p-time .month-year { font: bold 1.1em 'Arial'; text-transform: lowercase; color:#ccc;}

.p-con {padding-left: 100px;}
.p-con p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px;}
.p-con ol { list-style: decimal inside; font: normal 12px/19px "Verdana";}
.p-con ol { padding: 10px 40px 5px 45px; margin: 0px; }
.p-con ol li { padding: 2px 0px 12px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; font: normal 12px/19px "Verdana"; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 10px 20px; margin: 10px 0px; background: #eee6c9; color:#666; }
.p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.p-det { font: normal 0.7em "Verdana"; margin: 5px 0px; text-align: left;padding-left: 100px;}
.p-det li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 17px; margin-right: 5px;}
.p-det li.p-det-cat { background: url("images/p-det-cat-ico.png") left center no-repeat; }
.p-det li.p-det-tag { background: url("images/p-det-tag-ico.png") left center no-repeat; }
.p-det li a, .p-det li a:visited, .p-det li a:hover { color:#7f7f7f; text-decoration: underline; margin-right: 3px;}

.p-more { padding-top: 10px; text-align: right;}
.p-more li { color:#7f7f7f; display: inline; padding: 4px 0px 6px 20px; margin-right: 5px;}
.p-more li.p-more-read { background: url("images/p-more-read-ico.png") left center no-repeat; }
.p-more li.p-more-com { background: url("images/p-more-com-ico.png") left center no-repeat; }
.p-more li a,.p-more li a:visited { color:#6ab300; font: bold 14px/18px "Arial"; letter-spacing: -1px; margin-right: 3px;}
.p-more li a:hover { color:#55c6da; }

.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { border: 1px solid #e5e5e5; background: #f4f4f4; padding: 20px; color: #333333; font-size: 70%}
.comments-form h3 { color:#000; font: bold 2em "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #e5e5e5; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#cc0000;}
.comments-form input { border: 1px solid #ccc; background: #ffffff; padding: 5px; width: 250px; margin-right: 7px; }
.comments-form textarea { border: 1px solid #ccc; background: #ffffff; padding: 4px; width: 98%;}
.comments-form .button { border: outset 1px #000; background: #666; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 5px;}

/* Side Right 
############################################################################################################## */
.comments-list {}
.comments-list h2 { color:#000; font: bold 1.7em "Arial"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 25px; padding: 25px; border: 1px solid #e5e5e5; background: #ffffff;}
.comments-list div.alt { border: 1px solid #e5e5e5; background: #f4f4f4;}
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999; text-decoration: underline;}

.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 20px; padding-top: 10px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 0px; padding-left: 20px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 0px; padding-right: 20px; }
.nav a, .nav a:visited { color:#6ab300; cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }
.nav a:hover { color:#55c6da; }