/*
Theme Name: AppsMug
Theme URI: http://www.cssjockey.com
Description: Custom WordPress Theme for AppsMug.com.
Version: 1.01
Author: CSSJockey
Author URI: http://www.cssjockey.com
**** DO NOT EDIT THE INFORMATION ABOVE, THEME MIGHT RENDER USELESS! ****
*/
/*
 * Reset Styles
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite,
del, dfn, font, img, ins, kbd, q, s, samp, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, .reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
img{
    outline:0;
    border:none;
}
h1, h2, h3, h4, h5, h6{
    font-weight:bold;
    margin:0 0 0px 0;
    padding:0px;
}
ol, ul {
    list-style:inherit;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
    border-left:3px solid #CCC;
    padding:0px 0 0px 7px;
    margin-left:10px;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
h1{
    font-size:18pt;
}
h2{
    font-size:16pt;
}
h3{
    font-size:14pt;
}
h4{
    font-size:12pt;
}
h5{
    font-size:10pt;
}
h6{
    font-size:8pt;
}
.textleft{
    text-align:left;
}
.textright{
    text-align:right;
}
.textcenter, .aligncenter{
    text-align:center;
}
.textjustify{
    text-align:justify;
}
.casenormal{
    text-transform: none;
}
.hidden{
    display:none;
    visibility:hidden;
}
.alignleft{
    float:left;
}
.alignright{
    float:right;
}
small{
    font-size:90%;
}
b, strong{
    font-weight:bold;
}
code{
    font-family:"Courier New", Courier, monospace;
}
.clearfix:after {
    clear: both;
    display: block;
    content: " ";
    height: 0px;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
li.clearfix {
    display: list-item;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright{
    margin:10px 0 10px 10px;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin:10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 1px solid #999;
}
.wp-caption p.wp-caption-text {
    font-size: 90%;
    padding: 3px 0 3px 0;
    margin: 0;
}
.floatleft{
    float:left;
}
.floatright{
    float:right;
}
.clear{
    clear: both;
    display: block;
    height: 0px;
    visibility: hidden;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.dropdown {
    position: relative;
    z-index: 597;
    float: left;
}
ul.dropdown li {
    float: left;
    vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}
ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 200px;
}
ul.dropdown ul li {
    float: none;
}
ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}

/*
 * Main Structure
*/

body{
    background:#FFFFFF url(images/bg.jpg);
    color: #454545;
    font:normal 10pt 'Tahoma';
}
a{
    color: #0091bf;
}
a:hover{
    color: #e77600;
}
#bg{
    background: url(images/header-bg.jpg) repeat-x;
}
#wrapper{
    width: 1000px;
    margin: 0 auto;
}
/* Header Styles*/
#header{
    height: 221px;
    background: url(images/welcome-bg.jpg) bottom left no-repeat;
    position: relative;
}
#logo{
    position: absolute;
    top: 21px;
    right: 0px;
}
#welcome-msg{
    position: absolute;
    top:70px;
    left: 25px;
    width: 450px;
    height: 130px;
    line-height: 1.6;
}
#welcome-msg h2{
    font:normal 21pt Georgia;
    padding: 0 0 3px 0;
    /* color: #e77600; */
}
#welcome-msg p{
    margin: 0 0 7px 0;
    font-size: 9pt;
}
#welcome-msg h4{
    font:normal 14pt Georgia;
    padding: 7px 0 7px 0;
    line-height: 1.3;
    color: #e77600;
}
#download-app{
    background: url(images/download.png) no-repeat;
    width: 155px;
    height: 59px;
    position: absolute;
    top:103px;
    left: 307px;
}
.vinfo{
    line-height: 1.4;
}
#top-nav{
    position: absolute;
    right: 0px;
    top: 176px;
    height: 42px;
    width: 500px;
}
#top-nav ul{
    padding:0 0 0 3px;
}
#top-nav ul li{
    list-style: none;
}
#top-nav ul li a{
    display: block;
    float: left;
    height: 29px;
    color: #FFF;
    font:normal 11pt "Trebuchet MS";
    padding:13px 17px 0 13px;
    background: url(images/topnav-sep.gif) right bottom no-repeat;
}
#top-nav ul li a:hover{
    color: #e77600;
}

#toplinks{
    padding: 18px 0 0 10px;
}
#toplinks li{
    display: block;
    float: left;
    list-style: none;
    background: url(images/toplinks-bg.png);
    padding:5px 8px 5px 8px;
    margin: 0 5px 0 0;
}
#toplinks li:hover{
    background: #000000;
}
#toplinks li a{
    color: #FFF;
    padding:0 0 0 21px;
    font-family: "Trebuchet MS";
}
.icon-rss{
    background: url(images/icon-rss.gif) 0px 1px no-repeat;
}
.icon-twitter{
    background: url(images/icon-twitter.gif) 0px 1px no-repeat;
}
.icon-facebook{
    background: url(images/icon-facebook.gif) 0px 1px no-repeat;
}



/** Content **/
#content-holder{
    background: url(images/content-bg.jpg) repeat-y;
}
#content{
    width: 505px;
    padding:25px 20px 0 0;
}

/** Sidebar Styles **/
#sidebar{
    width: 320px;
    margin: 0 10px 0 0;
    padding:25px 0 0 0;
}
#s{
    width: 280px;
    border: 0px;
    background: url(images/search.gif) right no-repeat;
    font:italic 9pt Georgia;
    color: #858585;
    padding:7px 10px 7px 10px;
}
#s:hover{
    background: url(images/search-hover.gif) right no-repeat;
}
.widget, .bigwidget, .miniwidget{
    background: url(images/widget-bg.jpg);
    padding:10px;
    margin: 0 0 15px 0;
}
.widget h2{
    font: bold 9pt "arial";
    background: #000 url(images/widget-head.gif) repeat-x;
    padding: 9px 10px 8px 10px;
    margin: 0px 0 5px 0;
    text-align: center;
    color: #1c1c1c;
}
.widget ul, .widget p{
    padding:0 10px 10px 10px;
}
.widget p{
    line-height: 1.5;
}
.widget125 .widgetcontent{
    padding: 0px;
}
.widget ul li{
    list-style: none;
    padding: 3px 0 3px 0;
    border-bottom: 1px dashed #e1e1e1;
}
.twocolumn li{
    width: 50%;
    float: left;
    margin: 0 0px 0 0;
    text-align: center;
}
.widget a{
    color: #0091bf;
}
.widget a:hover{
    color: #e77600;
}
#sidebartwocontainer{
    clear: both;
}
#sidebartwocolumn1{
    width:155px;
    margin: 0 10px 0 0;
}
#sidebartwocolumn2{
    width:155px;
}
.widgetcontent{
    background: #FFF;
    padding:0 0 0px 0;
}
#sidebar125{
    width: 145px;
    padding: 25px 0 0 0;
}
/*
 * WordPress Post Styles
*/

.post{
    clear: both;
    line-height:1.5;
    padding:0 0 50px 0;
}
.post-head{
    background: url(images/post-head.jpg) no-repeat;
    height: 75px;
}
.post-head2{
    background: url(images/post-head2.jpg) no-repeat;
    height: 51px;
}
.post-title2{
    padding:9px 0 0 20px;
    font:bold 15pt "Trebuchet MS";
    color: #FFF;
    text-align: center;
}
.post-title2 a{
    color: #FFF;
}
.post-meta{
    position: relative;
    color: #FFF;
    font-size: 8pt;
    font-weight: bold;
    background: #000;
    font-family: Arial;
}
.post-meta a{
    color: #e6f9ff;
}
.post-meta a:hover{
    color: #2a2a2a;
}
.post-cat{
    position: absolute;
    margin:0 20px 0 20px;
    top:5px;
    width: 465px;
    text-align: center;
}
.post-downloads{
    position: absolute;
    top:5px;
    right: 30px;
}
.post-title{
    padding:32px 0 0 0px;
    font:normal 15pt Arial;
    color: #FFF;
    text-align: center;
}
.post-title a{
    color: #FFF;
}
.post p{
    margin:0 0 15px 0;
}
.entry{
    padding:10px 20px 0 20px;
}
.entry h2, .entry h3,.entry h4{
    padding: 0 0 5px 0;
    color: #444444;
    font-family: "Trebuchet MS";
}
.thumbinfo{
    padding: 0 0 10px 0;
}
.appinfoul{
    background: #f4f4f4;
    width: 202px;
    margin: 0px 0 0 15px !important;
    padding: 0px !important;
    font-size: 8pt;
    border: 1px solid #dddddd;
    border-bottom: 0px solid #dddddd;
}
.appinfoul li{
    list-style: none;
    margin: 0px !important;
    padding: 3px 5px 3px 5px !important;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}
.thumbimg{
    width:240px;
    height: 88px;
    border: 3px solid #DDDDDD;
    margin: 0px;
    padding: 0px;
}
.iconlink{
    background: url(images/link.gif) no-repeat;
    padding:0 5px 0 18px;
}
.icondownload{
    background: url(images/download.gif) no-repeat;
    padding:0 5px 0 18px;
}
.post-bottom{
    background: #FFFFFF url(images/post-bottom.jpg) repeat-x;
    margin: 0 10px 0 10px;
    font:bold 8pt Arial;
    padding: 0px 10px 0px 10px;
    height: 38px;
    position: relative;
}
.reviews{
    position: absolute;
    top:13px;
}
.iconreview{
    background: url(images/review.gif) no-repeat;
    padding:0 5px 0 18px;
}
.pinfo{
    position: absolute;
    top:12px;
    right: 10px;
}
.post dl{
    margin:0;
    padding:0;
}
.post dl dt{
    margin:0;
    padding:0;
    font-weight: bold;
}
.post dl dd{
    margin: 0 0 1em 1em;
    padding: 0;
}
.post ul{
    margin:0 0 15px 30px;
}
.post ol{
    list-style:decimal !important;
    margin:0 0 15px 35px;
}
.post ul li, .post ol li{
    margin:0 0 3px 0;
}
.navigation{
    text-align: center;
    margin: 0 0 20px 0;
}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#1c1c1c; border:1px solid #000; color:#CCCCCC; margin-right:4px; padding:3px 8px 3px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#0091bf; color:#FFFFFF; border:1px solid #00465d;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:5px;}
.wp-paginate .current {background:#00c1ff; border:1px solid #00516b; color:#FFFFFF; margin-right:4px; padding:3px 8px 3px 8px; text-align:center; text-decoration:none;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


blockquote:before, blockquote:after, q:before, q:after {
    content : "";
}

blockquote, q {
    quotes : "";
    border-left : 2px solid #ccc;
    padding : 0 0 0 7px;
    margin-left : 10px;
    font-style:italic;
}
pre code {
    font-family : "Courier New", Courier, monospace;
}
.post table{
    width:80% !important;
    margin:0 0 20px 0;
}
.post table th{
    text-align:center;
    background:#efefef;
    padding:5px;
}
.post table td{
    padding:5px;
    border-top:1px solid #efefef;
}
.post tr{
    background:#f1f1f1;
}
.post tr.alternate{
    background:#FFFFFF !important;
}


/*
 * WordPress Calendar widget
*/

#wp-calendar{
    width:100%;
    color:#CCC;
}
#wp-calendar caption{
    text-align:center;
    font-size:9pt;
    text-transform:uppercase;
    font-weight:bold;
    padding:0 0 5px 0;
}
#wp-calendar th {
    text-align:center;
    font-weight:bold;
}
#wp-calendar tr td{
    text-align:center;
    padding:3px;
}
#wp-calendar a{
    font-weight:bold;
}
/** Image Caption Styles **/
.wp-caption{
    margin:0 0 10px 0;
    padding:4px 0px 3px 0px;
    background:#FFFFFF;
    border:1px solid #cccccc;
    text-align:center;
}
.wp-caption p{
    margin:3px 0px 0px 0px !important;
    padding:0px !important;
    font-size:85%;
}
.alignright{
    float:right;
    margin-left:10px;
}
.alignleft{
    float:left;
    margin-right:10px;
}
.aligncenter{
    margin:0 auto;
    text-align:center;
    margin-bottom:10px;
}

/* Footer */
#footer-holder{
    background: url(images/footer-bg.gif) repeat-x;
}
#footer{
    width: 1000px;
    margin: 0 auto;
}
#footer a:hover{
    color: #FFF;
}
#footerlogo{
    background: url(images/footer-logo.gif) no-repeat;
    height: 150px;
    position: relative;
}
#footsubscribe{
    position: absolute;
    top: 0px;
    left: 20px;
    width: 465px;
    height: 110px;
    background: #efefef;
}
.fsubmit{
    width: 225px;
    height: 39px;
    display: block;
    background: url(images/submitapp.gif) no-repeat;
    margin: 0 auto;
}
#footsubscribe h2{
    font:bold 9pt 'arial';
    color: #FFFFFF;
    padding:5px 10px 5px 10px;
    background: #1c1c1c;
    text-transform: uppercase;
}
#footsubscribe p{
    padding:10px 10px 0 10px;
}
#footerlogolink{
    position: absolute;
    top: 45px;
    right: 50px;
    width: 400px;
    height: 93px;
    display: block;
}
#footer-social{
    padding:0 10px 20px 10px;
}
#footer-twitter{
    background:url(images/footer-twitter-feed.gif) no-repeat;
    height: 93px;
    width: 351px;
    padding:20px 0 0 134px;
    font:italic 11pt Georgia;
    color: #FFF;
}
#footer-twitter ul li{
    list-style: none;
    line-height: 1.6;
}
#social-icons{
    width: 485px;
    text-align: center;
    padding:15px 0 0 0;
    font:italic 14pt Georgia;
    color: #FFF;
}
#social-icons ul{
    padding:20px 0 0 0;
}
#social-icons ul li{
    list-style: none;
    display: inline;
}
#footer-links{
    background: url(images/footsep.gif) repeat-x;
    padding: 0 0 15px 0;
}
.footwidget{
    width: 290px;
    margin: 0 20px 0 10px;
}
.footwidget h2{
    padding:10px 0 10px 0;
    font:normal 14pt "Trebuchet MS";
    color: #FFF;
}
.footwidget ul li{
    list-style: none;
}
.footwidget ul li a{
    display: block;
    background: url(images/toplinks-bg.png);
    padding: 5px 7px 5px 7px;
    margin: 0 0 5px 0;
}
.footwidget ul li a:hover{
    background: #0c0c0c url(images/toplinks-bg.png);
}
.footwidgetbig{
    width:350px;
}
.footwidgetbig h2{
    padding:10px 0 10px 0;
    font:normal 14pt "Trebuchet MS";
    color: #FFF;
}
#footerabout{
    line-height: 1.6;
    color: #999999;
    font-size: 9pt;
    font-family: 'arial';
}
.cjlogo{
    padding:10px 0 0 0;
}
#copyright{
    background: url(images/footsep.gif) repeat-x;
    padding:15px 0 50px 0;
    text-align: center;
    font:bold 8pt Arial;
    line-height: 1.8;
}
/** Extra Styles **/
.user-profile{
    padding:5px 10px 10px 10px;
}
.user-profile ul{
    width: 168px;
    font-size: 10pt;
}
.nlmsg{
    width: 185px;
    font-size: 8pt;
    padding:3px 0 0 0;
}
.user-avtar img{
    border: 1px solid #CCC;
}
/** Theme Form Styles **/
#commentform{
    padding: 0 0 25px 0;
}
.appsmugform p, #commentform p{
    margin: 0 0 5px 0;
    padding: 5px 10px 7px 10px;
    border: 1px solid #FFFFFF;
}
.appsmugform label, #commentform label{
    display: block;
    font:bold 9pt 'arial';
    padding: 0 0 3px 0;
}
.appsmugform .inputbox, #commentform .inputbox{
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px 5px 5px 5px;
    width: 432px;
    font:normal 10pt Arial;
    color: #686868;
}
.apselectbox{
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px 5px 5px 5px;
    width: 444px;
    font:normal 10pt Arial;
    color: #686868;
}
.aptextarea, textarea#comment{
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px 5px 5px 5px;
    width: 432px;
    height: 70px;
    font:normal 10pt Arial;
}
.linkfix a{
    color: #bfbbba;
}
.highlight{
    background: #fefacb;
    border: 1px solid #d8c282 !important;
}
.apperror{
    color: #990000;
}
.apperrorp{
    background: #f2c4c4;
    border: 1px solid #dea6a6 !important;
}
.cj-textarea{
    width: 320px !important;
}
/** Comments Styles **/
#comments{
    background: url(images/post-head2.jpg) no-repeat;
    text-align: center;
    padding:10px 0 0 20px;
    font:normal 13pt Arial;
    color: #FFF;
    text-align: center;
    margin: -10px 0 10px 0;
    height: 41px;
}
#reviews{
    margin: 0 20px 0 20px;
}
.comment-container{
    background: url(images/comments-content.gif) repeat-y;
    margin: 0 0 20px 0px;
}
.comments-top{
    height: 56px;
    background: #FFF url(images/comments-top.gif) bottom no-repeat;
    position: relative;
}
.comments-top img{
    position: absolute;
    top: 0px;
    left: 8px;
    border: 1px solid #ddd;
}
.comments-top div.comment-author{
    position: absolute;
    top: 0px;
    left: 70px;
}
.comment-date{
    font-size: 8pt;
    padding:5px 0 0 0;
}
.comment-author .username{
    font-weight: bold;
}
.comments-bottom{
    background: url(images/comments-bottom.gif) no-repeat;
    height: 13px;
}
.comment-text{
    padding:0 15px 0 15px;
}
.comment-text p{
    padding: 3 0 3px 0;
    line-height: 1.6;
}
.respond{
    background: url(images/post-head2.jpg) center no-repeat;
    text-align: center;
    padding:10px 0 0 20px;
    font:normal 13pt Arial;
    color: #FFF;
    text-align: center;
    margin: 0px 0 10px 0;
    height: 41px;
}
.mustloggedin{
    text-align: center;
    margin: 0 0 70px 0;
}
.scroll{
    height: 500px;
    overflow: scroll;
    width: 465px !important;
    background: #efefef;
    margin: 0 auto;
}

/** UI Styles **/
#progressbar{
    position: relative;
}
.profile-percent{
    position: absolute;
    top:4px;
    width: 280px;
    text-align: center;
    font-size: 8pt;
}
.profile-percent a{
    color: #ffffff !important;
    font-weight: bold;
}
.widget-connect{
    font-size: 8pt;
    padding: 5px 0 0 0;
    text-align: center;
}

/** My Downlaods **/
.downlaods{
    padding:5px;
    border-bottom:1px dashed #efefef;
}
/** Members **/
.members{
    margin: 0px !important;
    padding: 0px !important;
    width: 465px;
    margin: 0 auto;
}
.members li{
    margin: 0px 7px 10px 7px !important;
    padding: 5px 0 0 0 !important;
    list-style: none;
    display: block;
    float: left;
    width: 100px;
    background: #f6f6f6;
    border: 1px solid #e8e8e8;
    text-align: center;
    font-size: 8pt !important;
}
.muser{
    display: block;
    padding: 3px 0 3px 0px;
}
.members-avatar img{
    padding:0px !important;
    margin: 5px 5px 0px 5px !important;
}
.member-info{
    position: relative;
}
.member-info p{
    margin: 0 0 0px 0 !important;
    padding:0 0 0 0 !important;
    line-height: 1.5;
}
.mdesc, .mname{
    font-size: 8pt !important;
}
.msocial{
    display: block;
    position: absolute;
    top: 73px;
    right: 5px;
    padding: 3px 5px 3px 5px;
    background: #FFFFFF;
}
.mfacebook{
    background: url(images/mfacebook.gif) no-repeat;
    padding:0 1px 3px 12px;
}
.mtwitter{
    background: url(images/mtwitter.gif) no-repeat;
    padding:0 1px 3px 12px;
}
.mlinkedin{
    background: url(images/mlinkedin.gif) no-repeat;
    padding:0 0 0 12px;
}
/** Contact Forms **/
.ytextarea{
    background: #FFF;
    border: 1px solid #CCC;
    padding: 5px 5px 5px 5px;
    width: 432px;
    height: 100px;
    font:normal 10pt Arial;
}
#recaptcha_table{
    margin: -10px 0 0 10px !important;
}
.registercaptcha{
    float: right;
    padding: 10px 30px 0 0;
}
.sappcaptcha{
    padding: 10px 0 20px 0;
}
.yerrormsg{
    font-weight: bold;
    color: #990000;
}
small{
    font-size: 8pt;
}