/*
Theme Name: GoDevice 2
Theme URI: http://godevice.com
Description: Custom theme for GoDevice
Version: 2.0
Author: Alex Panait
Author URI: http://alexpanait.com/
*/

html { overflow-y: scroll; }

* { margin: 0; padding: 0; }
a { outline: none; }
body { background: url(img/bg.png) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #3e3e3e; }

#wrapper { width: 990px; margin: 0 auto; padding: 0 10px; }

/* Header */

#header { height: 70px; position: relative; margin: 0 0 20px 0; }
#logo { width: 400px; padding: 0 0 0 110px; background: url(img/bgLogo.png) top left no-repeat; height: 70px; position: absolute; top: 0; left: -110px; }
#menu { height: 27px; margin: 24px 0 0 0; float: right; font-size: 10px; }
#menu ul { list-style-type: none; float: left; margin: 0 10px 0 0; }
#menu ul li { float: left; }
#menu ul li a { color: #fff; text-decoration: none; text-transform: uppercase; display: block; line-height: 27px; height: 27px; background: url(img/menuLi.png) top right no-repeat; padding: 0 12px 0 11px; }
#menu ul li.last a { background: none; }
#menu ul li a:hover { background: url(img/menuLi.png) bottom repeat-x; margin: 0 0 0 -1px; padding: 0 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#search { display: block; width: 130px; float: left; height: 27px; background: #1e1e1e; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0 4px 0 10px; }
#search form { margin: 0; padding: 0; }
#search input { display: block; width: 100px; float: left; padding: 6px 6px 6px 0; color: #9f9f9f; background: none; border: 0 none!important; font-size: 11px; }
#search .btn { width: 24px; height: 27px; background: url(img/searchBtn.png) top left no-repeat; display: block; cursor: pointer; }
#search .btn:hover { background: url(img/searchBtn.png) bottom left no-repeat; }
#menu .rss, #menu .twitter { float: left; margin: 0 0 0 10px; }
#menu .rss a { display: block; height: 27px; width: 27px; text-indent: -9999px; background: #1e1e1e url(img/menuSm.png) top left no-repeat; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#menu .rss a:hover {  background: #1e1e1e url(img/menuSm.png) bottom left no-repeat; }
#menu .twitter a { display: block; height: 27px; width: 27px; text-indent: -9999px; background: #1e1e1e url(img/menuSm.png) top right no-repeat; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#menu .twitter a:hover {  background: #1e1e1e url(img/menuSm.png) bottom right no-repeat; }

#subHeader { height: 90px; margin: 0 0 20px 0; }
#subHeader .banner { width: 728px; height: 90px; float: left; margin: 0 22px 0 0; }
#subHeader .ad { width: 180px; height: 90px; float: left; }
#facebookLike { width: 168px; height: 75px; background: url(img/like.png) top left no-repeat; padding: 15px 12px 0 0; text-align: right; }

/* Content */

#content { overflow: hidden; margin: 0 0 20px 0; }
#main { width: 630px; float: left; margin: 0 30px 0 0; }

.pagetitle { text-transform: uppercase; border-top: 3px solid #f1f1f1; font-size: 10px; color: #a1a1a1; line-height: 10px; display: block; margin: 6px 0 18px 0; }
.pagetitle a { color: #3e3e3e; }
.pagetitle span { float: left; margin: -7px 0 0 0; padding: 0 5px 0 0; background: #fff; }

#main h2 { font-size: 18px; line-height: 1.3; font-weight: bold; color: #0F0F0F; margin: 0 0 12px 0; }
#main h2 a { color: #0F0F0F; text-decoration: none; display: inline-block; }
#main h2 a:hover { background: #ebebeb; color: #0f0f0f; }

#main .meta { width: 100px; float: right; margin: 5px 0 0 0; }
#main .meta a { color: #888888; text-decoration: none; display: inline-block; }
#main .meta a:hover { color: #fff; background: #bcbcbc; }
#main .meta ul { list-style-type: none; }
#main .meta ul li { color: #888888; text-transform: uppercase; font-size: 10px; line-height: 15px; margin: 0 0 5px 0; }
#main .meta ul li.author { line-height: 20px; }
#main .meta ul li.author img { float: left; margin: 0 5px 0 0; }
#main .meta ul li.time { font-style: italic; }
#main .meta ul li.fb { padding: 2px 0 0 0; margin: 0 0 0 -1px!important; }

.mainPost { overflow: hidden; border-bottom: 3px solid #f1f1f1; margin: 0 0 20px 0; padding: 0 0 24px 0; }
.mainPost .thumb { width: 150px; float: left; margin: 3px 15px 0 0; }
.mainPost .thumb img { border: 0; }
.mainPost p { margin: 0 0 0 165px; line-height: 20px; width: 350px; }
.mainPost .cat { display: inline; }
.mainPost .cat a { line-height: 1.6!important; font-size: 10px; text-transform: uppercase; color: #fff!important; padding: 0px 4px; margin: 0 3px 0 0; display: inline-block; font-weight: bold; text-decoration: none; background: 

#bcbcbc; }
.mainPost .cat a:hover { background: #40cdf5; }
.mainPost a { color: #888888; text-decoration: none; }
.mainPost a:hover { color: #40cdf5; }

#share { float: right; list-style-type: none; margin: 0 0 0 15px; overflow: hidden; width: 96px; color: #888888; text-transform: uppercase; font-size: 10px; line-height: 15px; }
#share li { margin: 0 0 5px 0; }
#share li img { float: left; margin: 0 5px 0 0; }
#share li.fb { margin: 0!important; } 
#share li.author { line-height: 20px!important; margin: 0 0 8px 0!important; overflow: hidden; }
#share li.author span { font-style: italic; }
#share li.time { font-style: italic; }
#share li.comments { margin: 0!important; }
#share li.comments a { color: #888888; text-decoration: none; }
#share li.comments a span { font-size: 10px; text-transform: uppercase; color: #fff!important; padding: 0 6px 6px 6px; display: inline-block; font-weight: bold; text-decoration: none; background: url(img/span_comments.png) 0px 0px no-repeat!important; margin: 0 3px 0 0; line-height: 1.5; }
#share li.comments a:hover span { background: url(img/span_comments.png) -25px 0px no-repeat!important; }

.more { float: right; padding: 7px 0 0 0; }
.more a { display: block; height: 13px; line-height: 13px; padding: 0 17px 0 0; background: url(img/span_more.png) top right no-repeat; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #282828; font-weight: bold; }
.more a:hover { color: #33cbff; }

/*.FBConnectButton_Small{background-position:-2px -232px !important;border-left:1px solid #1A356E;}
.FBConnectButton_Text{margin-left:15px!important;padding:2px 4px 3px !important;}*/

/* Sidebar */

#sidebar { width: 300px; float: left; padding: 15px; background: #f2f2f2; }
#sidebar h3 { font-size: 10px; text-transform: uppercase; color: #fff; background: #454545; padding: 2px 5px; margin: 0 0 15px 0; display: inline-block; }
#sidebar .box { margin: 0 0 20px 0; }
#sidebar .last { margin: 0!important; }

#subscribe { background: #f2f2f2; margin: 0 0 20px 0; overflow: hidden; }
#subscribe ul { list-style-type: none; overflow: hidden; margin: 0 0 15px 0; }
#subscribe ul li { float: left; margin: 0 15px 0 0; padding: 0 14px 0 0; border-right: 1px solid #cbcbcb; }
#subscribe ul li a { display: block; width: 80px; height: 28px; text-indent: -9999px; background: url(img/subscribeSocial.png) no-repeat; }
#subscribe ul li.rss a { background-position: 0px 0px; }
#subscribe ul li.rss a:hover { background-position: 0px -28px; }
#subscribe ul li.twitter a { background-position: -80px 0px; }
#subscribe ul li.twitter a:hover { background-position: -80px -28px; }
#subscribe ul li.facebook a { background-position: -160px 0px; }
#subscribe ul li.facebook a:hover { background-position: -160px -28px; }
#subscribe ul li.facebook { margin: 0!important; padding: 0!important; border-right: 0 none!important; }
#subscribe form { margin: 0; padding: 0; overflow: hidden; }
#subscribe .email { border: 1px solid #d6d6d6; background: #fff; height: 16px; width: 223px; margin: 0 10px 0 0; font-size: 11px; color: #454545; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 5px; float: left; line-height: 1.5;  }
#subscribe .btn { width: 55px; height: 28px; background: url(img/subscribeBtn.png) top left no-repeat; border: 0 none; float: left; cursor: pointer; }
#subscribe .btn:hover { background: url(img/subscribeBtn.png) bottom left no-repeat; }

#popular .meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: 0 0 0 110px; }
#popular { list-style-type: none; }
#popular li { border-bottom: 1px dotted #d0d0d0; padding: 0 0 10px 0; margin: 0 0 7px 0; overflow: hidden; }
#popular li.last { border-bottom: 0 none!important; padding: 0!important; margin: 0!important; }
#popular .thumb { float: left; width: 100px; margin: 3px 10px 0 0; }
#popular .thumb img { border: 0 none; }
#popular h2 { font-size: 13px; line-height: 1.3; font-weight: normal; color: #1f1f1f; margin: 0 0 2px 110px; }
#popular h2 a { color: #151515; text-decoration: none; display: inline; }
#popular h2 a:hover { background: #ebebeb; color: #151515; }
#popular .pop { width: 25px; height: 25px; display: block; margin: 3px 5px 0 0; float: left; background: url(img/popular.png) no-repeat; }
#popular .pop1 { background-position: 0px 0px; }
#popular .pop2 { background-position: 0px -25px; }
#popular .pop3 { background-position: 0px -50px; }
#popular .pop4 { background-position: 0px -75px; }
#popular .pop5 { background-position: 0px -100px; }

#likebox { position: relative; overflow: hidden; width: 300px; height: 225px; background: #eee; margin: 5px 0 0 0; }
#likebox iframe { position: absolute; top: -1px; left: -1px; }

/* Footer */

#footer { min-height: 200px; background: url(img/footer_bg.png) bottom left repeat-x; }
#footerInner { margin: 0 auto; width: 960px; min-height: 200px; }
#copy { height: 46px; width: 960px; margin: 0 auto; }
#copy .left { float: left; color: #999999; text-transform: uppercase; font-size: 9px; padding: 18px 0 0 0; line-height: 16px; height: 15px; }
#copy .left img { margin: 0 10px 0 0; float: left; border: 0; }
#copy .right { float: right; color: #353535; padding: 15px 0 0 0; }
#copy .right ul { list-style-type: none; }
#copy .right ul li { display: inline; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #353535; text-transform: uppercase; font-size: 10px; }
#copy .right ul li.first { border-left: 0 none!important; }
#copy .right a { color: #fff; text-decoration: none; }
#copy .right a:hover { color: #999999; }

/* Other Stuff */

.wp-pagenavi { padding:4px 0 4px 0;margin:0; font-size: 12px; text-transform: uppercase; }
.wp-pagenavi a,.wp-pagenavi a:link {padding:4px 10px 4px 10px;text-decoration:none;color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi a:visited {text-decoration:none;color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi a:hover {color:#fff;background-color:#1cb8e4;}
.wp-pagenavi a:active {text-decoration:none;color:#fff;background-color:#1cb8e4;}
.wp-pagenavi span.pages {color:#bbbcbc;background-color:#FFF;}
.wp-pagenavi span.current {font-weight:bold;color:#fff;background-color:#cfd0d1; padding:4px 10px 4px 10px; }
.wp-pagenavi span.extend {margin:2px;color:#bbbcbc;background-color:#FFF;}

/* Comments */

#respond { margin: 15px 0 0 0; }
#respond p { margin: 0 0 15px 0; }
#respond p a { color: #2ba2c2; }
#respond input { padding: 3px; border: 2px solid #E9E9E9; }
#respond textarea { padding: 3px; border: 2px solid #E9E9E9; width: 620px; }
#respond .submit { border: 0 none; padding: 0; }

#comments ol { list-style-type: none; overflow: hidden; }
#comments ol ul { margin: 15px 0 0 0; }
#comments ol ul li { border: 0 none; padding: 0 0 0 30px; margin: 0; }
#comments ol li { border: 2px solid #E9E9E9; padding: 10px; overflow: hidden; margin: 0 0 15px 0; }
#comments ol li p { font-style: italic; }
#comments ol li p a { color: #2ba2c2; }
#comments ol li textarea { width: 98%; }

#comments .name { color: #2ba2c2; margin: 0 10px 0 0; background: url(img/arrow.png) left no-repeat; padding: 0 0 0 10px; }
#comments .name a { color: #2ba2c2; }
#comments .date a { color: #929292; text-transform: uppercase; font-size: 11px; }
#comments .comment-reply { color: #2ba2c2; display: block; float: right; text-transform: uppercase; font-size: 11px; }
.comment-meta { border-bottom: 1px solid #e7e7e7; padding: 0 0 5px 0; margin: 0 0 5px 0; overflow: hidden; }
.cancel-comment-reply a { padding: 0 0 10px 0; color: #2ba2c2; display: block; }
.subscribe-to-comments { font-size: 12px; }
.subscribe-to-comments a { color: #2ba2c2; }