/*

Resetting some stuff

*/

*{
margin: 0;
padding: 0;
border: none;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size: 100%;
}

a{
outline: none;
text-decoration: none;
color: inherit;
}

img{
border: none;
}

html{
width: 100%;
height: 100%
}

p{
padding-bottom: 2em;
}

b{
font-weight: bold;
}

i{
font-style: italic;
}

strong{
font-weight: bold;
}

em{
font-style: italic;
}

h2{
color: #3a3a3a;
font-size: 1.3em;
font-weight: bold;
letter-spacing: -0.3px;
text-shadow: #eeeeee 0 1px;
}

h3{
color: #2a2a2a;
font-weight: bold;
letter-spacing: -0.3px;
text-shadow: #eeeeee 0 1px;
}

h6{
color: #2a2a2a;
font-size: 0.8em;
font-weight: bold;
letter-spacing: -0.3px;
text-shadow: #eeeeee 0 1px;
}

h3 a:hover{
color: #000000;
}

body{
width: 100%;
height: 100%;
background-color: #dadada;
background-image: url(images/bg.png);
text-align: center;
line-height: 1.55em;
font-family: 'Helvetica', sans-serif;
/*font-family: 'Comic Sans', 'Comic Sans MS', cursive;*/
list-style-position: inside;
}

#container{
width: 800px;
margin: 0 auto;
overflow: hidden;
}

#preloadImages{
width: 0px;
height: 0px;
display: inline;
background-image: url(images/sheetBG.png);
}

/*

Generic Button Stuff

*/

.smallButton{
width: 100px;
height: 32px;
background-position: top-left;
}

.smallButton:hover{
background-position: bottom left;
}

.largeButton{
width: 120px;
height: 35px;
background-position: top-left;
}

.largeButton:hover{
background-position: bottom left;
}

.downloadButton{
background-image: url(images/buttons/large/download.png);
}

.moreInfoButtonSmall{
background-image: url(images/buttons/small/moreInfo.png);
}

.downloadButtonSmall{
background-image: url(images/buttons/small/download.png);
}

.releaseNotesButtonSmall{
background-image: url(images/buttons/small/releaseNotes.png);
}

.supportButtonSmall{
background-image: url(images/buttons/small/support.png);
}

.showHideButtonSmall{
background-image: url(images/buttons/small/showHide.png);
}

.purchaseButtonSmall{
background-image: url(images/buttons/small/purchase.png);
}

#pagination{
width: 600px;
height: 40px;
margin-bottom: 15px;
margin-top: -12px;
margin-left: 100px;
float: left;
}

.newerButtonSmall{
background-image: url(images/buttons/small/newer.png);
}

.olderButtonSmall{
background-image: url(images/buttons/small/older.png);
}

.floatLeft{
float: left;
}

.floatRight{
float: right;
}

/*

Header / nav stuff

*/

#navbar{
width: 800px;
height: 96px;
margin: 0 auto;
background-image: url(images/navbar.png);
background-position: top left;
}

#blogNav{
width: 800px;
height: 56px;
margin: 0 auto;
position: relative;
background-image: url(images/blogNav.png);
background-position: top left;
text-align: left;
}

#categoriesDropDownContainer{
width: 113px;
height: 30px;
float: left;
margin-top: 13px;
left: 30px;
position: absolute;
overflow: hidden;
background-position: top left;
background-image: url(images/categoriesButton.png);
background-repeat: no-repeat;
}

#categoriesDropDownContainer:hover{
width: 160px;
height: 330px;
background-position: top right;
}

#categoriesDropDownMenu{
width: 160px;
z-index: 2;
overflow: hidden;
margin-top: 30px;
}

#ddTop{
width: 160px;
height: 42px;
background-image: url(images/dd-top.png);
}

#ddMid{
width: 135px;
padding-left: 25px;
text-align: left;
color: #2a2a2a;
font-size: 12px;
text-shadow: #ffffff 0 1px;
list-style-position: inside;
background-image: url(images/dd-mid.png);
}

#ddMid a:hover{
font-weight: bold;
color: #4a4a4a;
}

#ddBottom{
width: 160px;
height: 30px;
background-image: url(images/dd-bottom.png);
}

#RSS{
width: 25px;
height: 25px;
float: left;
margin-left: 745px;
margin-top: 13px;
background-image: url(images/rss.png);
background-position: top left;
}

#RSS:hover{
background-position: bottom left;
}

#name{
width: 225px;
height: 75px;
float: left;
margin-top: 10px;
margin-left: 15px;
background-image: url(images/name.png);
background-position: top left;
}

#name:hover{
background-position: bottom left;
}

#pages{
height: 100px;
float: right;
margin-right: 15px;
}

.pageLink{
display: block;
width: 100%;
height: 100%;
}

.home{
float: left;
width: 75px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/home.png);
background-position: top left;
}

.homeSelected{
float: left;
width: 75px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/home.png);
background-position: bottom left;
}

.home:hover{
background-position: center left;
}

.blog{
float: left;
width: 67px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/blog.png);
background-position: top left;
}

.blogSelected{
float: left;
width: 67px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/blog.png);
background-position: bottom left;
}

.blog:hover{
background-position: center left;
}

.apps{
float: left;
width: 69px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/apps.png);
background-position: top left;
}

.appsSelected{
float: left;
width: 69px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/apps.png);
background-position: bottom left;
}

.apps:hover{
background-position: center left;
}

.freebies{
float: left;
width: 101px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/freebies.png);
background-position: top left;
}

.freebiesSelected{
float: left;
width: 101px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/freebies.png);
background-position: bottom left;
}

.freebies:hover{
background-position: center left;
}

.about{
float: left;
width: 78px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/about.png);
background-position: top left;
}

.aboutSelected{
float: left;
width: 78px;
height: 100px;
margin-left: 3px;
margin-right: 3px;
background-image: url(images/pages/about.png);
background-position: bottom left;
}

.about:hover{
background-position: center left;
}

#content{
padding-top: 25px;
width: 800px;
margin: 0 auto;
overflow: hidden;
}

#content ul{
margin-bottom: 2em;
font-size: 0.95em;
padding-left: 20px;
}

#footer{
width: 780px;
height: 52px;
padding-right: 20px;
margin: 0 auto;
margin-bottom: 30px;
background-image: url(images/legend.png);
}

.footerText{
padding-top: 15px;
width: 400px;
margin-left: 20px;
float: left;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #2a2a2a;
text-shadow: #ffffff 0px 1px;
}

#footer h6{
color: #6a6a6a;
font-size: 0.7em;
}

/* 

Banner

*/


.banner{
margin-bottom: 30px;
overflow: hidden;
float: left;
}

.mediaItemBanner{
width:800px;
height: 300px;
float: left;
}

.bannerBottom{
width: 800px;
height: 53px;
float: left;
background-image: url(images/bannerBottom.png);
background-position: top-left;
}

.bbTitle{
float: left;
font-weight: bold;
size: 18px;
margin-top: 16px;
margin-left: 30px;
}

.bannerDownloadButton{
float: right;
margin-top: 11px;
margin-right: 20px;
}

.bottomBoxTitle{
float: left;
margin-left: 30px;
margin-top: 25px;
}

#blogposts{
width: 515px;
height: 330px;
float: left;
margin-bottom: 30px;
background-image: url(images/mainpage/blogposts.png);
background-position: top left;
background-repeat: no-repeat;
}

#postTitles{
width: 485px;
height: 240px;
float: left;
margin-left: 10px;
margin-top: 14px;
color: #2a2a2a;
font-size: 14px;
text-align: left;
}

#postTitles ul{
list-style: none;
margin-left: 10px;
}

#postTitles li{
width: 485px;
float: left;
margin-bottom: 1em;
text-shadow: #dddddd 0px 1px;
}

#postTitles a{
float: left;
width: 485px;
height: 20px;
}

#postTitles span{
width: 485px;
float: left;
font-size: 11px;
color: #444444;
padding-left: 5px;
}

#postTitles a:hover{
text-shadow: #3ccaff 0px 0px 4px;
}

#blogButton{
float: right;
margin-right: 25px;
margin-top: 21px;
background-image: url(images/buttons/small/readMore.png);
}

#tweets{
width: 255px;
height: 330px;
float: left;
margin-left: 30px;
margin-bottom: 30px;
background-image: url(images/mainpage/tweets.png);
background-position: top left;
background-repeat: no-repeat;
}

#twitter_div{
width: 220px;
height: 330px;
float: left;
margin-left: 10px;
margin-top: 14px;
color: #2a2a2a;
font-size: 12px;
text-align: left;
list-style-position: inside;
}

#twitter_div ul{
list-style: none;
text-shadow: #dddddd 0px 1px;
}

#twitter_div li{
float: left;
width: 210px;
line-height: 1.75em;
margin-bottom: 1em;
}

#twitter_div li a{
font-style: italic;
color #aaaaaa;
margin-left: 5px;
}


#twitter_div li span a {
font-style: normal;
color: #001f32;
margin-left: 0px;
}

#twitter_div li a:hover{
text-shadow: #3ccaff 0px 0px 4px;
}

#followUsButton{
float: right;
margin-right: 25px;
margin-top: 21px;
background-image: url(images/buttons/small/followUs.png);
}

/*

Freebies section

*/

#legend{
width: 800px;
height: 52px;
float: left;
margin-bottom: 30px;
background-image: url(images/legend.png);
}

#legend span{
margin-top: 15px;
text-align: left;
font-size: 12px;
font-weight: bold;
color: #2a2a2a;
text-shadow: #ffffff 0px 1px;
}

#legend img{
float: left;
margin-top: 3px;
margin-right: 10px;
}

#legend a:hover{
color: #000000;
}

.spanLeft{
float: left;
margin-left: 30px;
}

.spanRight{
float: right;
margin-right: 30px;
}


.freebie{
width: 800px;
height: 221px;
float: left;
margin-bottom: 30px;
background-image: url(images/freebieBG.png);
}

.freebiePreview{
width: 495px;
height: 185px;
float: left;
margin-left: 20px;
margin-top: 18px;
}

.freebieInfoContainer{
width: 245px;
height: 171px;
float: left;
margin-left: 15px;
margin-top: 25px;
}

.freebieTitle{
width: 245px;
float: left;
text-align: left;
}

.freebieDescription{
width: 245px;
height: 90px;
float: left;
margin-top: 10px;
text-align: left;
font-size: 12px;
line-height: 1.35em;
color: #2a2a2a;
text-shadow: #dddddd 0px 1px;
}

.freebieDownloadButton{
float: left;
margin-top: 15px;
}

.freebieIcon{
width: 16px;
height: 16px;
float: right;
margin-left: 10px;
margin-top: 25px;
}

/*

Blog posts	
	
*/

.blogPost{
width: 600px;
float: left;
margin-left: 100px;
margin-bottom: 10px;
overflow: hidden;
}

.postIcon{
width: 32px;
float: left;
height: 32px;
}

.postTitle{
text-align: left;
float: left;
width: 553px;
margin-left: 15px;
margin-top: 6px;
}

.postContent{
float: left;
width: 600px;
text-align: left;
font-size: 14px;
color: #2a2a2a;
margin-top: 15px;
text-shadow: #eeeeee 0px 1px;
}

.postContent h2{
margin-bottom: 0.75em;
}

.postContent h3{
margin-bottom: 0.75em;
}

.postContent a{
font-weight: bold;
color: #3a3a3a;
}

.postContent a:hover{
text-shadow: #3ccaff 0px 0px 4px;
}

.postContent img{
padding-bottom: 1em;
}

.postBottom{
width: 600px;
height: 52px;
float: left;
background-image: url(images/blogPostBottom.png);
margin-bottom: 30px;
}

.singlePostBottom{
text-align: center;
padding-top: 15px;
height: 37px;
}

.keepReadingButton{
float: left;
margin-top: 10px;
margin-left: 10px;
background-image: url(images/buttons/large/keepReading.png);
}

.postInfo{
float: right;
margin-top: 15px;
margin-right: 20px;
text-align: left;
color: #3a3a3a;
font-size: 12px;
text-shadow: #eeeeee 0px 1px;
}

.singlePostInfo{
float: none;
margin-top: 0px;
}

.postInfo a{
font-weight: bold;
}

.postInfo a:hover{
color: #000000;
}

/*

Pages

*/

.pageTitle{
text-align: left;
float: left;
width: 553px;
}

/*
	About page	
*/

.person{
width: 600px;
overflow: hidden;
margin-bottom: 20px;
float: left;
}

.personHead{
float: left;
}

.personLeft{
width: 175px;
overflow: hidden;
float: left;
color: #4a4a4a;
font-size: 0.9em;
font-style: italic;
}

.personList{
float: left;
margin-left: -15px;
}

.personRight{
width: 425px;
float: left;
}

.personRight p{
font-size: 0.9em;
padding-bottom: 12px;
}

/*
	Apps page
*/

.app{
width: 800px;
height: 166px;
float: left;
background-image: url(images/appBG.png);
margin-bottom: 30px;
}

.appIcon{
width: 128px;
height: 128px;
float: left;
margin-left: 20px;
margin-top: 20px;
}

.appInfo{
width: 596px;
height: 128px;
float: left;
text-align: left;
margin-left: 36px;
margin-top: 20px;
}

.appTitle{
float: left;
}

.appDescription{
width: 596px;
height: 70px;
float: left;
margin-top: 5px;
text-align: left;
font-size: 12px;
line-height: 1.35em;
color: #2a2a2a;
text-shadow: #dddddd 0px 1px;
}

.appDescriptionNoButtons{
width: 596px;
height: 70px;
float: left;
margin-top: 20px;
text-align: left;
font-size: 12px;
line-height: 1.35em;
color: #2a2a2a;
text-shadow: #dddddd 0px 1px;
}

.appPreviewTitle{
width: 596px;
text-align: center;
float: left;
margin-top: 50px;
}

.appBottom{
float: left;
height: 32px;
width: 596px;
}

/*
	Support page
*/

.supportInfoBlock{
width: 800px;
float: left;
margin-bottom: 30px;
text-align: left;
}

.supportSection{
width: 800px;
height: 52px;
float: left;
margin-bottom: 30px;
background-image: url(images/legend.png);
}

.supportQuestion{
width: 800px;
float: left;
margin-bottom: 20px;
padding-bottom: 15px;
overflow: hidden;
background-image: url(images/supportSep.png);
background-position: bottom left;
background-repeat: repeat-x;
font-weight: normal;
font-size: 13px;
text-shadow: #ffffff 0px 1px;
}

.supportAnswer{
margin-bottom: 30px;
padding-bottom: 0px;
overflow: hidden;
background-image: none;
}

.supportQuestionLeft{
width: 200px;
float: left;
font-size: 13px;
color: #565656;
font-weight: bold;
font-style: italic;
text-align: left;
text-shadow: #ffffff 0px 1px;
}

.supportQuestionRight{
width: 570px;
float: left;
margin-left: 30px;
font-size: 14px;
color: #2a2a2a;
text-shadow: #ffffff 0px 1px;
text-align: left;
}

.supportQuestion a{
font-weight: bold;
}

.supportQuestion a:hover{
text-shadow: #3ccaff 0px 0px 4px;
}

.supportItem{
width: 780px;
min-height: 91px;
overflow: hidden;
float: left;
padding-right: 20px;
background-image: url(images/supportBG.png);
background-repeat: no-repeat;
margin-bottom: 30px;
}

.supportItemIcon{
width: 48px;
height: 48px;
float: left;
margin-left: 20px;
margin-top: 20px;
}

.supportItemTitle{
margin-left: 40px;
margin-top: 35px;
font-size: 18px;
float: left;
}

.supportPageButton{
margin-top: 32px;
}

.appSpecificSupport{
width: 800px;
overflow: hidden;
float: left;
}

#notifySupport{
display: none;
}

#supportToggle{}

/*
	Single app page
*/

#appHeader{
width: 800px;
height: 300px;
float: left;
margin-bottom: 20px;
}

.buttonMargin{
margin-top: 12px;
}

.leftButton{
margin-left: 10px;
}

.appTagline{
width: 800px;
float: left;
text-align: left;
margin-bottom: 30px;
text-shadow: #ffffff 0px 1px;
}

.appTagline h2{
width: 100%;
margin-bottom: 10px;
font-size: 0.75em;
}

.appTaglineInfo{
font-size: 14px;
color: #2a2a2a;
}

.screenshots{
width: 780px;
padding-left: 10px;
padding-right: 10px;
height: 190px;
float: left;
background-image: url(images/screenshotBG.png);
margin-bottom: 30px;
}

.appScreenshot{
width: 182px;
height: 170px;
margin: 0 auto;
float: left;
margin-left: 6px;
margin-right: 6px;
margin-top: 20px;
}

.appScreenshot span{
float: left;
width: 100%;
text-align: center;
margin-top: 10px;
font-size: 12px;
font-weight: bold;
text-shadow: #dddddd 0px 1px;
}

.appScreenshotPro{
background-color: #aaaaaa;
border: solid 1px #858585;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.appScreenshot img{
margin-top: 12px;
}

.screenshotBacking{
width: 182px;
height: 120px;
background-image: url(images/screenshotBack.png);
}

.features{
width: 800px;
float: left;
margin-bottom: 10px;
overflow: hidden;
}

.feature{
width: 390px;
height: 200px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.featureLeft{
width: 128px;
height: 200px;
float: left;
text-align: left;
}

.featureRight{
width: 252px;
padding-left: 10px;
height: 200px;
float: left;
text-align: left;
font-size: 12px;
text-shadow: #ffffff 0px 1px;
}

.featureRight h2{
margin-bottom: 10px;
}

.wideFeature{
width: 800px;
text-align: left;
font-size: 12px;
color: #4a4a4a;
text-shadow: #eeeeee 0px 1px;
text-align: center;
margin-bottom: 15px;
}

.wideFeature a{
font-weight: bold;
}

.wideFeature a:hover{
text-shadow: #3ccaff 0px 0px 4px;
}

.pressComments{
width: 800px;
float: left;
margin-bottom: 30px;
}

.pressComments h2{
width: 785px;
height: 37px;
padding-left: 15px;
padding-top: 15px;
float: left;
margin-bottom: 20px;
background-image: url(images/legend.png);
text-align: left;
text-shadow: #dddddd 0px 1px;
}

.singleComment{
width: 266px;
height: 75px;
float: left;
text-align: left;
}

.commentText{
width: 100%;
font-family: "Georgia";
font-style: italic;
text-shadow: #eeeeee 0px 1px;
color: #2a2a2a;
font-size: 16px;
}

.commentAuthor{
padding-left: 10px;
font-family: "Georgia";
font-style: italic;
text-shadow: #ffffff 0px 1px;
color: #4a4a4a;
font-size: 13px;
margin-top: 6px;
}

.storeItem{
width: 600px;
height: 129px;
float: left;
margin-bottom: 30px;
}

.storeItem p{
float: left;
width: 462px;
margin-left: 10px;
padding-bottom: 0px;
}

.storeButton{
float: left;
margin-left: 10px;
margin-top: 10px;
}

.storeItemIcon{
float:left;
width: 128px;
height: 128px;
}

.storeItemTitle{
float: left;
margin-left: 10px;
}

/*
	Wordpress Defaults
*/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}