body  { height:100%;font: 14px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;margin: 0; line-height: 1.5; color: #333; background-color: #fff; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; }
h1  {font-size: 30px;} h2  {font-size: 20px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:none;
}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.fl {
float:left;
}
.fr {
float:right;
}
.ac {
text-align:center;
}
.ar {
text-align:right;
}
.col-full:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.fix {
clear:both;
height:1px;
margin:-1px 0 0;
overflow:hidden;
}
i {display:none;}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #06a0f0; text-decoration:none; }
a:hover  { text-decoration:underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container  {
}

#top{background:url(../images/bg.jpg) repeat-x top center;min-height:0;}


.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2 Navigation */
.nav {position:relative; top: 20px;}

/* 2.3 Header */
#header{height: 50px;background:url(../images/bg-top.png) repeat;padding:7px 0;clear:both;position:relative;z-index:10;}

#logo  { }
#logo img  { border: 0px none;padding-right:5px;}
#logo .site-title, #logo .site-description  { padding-top:10px; }
#logo .site-title a { color:#fff; font-size:32px; line-height:20px;  letter-spacing:1px;  }
#logo .site-title a:hover { text-decoration:none; color:#eee; }
#logo .site-description { color:#bbb; text-transform:uppercase; font-size:15px;font-weight:bold;}

/* 2.4 Content */
#content{background:url(../images/bg-content-top.png) repeat-x top center; min-height:400px;padding:30px 0; }
* html #content{height:550px;}

#main{width:620px;}
#main.fullwidth  { width: 960px; }

/* 2.5 Sidebar */
#sidebar, #info-box {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
}
#sidebar{width:260px;overflow:hidden; padding:25px 25px 15px; background:#f7f7f7; border-bottom:1px solid #dbdbdb; }

/* 2.6 Footer */
#footer{background: #232323 url(../images/bg-footer-top.png) repeat-x top center; font-size:12px;padding: 0;border-top: 1px solid #eee; }
#footer #credit, #footer #copyright { color: #777; }
#footer #credit a, #footer #copyright a { color: #999; }

#footer #footer-credits { background:url(../images/bg-footer-bevel.png) repeat-x top center; padding:25px 0 20px; margin: 20px 0; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}

#footer #footer-widgets { margin-top:20px; color:#bbbbbb; font-size:14px; }
#footer #footer-widgets p { color:#bbbbbb; }
#footer #footer-widgets .block { float:left; width:210px; margin:0 40px 0 0; }
#footer #footer-widgets .block.last { margin-right:0; }
#footer #footer-widgets h3 { font-size:18px; color:#fff; font-weight:normal;}
#footer #footer-widgets ul { border:none; }
#footer #footer-widgets li { padding-left:15px; }
#footer #footer-widgets li a { border:none; color:#fefefe; line-height:18px; padding:3px 0; }
#footer #footer-widgets li a:hover { color:#06a0f0; }

/* 2.7 Featured Area */
#featured { background:url(../images/bg-border-top.png) repeat-x top left; }
#featured #page-title { padding: 25px 0; }
#featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px;  }
#featured span.archive_header  { display:block; font-size: 30px; font-weight:bold; }
#featured span.archive_header.blog  { font-size: 40px; }

/* 2.8 Homepage */
#featured.home .featured-image { width:490px; padding:0; margin-bottom:-20px; position:relative; text-align:center; }
#featured.home .play { background:url(../images/btn-play.png) no-repeat; position:absolute; bottom:0; left:0; width:470px; height:380px;}
#featured.home .play:hover {opacity: 0.8}
#featured.home .featured-content { width:450px; padding:20px 0 0; }
#featured.home h2 { font-size:36px; padding:0px 0 20px;}
#featured.home p { font-size:20px; color:#fff; line-height:20px; }
#featured.home .featured-image img {border: 0px none;}

a.button { background: url(../images/buy.png) no-repeat scroll top left; display: inline-block; width: 141px;height: 70px;margin:30px 20px 20px 0;letter-spacing:-1px;}
a.button_d { background: url(../images/down.png) no-repeat scroll top left; display: inline-block; width: 151px;height: 70px;margin:30px 70px 20px 0;letter-spacing:-1px;}
a.button span, a.button_d span {display:none}
a.button:hover, a.button_d:hover { cursor:pointer; }


#mini-features { margin:40px 0 20px; }
#main .block { width:290px; margin:0 10px 30px 0; float:left; }
#main .block.last { margin:0 20px 0 0; }
#main .feature { margin-left:55px; }
#main .home-icon { float:left; }
#main h3 { font-size:18px; padding-bottom:10px; }
#main p { padding-bottom:15px; }
#main a.btn { margin: 15px 0 0 0; background:#f0f0f0 url(../images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 20px 4px 12px; }
#main a.btn:hover { background:#06a0f0 url(../images/ico-bullet.png) no-repeat 90% 50%; color:#fff; text-decoration:none; }

#main-page1 { padding: 30px 0 0; }
#main-page2 { padding: 0 0 30px; }


#info-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:30px 20px 10px; margin:0 0 20px; }
#info-box .block { width:100%; margin:0 0px 20px 0; float:left; }
#info-box .icon { float:left; }
#info-box h3 { background: url(../images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 0 15px 50px; line-height:30px; margin-bottom:15px; }
#info-box p { padding-bottom:15px; }


blockquote { background:url(../images/bg-quote.png) no-repeat top left; text-align: left;margin: 0 0 0 -12px;padding:0 0 10px 50px;line-height: 16px; font-family:Georgia, serif; font-size:14px; color:#777; font-style:italic; min-height:12px; }
.quote { padding-bottom:0px; }

/* 2.9 Portfolio */
#portfolio .block { width:460px; margin:0 10px 20px 10px; display:inline; }
#portfolio .block a.thumb { background: url(../images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 20px 0; display:block;}
#portfolio .block img.portfolio-img {   }
#portfolio .block h2 { font-size:18px; margin-bottom:15px; }
.port-cat { text-transform:uppercase; }
.port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; }
.port-cat a:hover { text-decoration:none; background:#eee; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb { background:#eee url(../images/bg-breadcrumb-top.png) repeat-x top center; height:44px; border-top:1px solid #efefef; border-bottom:1px solid #d5d5d5; color:#777; line-height:44px; }
#breadcrumb img.rss { position:relative; margin:9px 0 0 10px; }


.post  { margin: 0 0 25px 0;}

.post .title  { width:100%;position:relative; margin: 0 0 5px 0; }
.post .title a:link, .post .title a:visited  { color: #222; }

.post-meta{font-family:Arial, Helvetica, sans-serif; margin: 0 0 15px 0;font-size:11px;color:#9F9F9F;}
.post-meta .comments a  { padding: 0 0 0 20px; text-transform: uppercase; }

.post p.tags{background:url(../images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}

.entry  {}

/* 3.1 Typographic Elements */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }

.entry p  { margin: 0 0 15px 0; }

.entry blockquote  { padding: 10px 30px; color: #666; }
.entry blockquote p  {}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
.entry img  { padding: 5px;	border: 1px solid #ccc; }
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:14px; line-height:18px; font-style:italic !important;}
.more_entries a { display: block; margin: 0; background:#F7F7F7; border-bottom:1px solid #DBDBDB; padding:4px 8px; color:#777;  }
.more_entries a:hover { text-decoration:none; }

.more_entries .wp-pagenavi { margin: 15px 0; text-align: right;  }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #F7F7F7; color:#777; border:none; border-bottom:1px solid #DBDBDB;  }
.more_entries .wp-pagenavi .extend, 
.more_entries .wp-pagenavi span.pages { background: #F7F7F7;color: #777; padding: 4px 8px; border:none;  border-bottom:1px solid #DBDBDB;}


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 20px 0; }
.widget h3  { margin: 0 0 7px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; }
.widget img { border: 0px none }
.widget p { color:#666; }
.widget ul  { clear:both; margin:0;}
.widget ul li  { background: url(../images/ico-bullet.png) no-repeat left 8px; padding-left:15px; }
.widget ul li a  { display: block; padding: 3px 0; line-height: 15px; text-decoration: none; color:#666; }
.widget ul li a:hover  { color: #000; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }


/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin-top:20px;padding:0;}
#comments h3{ color:#555; font-weight:normal; }
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { padding: 15px 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: right; margin: 0 0 10px 10px; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a {  padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;}
#comments .reply a:hover { background:#06a0f0; color:#fff; }

#comments ul.children{margin:10px 0 0 25px;padding:0; }
#comments .cancel-comment-reply{margin-bottom:10px;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { margin: 25px 0 0 0; }
#respond h3  { color:#555; font-weight:normal; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt  {  color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

input, textarea, submit { font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#commentform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(../images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; }
#commentform #submit:hover  { background:#06a0f0 url(../images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

.title {font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; color: #333333;} 
/* Gallery */
.gallery{text-align: center;margin: 0;padding: 0}
.gallery a:hover {
opacity:1;
color:#F4F5F5;
}
.gallery a:active {
color:#F4F5F5;
}
.gallery a {
background-color:#F4F5F5;
border:1px solid #B8B8B8;
display:inline-table;
margin:3px;
opacity:0.87;
padding:5px;
text-align:center;
}
.gallery img {border: 0px none;}
.related b{font-weight: normal;}
.features {
line-height: 30px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
padding: 10px 0 10px 35px;
color:#265893;
font-size:13px;
font-weight:bold;
}
a.line {
margin:-20px;
color:#004AAD;
text-decoration:none;
}

/* 5.4 Relates */
#twitter {
  padding:0 0 30px 0;
}
#twitter h3 {
    margin:0 0 7px 0;
    font-size:14px;
    text-transform:uppercase;
    color:#777;
}
#twitter .item {
    padding:20px 0 0 0;
    width:270px;
    font-size:12px;
    line-height:15px;
    display:none;
}
#twitter .item.active {
    display:block;
}
#twitter p img {
    position:absolute;
    border:1px solid #f4f4f4;
    padding:1px;
    background:#ccc;
    margin:3px 0 0 -50px;
}
#twitter p {
    padding:0 0 0 60px;
    color:#777;
}
#twitter .navigation {
    position:absolute;
    margin:25px 0 0 180px;
}
#twitter .navigation li {
    float:left;
    display:block;
    width:16px;
    height:14px;
    line-height:16px;
    text-align:center;
    margin-right:2px;
    font-weight:bold;
    cursor:pointer;
    text-indent:-999em;
    background:url(../images/pointers.gif) no-repeat;
}
#twitter li.prev {
    background-position:0 -14px;
}

#blogs {
  padding:40px 0 30px 0;
}
#blogs h3 {
    margin: 0 0 27px 0;
    font-size:14px;
    text-transform:uppercase;
    color: #777;
}
#blogs .item {
    padding:20px 0 0 25px;
    width:235px;
    font-size:12px;
    line-height:15px;
    display:none;
    color:#777;
}
#blogs .item.active {
    display:block;
}
#blogs .navigation {
    position:absolute;
    margin:25px 0 0 180px;
}
#blogs .navigation li {
    float:left;
    display:block;
    width:16px;
    height:14px;
    line-height:16px;
    text-align:center;
    margin-right:2px;
    font-weight:bold;
    cursor:pointer;
    text-indent:-999em;
    background:url(../images/pointers.gif) no-repeat;
}
#blogs li.prev {
    background-position:0 -14px;
}

#related-tags a, #related-tags a:hover {
    color:#777777;
    text-decoration:none;
}
#related-tags, #seealso {
  padding:40px 0 30px 0;
}
#related-tags, #seealso h3 {
    margin: 0 0 27px 0;
    font-size:14px;
    text-transform:none;
    color: #777;
}
#related-tags .item, #seealso .item {
    padding:20px 0 0 25px;
    width:235px;
    font-size:12px;
    line-height:15px;
    display:none;
    color:#777;
}
#related-tags .item.active, 
#seealso .item.active {
    display:block;
}
#related-tags .navigation,
#seealso .navigation {
    position:absolute;
    margin:25px 0 0 180px;
}
#related-tags .navigation li,
#seealso .navigation li {
    float:left;
    display:block;
    width:16px;
    height:14px;
    line-height:16px;
    text-align:center;
    margin-right:2px;
    font-weight:bold;
    cursor:pointer;
    text-indent:-999em;
    background:url(../images/pointers.gif) no-repeat;
}
#related-tags li.prev,
#seealso li.prev{
    background-position:0 -14px;
}
#tags a, #tags a:hover {
    color:#777777;
    text-decoration:none;
}

.scroll-content { margin-top:0; }