/*

Theme Name: Extend
Theme URI: http://www.toptut.com/
Description: Clean and neat web 2.0 theme for web design blogs, theme is ready for 125*125 ads and drop down menu. 
Author: Lorelei Web Design
Author URI: http://www.toptut.com/
*/

/* 

for thumbnails in post, please use the custom key: Thumbnail
for image gallery please use the custom key: slide 
(note, it's case sensitive!)

*/
body {
background:#000000 url(img/bg.png) repeat-x;
color:#000000;
font-size:15px;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
letter-spacing:0;
margin:0;
padding:0;
}

a {
color:#000;
outline:none;
text-decoration:none;
}

p {
margin:0 10px 20px 0;
}

p:a {
background:#ccc;
padding:3px;
}


blockquote {
border-left:5px solid #f7f7f7;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

#page {
width:955px;
margin:0 auto;
}

#logo{
margin-left:350px;
margin-top:20px;
height:62px;
width: 244px;
}

#header {
position:relative;
height:176px;
width: 955px;
background:url(img/bg_menues.png) top left no-repeat;
}

#content {
background:url(img/bg_contents_mid.png) top left repeat-y;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
}

#content-up {
background:url(img/bg_contents_up.png) top left no-repeat;
width:955px;
height:9px;
margin-top:10px;
}

#content-btm {
background:url(img/bg_contents_bottom.png) top left no-repeat;
width:955px;
height:26px;
}



#content-left {
float:right;
width:580px;
padding:15px;
}

#content-right {
float:left;
width:332px;
padding:0px 0 0 10px;
}

#footer {
width:900px;
color:#c2dbec;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
margin:0 auto;
padding:20px;
}

h1 {
position:absolute;
bottom:50px;
left:0;
line-height:1;
font-size:38px;
font-weight:700;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

h1 a {
color:#000;
text-decoration:none;
padding-left:0;
text-shadow:0 1px 0 #467199;
}

h2 {
text-shadow:0 1px 0 #3E6992;
margin:0 0 20px 20px;
}

h2#blog-description {
position:absolute;
left:0;
font-size:13px;
font-weight:400;
color:#fff;
margin:0;
padding:4px 0 0 40px;
}

h3 {
font-size:2em;
line-height:100%;
font-weight:700;
font-style:italic;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
margin:0 0 20px;
background-image: url(img/icon_title.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-left: 30px;
color:#006633;
}

h3 a {
text-decoration:none;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
text-shadow:0 1px 0 #fff;
color:#006633;
}

h4 {
font-size:18px;
color:#000;
margin:0 0 10px;
}

#top-nav {
position:absolute;
top:10px;
right:0;
list-style:none;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
width:280px;
margin:0;
padding:0;
}

#top-nav li {
float:left;
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
margin:0 0 0 10px;
}

#top-nav li#rss {
background:url(img/rss-icon.gif) no-repeat left center;
padding:0 0 0 15px;
}

.box-left {
margin:0 0 20px;
border-bottom:1px solid #ccc;
}

.meta {
clear:both;
background:#EAE0B5;
border:1px solid #DACF9C;
color:#5e5e5e;
padding:5px;
}

.meta-date {
background:url(img/old_clock.png) no-repeat 0 2px;
padding:2px 15px 2px 20px;
}

.meta-categories {
background:url(img/note.png) no-repeat 0 2px;
padding:2px 15px 2px 20px;
}

.meta-comments {
background:url(img/user_comment.png) no-repeat 0 2px;
padding:2px 15px 2px 20px;
}

.box-right {
margin:0 20px 30px 0;
padding:10px;

}

.box-right ul {
list-style:none;
margin:0 0 5px;
padding:0;
}

.box-right li {
background: url(img/bg_list_side.jpg) no-repeat;
background-position: -3px 3px;
margin:0;
padding:5px 5px 5px 25px;
}

.box-right li:hover {
margin:0;
padding:5px 5px 5px 26px;
}

.box-right img,.box-right img a {
float:left;
padding:0px;
}

#commentform label {
display:block;
margin:0 0 5px;
}

#commentform input.text,#commentform textarea {
width:500px;
margin:0 0 10px;
}

#commentform .text {
height:22px;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border:1px solid #dadada;
color:#5e5e5e;
padding:6px 6px 0;
}

#commentform textarea {
height:150px;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border:1px solid #dadada;
color:#5e5e5e;
padding:6px 6px 0;
}

#commentform .button {
width:auto;
height:30px;
background:#4a4f54;
border:none;
color:#fff;
margin:0;
padding:0 20px;
}

.commentlist {
list-style:none;
margin:0;
padding:0;
}

.commentlist .quote {
background:#EDE5C2 url(img/prp.jpg) repeat-x top;
border:1px solid #BAB28B;
padding:20px;
}

.commentlist li {
background:#4e5156;
color:#fff;
margin:20px 0 0;
padding:0;
}

.commentlist cite {
display:block;
font-style:normal;
}

.avatar {
float:left;
margin:0 20px 10px 0;
}

#searchform #search {
float:left;
width:146px;
height:22px;
background:#fff url(img/bg-form-text.gif) repeat-x left top;
border:1px solid #dadada;
color:#5e5e5e;
padding:6px 6px 0;
}

#searchform .button {
width:auto;
height:30px;
background:#4a4f54;
border:none;
color:#fff;
margin:0;
padding:0 10px;
}

#footer p {
font-family:'Myriad Pro',Helvetica,Arial,sans-serif;
text-shadow:0 1px 1px #000;
margin:0 0 10px;
}

#footer p a {
color:#c2dbec;
text-shadow:0 1px 1px #000;
}

#legal {
float:left;
width:800px;
}

.aligncenter,div.aligncenter {
display:block;
margin:0 auto;
}

.alignleft {
float:left;
margin:0 20px 20px 0;
}

.alignright {
float:right;
margin:0 0 20px 20px;
}

.wp-caption {
margin-bottom:20px;
padding-top:4px;
border:1px solid #ccc;
text-align:center;
background-color:#f7f7f7;
}

.wp-caption img {
float:none;
border:none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
margin:0;
padding:0;
}

#calendar_wrap table {
width:100%;
}

#calendar_wrap td {
text-align:center;
}

#wp-calendar caption {
background:#dedede;
margin:0 0 10px;
}

ul,ol,.aligncenter {
margin-bottom:20px;
}

h3 a:hover,.box-right li a {
text-decoration:none;
color: #008442;
}

p.tags,.clear {
clear:both;
}

.thumbnail {
float:right;
overflow:hidden;
line-height:170px;
text-align:center;
margin:0 0 0 10px;
padding:5px;
}

.thumbnail a img {
float:right;
width:200px;
background:#EAE0B5 none repeat scroll 0 0;
border:1px solid #DACF9C;
-moz-box-shadow:0 0 5px #cfc69d;
padding:5px;
}

#featured_area {
background:url(img/feat-bg.jpg) no-repeat;
height:308px;
overflow:hidden;
position:relative;
border-bottom:1px solid #fff;
margin:0 25px 35px;
}

#featured_area div#mySlides {
padding-top:30px;
}

#featured_area .description {
float:left;
width:420px;
height:152px;
}

#featured_area .description h2 {
font-size:17px;
color:#423d3a;
margin-bottom:15px;
font-weight:700;
}

#featured_area .description p {
font-size:13px;
}

#featured_area .description a.learn_more {
font-size:11px;
text-transform:uppercase;
}

#featured_area .photo {
float:left;
position:relative;
margin:0 0 0 10px;
padding:5px;
}

#featured_area .photo img {
width:440px;
height:205px;
margin:0;
}

#featured_area .slide {
overflow:hidden;
}

#featured_area .container {
height:308px;
overflow:none;
}


a.jFlowPrev,a.jFlowNext {
display:block;
width:83px;
height:33px;
position:absolute;
bottom:-4px;
text-indent:-9999px;
cursor:pointer;
}

a.jFlowPrev {
background:url(img/prev-trans.png) no-repeat;
left:0;
}

a.jFlowNext {
background:url(img/next-trans.png) no-repeat;
right:0;
}

div#myController {
display:none;
}

.social {
padding-top:5px;
}

.social img {
border:none !important;
}