/*
Theme Name: Proud Themes
Theme URI: http://www.proudthemes.com
Description: Design of ProudThemes.com
Version: 1.0
Author: ProudThemes
*/


html, body, div, h1, h2, h3, h4, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 62.5%; text-align:center; background-color: #fff; color: #222; }
a {text-decoration:underline; color: #44749d; }
a:hover {text-decoration:none; color: #e78e35; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; }
p {margin: 0 0 14px; }

#pocket {
  width:100%;  
  margin: 0 auto; 
  text-align:left; }
#pocket div.wrap {
  width: 960px; 
  margin: 0 auto; 
  text-align: left; }
#pocket div.clean {
  clear: both; 
  font-size:1px; 
  height: 1px; 
  line-height: 1px;
  margin:0;  }
#pocket div.sep {
  clear: both; 
  font-size:1px; 
  height: 1px; 
  line-height: 1px;
  margin: 20px 0; }
  
#topMenu {height: 80px; background: #2f3133 url(images/backTopMenu.png) repeat-x top left; border-bottom: solid 1px #242627; }
#logo {float: left; display: inline;}
#logo a {color: #fff; }
#logo img {margin-top: 10px; }



#nav, #nav ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; }
#nav {margin-left: 10px; float: right; display: inline; margin-top: 20px; }
#nav a {display:block; padding:5px 10px; color:#fff; text-decoration:none; text-shadow: #000 1px 1px 1px; }  
#nav a:hover {background: #274966 url(images/buttonBlueA.png) repeat-x top left;}  
#nav li {float:left; display: inline; position:relative; line-height: 30px; font-size: 11px; text-transform: uppercase; margin-left: 2px; }
#nav li li {line-height: 20px; margin-left: 0; }  
#nav ul {position:absolute; display:none; width:120px; top:39px; left:0;}  
#nav ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444;}  
#nav li ul {width:130px;}  
#nav li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#nav ul ul {top:auto;}  
#nav li ul ul {left:130px; margin:0 0 0 10px;}  
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}  
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

#message span a {padding: 9px 10px; font-size: 12px; color: #fff; text-decoration: none; background-color: #111; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }

#topMess {background: #393b3d url(images/backTopMess.png) repeat-x top left; border-top: solid 1px #57595a; border-bottom: solid 1px #fff; }
#topMess .wrap {background: transparent url(images/backTopBubble.png) no-repeat top left; padding: 30px 0 30px; }
#topMess .wrap-inside {padding: 20px 0 10px; }

#topMess #covers {float: right; display: inline; margin-left: 50px; width: 400px; }
#covers {position: relative; }
#covers div.browser-410 {position: absolute; top: 0; left: 0; z-index: 150; }
#topMess #message {float: left; display: inline; color: #f1f1f1; width: 470px; font-size: 14px; line-height: 20px; }
#message h1, div.boxContent h1 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; letter-spacing: -1px; line-height: 36px; margin-bottom: 20px; color: #fff; }
#topMess .wrap-inside #message {width: 960px; margin-right: 0;}
#topMess .wrap-inside #message h1 {margin-bottom: 10px; }
div.boxContent h1 {color: #333;}
#message p, #message ul {margin-bottom: 20px; }
#message ul li {list-style-type: square; list-style-position: inside; font-size: 14px; }
#message p.more {margin: 30px 0 0; text-align: left;}
#message p.more span a {font-size: 18px; padding: 10px 25px;}
#message p.more span {margin-right: 10px; }
#message span a {background-image: url(images/buttonBlueBigA.png);}
#message span a:hover {background-image: url(images/buttonGreenBig.png);}
div.message-theme {min-height: 260px; }

div.boxContent {background-color: #fff; padding-top: 50px; font-size: 12px; }
div.boxContent p {font-size: 14px; line-height: 18px; }
div.boxInfo {background-color: #fff; padding-top: 30px; font-size: 12px; }
div.boxInfo p {font-size: 14px; line-height: 18px; }
div.boxThemes {background-color: #f1f1f1; padding: 30px 0 10px; font-size: 12px; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; }
div.browser-300 img {background: #fff url(images/boxSafari300.png) no-repeat top left; padding: 16px 4px 6px 0; border: solid 1px #555;}
div.browser-410 img {background: #fff url(images/boxSafari410.png) no-repeat top left; padding: 22px 6px 8px 0; border: solid 1px #555;}

div.bGrad {background-repeat: repeat-x; background-position:top left; }
div.bGrad30 {background-image: url(images/backGrad30.png); }
div.bGrad20 {background-image: url(images/backGrad20.png); }
div.bGrad15 {background-image: url(images/backGrad15.png); }

div.column {float: left; display: inline; margin-right: 30px; margin-bottom: 20px; }
div.column-last {margin-right: 0;}
div.column-narrow {width: 300px; }
div.column-double {width: 630px; }
div.column-full {width: 960px; }

ul.actions {padding-top: 6px; }
ul.actions li {display: inline; list-style-type: none; margin-left: 10px; }
li.button a {padding: 6px 10px; font-size: 10px; text-transform: uppercase; color: #fff; text-decoration: none; background: #274966 url(images/buttonBlueA.png) repeat-x top left; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
li.button a:hover {background-image: url(images/buttonGreenBig.png);}

div.social h3 {float: left; display: inline-block; margin-right: 10px; margin-top: 13px; }
div.social {padding:0; margin:0; }
div.social ul {margin:0; padding: 0; }
div.social li {font-size: 11px; margin:5px 10px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 48px; }
div.social li img {margin: 0; display: inline; float: left; border: none; }

/* Comments */
#comments {margin-top: 20px; }
ol.comments {padding: 1em 0; margin:0; }
ol.comments a {text-decoration: none;}
ol.comments div.comment-body {position: relative; }
ol.comments div.reply {position: absolute; top: 0; right: 0; }
ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
ol.comments li ul.children {padding: 10px 0 0; }
ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
ol.comments .vcard {}
ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
ol.comments cite.author {color: #333;}
ol.comments span.says {display: none; }
ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
ol.comments blockquote {font-size: 12px; line-height: 18px; }
ol.comments p {text-shadow: #fff 1px 1px 1px;}
ol.comments li.comment {background-color: #f1f1f1; }
ol.comments li.bypostauthor { background-color: #e1e1e1; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a, .navigation a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
.navigation {margin: 10px 0; font-size: 18px; text-align: center;  }
.navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; text-shadow: #555 1px 1px 1px; }

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 500px; height: 100px;	padding: 2px; margin-bottom: 10px; margin-left: 50px; }
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }


#features h2, #featThemes h2, #featThemes h3, #buy h2, #free h2, #comments h2, #blog h2, #blog h3 {font-size: 18px; font-weight: bold; margin-bottom: 12px;  }
#info h2, #buy h3, #free h3, .boxContent h3 {font-size: 12px; font-weight: bold; margin-bottom: 12px; text-transform: uppercase; }
#featThemes h2 a {color: #222;}
#featThemes h2 a:hover {color: #44749d;}

#features h2, #buy h2, #free h2 {padding: 6px 0 6px 40px; background: transparent url(images/icons/icon_star.png) no-repeat top left; }
#features div.noimg h2 {padding: 0; background: none;}
#features h2.quality {background-image: url(images/icons/icon_star.png);}
#features h2.features {background-image: url(images/icons/icon_bucket.png);}
#features h2.check, #free h2.check {background-image: url(images/icons/icon_check.png);}
#features h2.features {background-image: url(images/icons/icon_bucket.png);}
#features h2.info {background-image: url(images/icons/icon_info.png);}
#features h2.support {background-image: url(images/icons/icon_help.png);}
#features h2.seo {background-image: url(images/icons/icon_heart.png);}
#features h2.basket-add {background-image: url(images/icons/icon_basket_add.png);}
#features h2.settings {background-image: url(images/icons/icon_equalizer.png);}
#features h2.seo {background-image: url(images/icons/icon_edit.png);}
#features h2.layout {background-image: url(images/icons/icon_layout.png);}
#features h2.photos {background-image: url(images/icons/icon_photos.png);}
#features h2.ads {background-image: url(images/icons/icon_dollar.png);}
#buy h2.buy {background-image: url(images/icons/icon_cc.png);}

#featThemes .column {text-align: center; }
#featThemes div.browser {margin-bottom: 12px;}
#featThemes h2 {font-weight: bold;}
#featThemes h2.front {text-align: center; margin-bottom: 15px; }
#featThemes h3 {margin-bottom: 18px; }
h2 a {text-decoration: none;}

#specialOffer {margin: 20px 0 30px; height: 50px; padding: 15px; background: #f6e5c5 url(images/backSpecialOffer.png) repeat-x top left; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
#specialOffer img {float: left; display: inline; margin: 0 15px 0 0; }
#specialOffer h2 {margin-bottom: 6px; font-size: 18px; }
span.currency {font-weight: bold; color: #991818; }
span.highlight {font-weight: bold; color: #336699; }
#buy span.currency, #free span.currency {font-size: 22px; }

#features ul {margin-bottom: 18px; }
#features ul.features {margin-top: 20px; }
#features ul.features li {clear: left; list-style-type: none; margin-bottom: 20px; }
#features ul.features li img {float: left; display: inline; margin-right: 15px; margin-bottom: 30px; }
#features ul.details li {list-style-type: square; list-style-position: inside; font-size: 14px; line-height: 18px; }
ul.list li {list-style-type: square; list-style-position: inside; font-size: 14px; line-height: 20px; margin-bottom: 6px; }

#buy ul.actions li, #free ul.actions li {padding:0; margin:0 10px 0 0; }
#buy ul.included li, #free ul.included li {list-style-image: url(images/icons/icon_check_s.png); list-style-position: inside; font-size: 12px; line-height: 20px; }
#free ul.included li.block {list-style-image: url(images/icons/icon_block.png);}

/* Footer */
#footer {background-color: #e1e1e1; font-size: 11px; padding: 30px 0 10px; }
#footer p.copy {float: right; display: inline; }
#footer ul li {list-style-type: none; float: left; display: inline; margin-right: 10px; font-size: 12px; }
#footer a {color: #444;}
#footer a:hover {color: #000;}

.wp-pagenavi {text-align: center; margin: 20px 0 50px; font-size: 11px; font-weight: bold; }
.wp-pagenavi a, .wp-pagenavi span.current {padding: 9px 10px; color: #fff; text-decoration: none; background-color: #333; margin: 0 1px;}
.wp-pagenavi span.pages {margin-right: 10px; text-transform: uppercase; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {background-image: url(images/buttonGreenBig.png); }

ul.updates a {text-decoration: none;}
ul.updates span.title {font-weight: bold; }
ul.updates p {font-size: 12px; margin-top: 5px; }
ul.updates p.postmetadata {font-size: 10px; color: #999; text-transform: uppercase; margin-bottom: 0;}

div.aktt_tweets li {line-height: 18px; margin-bottom: 6px; }
img#wpstats{display:none}
.boxContent .twitter-share-button {float: right; display: inline; margin: 0 0 10px 10px;}
