/* CSS Document */

/*
Theme Name: yycApps Custom Theme
Theme URI: http://www.amradillostudios.ca 
Description: Custom Theme WP Theme create for the yycApps Web Site
Version: 1.5
Author: Connor Turner 

*/

/* Global Stylings
---------------------------------------------------------------------------------------------- */
*
{
padding:0px;
margin:0px;
}

/* Colors
white: #FFFFFF    	Light Blue: #XXXX 	 	Dark Blue: #XXXXX  */

/* 
------------------------------------------------------------------------------------------------- */

body{
background-image:url(http://www.yycapps.com/images/bodyBk.png);
background-repeat:repeat;
background-position: top left;
color:#5f5f5f;
background-color: #000;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.25em;
}


 h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
{ 
margin:9px 0; 
}

a
{
color:#0F2F4F;
text-decoration:none;
}

a:hover, a:visited, a:active
{border:none;}

a img{ border:none; }

.clear
{
clear:both;
display:block;
}

.sep
{
display:block;
border-top: 1px solid #cccccc;
width:70%;
margin-left:100px;
margin-top: 18px;
}

strong
{
color:#333333;
font-weight:bold;
}

p
{
font-size:0.85em;
letter-spacing:0;
line-height:1.3em;
padding:9px 0 0;
}

img{border:none;}

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; padding-right: 10px;}
.right{ float:right; padding-left: 10px;}
.center{float: center;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
strong{ font-weight: bold;}
small {font-size:0.50em;}
code {padding: 10px 0px;  color: #111111; }

blockquote {
border-left:2px solid #DFDFDF;
color:#7F7F7F;
font-size:1em;
font-style:italic;
margin:0 0 0 15px;
padding:0 10px 9px 15px;} 

.readmore {background-color:#AFAFAF; color:#5f5f5f; padding: 3px 5px; text-transform:uppercase; letter-spacing: 1px; font-weight:100;font-size: 10px;}
.tags {background-color:#999999; color:#fff; padding: 3px 5px; text-transform:uppercase; letter-spacing: 1px; font-weight:100;font-size: 10px;}
.category {background-color:#DFDFDF; color:#fff; padding: 3px 5px; text-transform:uppercase; letter-spacing: 0.5px; font-weight:100;font-size: 10px;}

/* Wrapper 
---------------------------------------------------------------------------------------*/

#top
{height: 100%; margin: 0px auto; padding: 0px;background-image:url(http://www.yycapps.com/images/headerBk.png); background-position: top left; background-repeat: repeat-x;}


/* Header
------------------------------------------------------------------------------------------------- */

#header{height: 250px; font: 1.2em/1.5em  Verdana, Tahoma, Helvetica, sans-serif; width: 1000px; margin: 0px auto; padding:0px;}
#header h1 {margin: 0px; padding: 0px;}
.yycappsLogo {background-image:url(http://www.yycapps.com/images/titleBk.png); height: 250px; width: 456px; text-indent:-6000em; background-position:top left;background-repeat: no-repeat; font-family:"Trebuchet MS", sans-serif; font-size: 1.6em;float:left;}
.headerIcons {background-image:url("http://www.yycapps.com./images/iconHeader.png");
background-position:right top;
background-repeat:no-repeat;
float:right;
height:250px;
width:543px;} 

/* Main Navigation
------------------------------------------------------------------------------ */

#wrapper {}

#mainNav {
border-bottom:1px solid #DFDFDF;
color:#000000;
float:left;
font-family:Arial,Veredana,San-serif;
font-size:0.9em;
height:30px;
letter-spacing:-0.05em;
margin-bottom:25px;
margin-top:-40px;
padding-bottom:30px;
text-transform:uppercase;
width:960px;
}


#mainNav ul {
margin:10px 0 0 5px;
text-align:left;
}

#mainNav li{
float:left;
height:30px;
list-style-type:none;
margin-right:20px;
padding:5px 0 5px 0;
text-indent: -6000em;
}

#mainNav a {
  display: block;
}

#mainNav .about
{
  width: 55px;
  height: 30px;
  background-image: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: 0 0px;
}
#mainNav a:hover.about {background-position: 0 -31px; text-decoration: none;}

#mainNav .apps
{
  width: 120px;
  height: 30px;
  background: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: -71px 0px;
}
#mainNav a:hover.apps {background-position: -71px -31px; text-decoration: none;}

#mainNav .deve
{
  width: 176px;
  height: 30px;
  background: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: -201px 0px;
}
#mainNav a:hover.deve {background-position: -201px -31px; text-decoration: none;}

#mainNav .contact
{
  width: 99px;
  height: 30px;
  background: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: -404px 0px;
}
#mainNav a:hover.contact {background-position: -404px -31px; text-decoration: none;}


#mainNav .rss
{
  width: 110px;
  height: 30px;
  background: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: -615px 0px;
}
#mainNav a:hover.rss {background-position: -615px -31px; text-decoration: none;}

#mainNav .twitter
{
  width: 87px;
  height: 30px;
  background: url(http://www.yycapps.com/images/navigationMenu.png);
  background-position: -519px 0px;
}
#mainNav a:hover.twitter {background-position: -519px -31px; text-decoration: none;}

*/


/* Main Content
----------------------------------------------------------------------------------------------------- */

#mainContent
{
display: block;
height: 100%;
color:#5f5f5f;
}

#mainContent p {line-height: 140%; font-size: 14px;}

#mainContent h2
{
font-family:Trebuchet MS;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
line-height:1em;
margin-bottom:0;
padding-bottom:0px;
}


#mainContent .author
{
font-size: 14px;
color:#7B2415; font-weight: 100;
}


#mainContent .date
{
font-size: 14px;
color:#AFAFAF; font-weight: 100;
}

#mainContent h3
{
font-family:Helvetica,Arial,sans-serif;
font-size:24px;
font-style:normal;
font-weight:bold;
letter-spacing:-1px;
line-height:1.2em;
margin: 0px;
}

#mainContent h4
{
border-top:1px dotted #CFCFCF;
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:1.6em;
margin-bottom:36px;
text-align:right;
}

#mainContent a, #mainContent a:visited
{
color:#0F2F4F;
text-decoration:none;
}

#mainContent a:hover
{
color: #000;
text-decoration:underline;
}

#mainContent ul, #mainContent ol {margin-left: 30px; margin-top: 18px; margin-bottom: 18px; }
#mainContent li{padding-left: 5px; line-height: 140%;}


#author-info
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.yycapps.com/images/authorBk.png) no-repeat scroll left top;
color:#EFEFEF;
display:block;
font-style:italic;
height:150px;
line-height:1.1em;
margin:20px auto;
padding:5px 0;
width:425px;
}

#author-image
{ 
border:1px solid #CCCCCC;
display:block;
float:left;
margin:25px 10px 25px 20px;
}

#author-bio h6
{
font-size:11px;
padding:5px 10px 0 0;
}

#author-bio a, #author-bio a:visited
{
color:#FF9A8F;
font-weight:100;
}

#author-bio a:hover
{
color:#FF9A8F;
font-weight:100;
text-decoration: underline;
}


.rightSocial {/* border: 1px dotted #FFFFFF; */
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 3px;
    width: 70px; }


/* Left Side
----------------------------------------------------------------------------------------------------- */
#leftSide
{
width:475px;
margin:0px 15px 0px 0px;
padding: 0px 20px 0px 0px;
float: left;
min-height: 300px;
border-right: 1px solid #ccc;
float:left;
display: inline;
}

#leftSide p
{
font-weight:100;
line-height:110%;
font-size: 15px;
padding: 9px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

#leftSide a
{
color:#0F2F4F;
text-decoration:none;
}

#leftSide a:hover 
{
color: #000;
text-decoration: underline;
}

#leftSide h2
{
padding: 18px 0px 0px 0px;
margin:0px;
}

#leftSide h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
padding: 9px 0px;
}

.appsReasons ul
{
margin:10px 0 15px 0;
}

.appsReasons ul li{
        margin:0px 0px 0px 10px;
        padding:10px 0 10px 26px;
        background-image: url(http://apps.armadillostudios.ca/images/infoButton.gif);
        background-position: center left;
        background-repeat: no-repeat;
        border-bottom: 1px solid #3F140C;
	list-style: none;
}


/*Right
------------------------------------------------------------------------------------------------------- */
#rightSide
{
margin:0px 0px 0px 0px;
padding: 0px;
float: left;
min-height: 300px;
width:400px;
display: inline;

}

#rightSide p
{
font-weight:100;
line-height:110%;
padding: 9px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

#rightSide a
{
color:#0F2F4F;
text-decoration:none;
}

#rightSide a:hover
{
color:#000;
text-decoration:none;
text-decoration:underline;
}

#rightSide h2
{
padding: 18px 0px 0px 0px;
margin:0px;
}


#rightSide h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
padding: 27px 0px 9px 0px;
}


/* Sidebar
------------------------------------------------------------------------------------------------------ */

#sidebar
{
font-size: 0.85em;
float: left;
height: 100%;
display: block;
}


.sidebarAd ul
{
margin: 10px 0px;
padding: 0px;
}

.sidebarAd ul li
{
border:3px solid #320D09;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:10px;
padding:0;
}

.sidebarAd
{
text-align: center;
}

.sidebarAd img {border: 1px solid #000;}

.categorySide
{
line-height:1.0em;
margin:0 10px 0 10px;
padding:0 0px;
display:block;
}


.categorySide li
{
background-color:#ccc;
color:#FFFFFF;
float:left;
font-size:11px;
line-height:1.5em;
list-style:none outside none;
margin:2px 5px;
padding:4px;
text-transform:uppercase;
}

.categorySide a, .categorySide a:visited
{
font-weight: 100;
color: #FF2F2e;
}

.categorySide a:hover
{
font-weight: 100;
color: #FFFFFF;
text-decoration: underline;
}

.archSide
{
line-height:1.0em;
margin:0 10px 0 10px;
padding:0 0px;
display:block;
}

.archSide a:hover
{
font-weight: 100;
color: #FF9A8F;
text-decoration: underline;
}
.archSide li
{
background-color:#5F5F5F;
color:#FFFFFF;
float:left;
font-size:11px;
list-style:none outside none;
margin:2px 5px;
padding:4px;
text-transform:uppercase;
line-height: 1.50em;
}

.archSide a, .archSide a:visited
{
font-weight: 100;
color: #FFFFFF;
}

.archSide a:hover
{
font-weight: 100;
color: #FFCCCC;
}

#search
{
height:35px;
margin:27px auto 0px;
padding:0px 0 0;
width:375px;
}

#searchinput {background-color:#333333;
height:25px;
padding: 0px 5px;
color: #fff;
width:260px; border: 1px sold #ffff;}

#searchform
{
padding: 0px 0px 0px 0px;
height: 20px;
}

#searchsubmit
{
background-image: url(http://www.yycapps.com/images/searchBk.png);
height: 27px;
width: 27px;
text-indent: -6000em;
border:medium none;
background-color: #fff;
}

.twitterSide
{
height:100%;
margin:18px 0px;
padding:0px 0 0;
width:275px;
}

.twitterSide p
{
font-size:0.9em;
padding:0 0 0 20px;
width:90%;
}

#twitterSide a{
color: #fff;
font-weight: bold;
background-color:#5f5f5f;
}

#twitterSide a:hover{
color: #FF9A8F;
font-weight: bold;
text-decoration: underline;
}


/* Twitter Feed
--------------------------------------------------------------------------------------------------- */


/* Contact Form
---------------------------------------------------------------------------------------------------- */

#contactForm
{
margin: 27px auto 0px auto;
padding: 45px 0px 0xpx 0px;
width: 800px;
height: 100%;
}


#contactForm p
{
font-weight:100;
line-height:110%;
padding: 9px 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

#contactForm a
{
color: #FF9A8F;
font-weight:100;
text-decoration:underline;
}

#contactForm h2
{
padding: 18px 0px 0px 0px;
margin:0px;
}

/*  Apps/Developers 
---------------------------------------------------------------------------------------------------- */

#appsContainer {
display:block;
float:left;
height:100%;
margin:27px 6px 6px;
}


.appsIcons {
display:block;
float:left;
height:100px;
margin-top:-1px;
padding:0 5px 10px;
width:65px;
}

.appsContent 
{
float:left;
font-size:0.8em;
height:180px;
width:150px;
}

.appsContent p
{
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
font-style:normal;
font-weight:normal;
height:100%;
letter-spacing:normal;
line-height:130%;
margin:0 5px 10px;
width:150px;
}

.appsContent h3
{
font-family:Helvetica,Arial,sans-serif;
font-size:20px;
font-stretch:narrower;
letter-spacing:0;
line-height:1.12em;
margin:0 5px;
width:160px;
}

.price
{
float:right;
font-family:Georgia,serif;
font-style:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
text-align:right;
text-transform:uppercase;
width:70px;
}

.price a
{
color: #0F2F4F;
float:right;
font-family:Georgia,serif;
font-size:38px;
font-style:normal;
font-weight:normal;
letter-spacing:-4px;
text-align:right;
width:70px;
font-style:	italic;
}

.price a:hover
{
color: #000;
text-decoration: underline;
}

.free
{
font-size:.65em;
letter-spacing:-3px;
}

#devContainer {
display:block;
float:left;
height:100%;
margin:27px 6px 6px;
}

.devIcons {
display:block;
float:left;
height:75px;
margin-top:-1px;
padding:0px 10px 0px 5px;
width:65px;
}

.devContent {
float:left;
height:175px;
margin:0;
width:220px;}

.devContent p
{
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
line-height:130%;
margin:0 5px 5px;
}

.devContent h3
{
font-family:Helvetica,Arial,sans-serif;
font-size:20px;
font-stretch:narrower;
letter-spacing:-1px;
line-height:1em;
margin:0 5px;
width:250px;
}

.devTags {background-color:#5F5F5F;
color:#FFFFFF;
font-size:0.85em;
line-height:150%;
margin: 18px 0;
padding:3px;}

.devTags a {color: #fcfcfc;}

.sepApps
{
/* border-top:1px solid #EF432C; */
background-image:url(http://www.yycapps.com/images/sep.png);
background-position:top center;
background-repeat:no-repeat;
display:block;
margin:18px auto;
width:275px;
height: 3px;
clear:both;
}

.sepDev
{
/* border-top:1px solid #EF432C; */
background-image:url(http://www.yycapps.com/images/sep.png);
background-position:top center;
background-repeat:no-repeat;
display:block;
margin:18px auto;
width:280px;
height: 3px;
clear:both;
}


/* Image Replacement
---------------------------------------------------------------------------------------------------- */

.headerTitle
{
/* background-image: url(http://www.yycapps.com/images/headerLogo.gif); */
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
height:300px;
margin:0;
padding:0;
text-indent:-8000px;
width:300px;
}

.whatTitle
{
background-image: url(http://www.yycapps.com/images/whatTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.behindTitle
{
background-image: url(http://www.yycapps.com/images/behindTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.submitTitle
{
background-image: url(http://www.yycapps.com/images/submitTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.thereTitle
{
background-image: url(http://www.yycapps.com/images/thereTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 55px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.localTitle
{
background-image: url(http://www.yycapps.com/images/localdevtitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.contactTitle
{
background-image: url(http://www.yycapps.com/images/contactTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.calgaryTitle
{
background-image: url(http://www.yycapps.com/images/calgaryAppTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.allTitle
{
background-image: url(http://www.yycapps.com/images/allTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.newestTitle
{
background-image: url(http://www.yycapps.com/images/newestTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}

.advertTitle
{
background-image: url(http://www.yycapps.com/images/advertTitle.png);
background-position: left center;
background-repeat: no-repeat;
width: 350px;
height: 35px;
padding: 0px;
margin: 0px;
text-indent: -8000px;
}


/* Footer
---------------------------------------------------------------------------------------------------- */

#footerWrapper
{
height:200px; 
background-image: url(http://www.yycapps.com/images/footerBk.png);
background-repeat: repeat-x;
background-position: top left;
margin: 45px 0px 0px 0px;
}

#footer_container {margin-top: 45px;}

#footer
{
padding: 0px 0px 0px 0px;
font-size: .75em;
font-family:"Trebuchet MS", sans-serif;
}

#footer h5
{
color:#FFFFFF;
font-size:1.05em;
font-weight:100;
text-decoration:none;
}

#footer h4
{
color:#FFFFFF;
font-size:1.25em;
font-weight:100;
text-decoration:none;
margin-left: 20px;
}

#footer a, #footer a:visited
{
font-weight: 100;
color: #fff;
}

#footer a:hover
{
color:#C10B04;
text-decoration: underline;
}
#footer ul {text-align:left; color: #ccc;margin-left: 20px; list-style-type:none;}

#footer_logo {
background-image: url(http://www.yycapps.com/images/footerLogo.png);
background-position:bottom right;
background-repeat:no-repeat;
height: 200px;
width: 300px;
padding: 0px;
margin: 0px;}