/*
Theme Name: Ctrl Alt Create
Author: Ctrl Alt Create

Black: #000000
Blue:  #4B5896
Darker Grey: #C4C1B1
Grey: #D7D4C1
Logo Grey: #303030

*/

/*
RESET
*/

*                             {margin:0; padding:0;}
html                          {overflow-y: scroll;}
html, body                    {height: 100%}
body                          {font-size: 65%; font-family: Ariel, sans-serif; color: #000000; background: #FFFFFF;}
ul                            {list-style: square inside;}
ol                            {list-style: decimal inside;}
li			      {list-style-type:none; margin: 0; padding: 0;}
a                             {outline: none; text-decoration: none;}
a img                         {border: none;}
img                           {vertical-align: middle;}
table                         {border-collapse: collapse;}

/*
UTILITY
*/

.floatLeft                    {float: left;}
.floatRight                   {float: right;}
.clear                        {clear: both;}

/*
TYPOGRAPHY
*/

a			      { color: #FFFFFF; }
a:hover			      { background: #FFFFFF; color: #000000;}


h1			      { font-size: 1.3em; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal;}
h2			      { font-size: 2.8em; font-family: arial, sans-serif; font-weight: bold; color: #303030; text-transform: uppercase; text-align: right;}
h3			      { font-size: 2.8em; font-family: arial, sans-serif; font-weight: bold; text-transform: uppercase;
				color: #4B5896; text-align: right;}
h4			      { font-size: 1.8em; font-family: arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #FFFFFF; background: #000000;}
h5			      { font-size: 1.0em; font-family: arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #000000;}
h6			      { font-size: 1.0em; font-family: arial, sans-serif; font-weight: normal; color: #FFFFFF; text-transform: uppercase;}



/*
STRUCTURE
*/

#page-wrap                    {width: 800px; margin:0px auto -150px; min-height:100%;
                               height:auto !important; height: 100%;}
#push                         {height: 150px;}
#main-col                     {}
#background		      {width: 570px; min-height: 100%; background: #D7D4C1 url('http://www.ctrlaltcreate.org/ctrlaltcreate/background.png') 
			       repeat-y top right; background-position: absolute; float: right;}
#posters		     {width: 620px; height: 100%; float: right; background: #303030;}
#posters-inside		     {padding-left: 10px;}

/*
MAIN PAGE
*/

#heading		      {width: 570px; height: 15px; padding-bottom: 10px; background: #303030; float: right;}
ul#heading		      {float: left; height: 15px;}
ul#heading li 		      {display: inline; margin-left: 10px;}

#services-list		      {width: 200px; float: left;}
#title			      {width: 200px; float: left;} 
#about			      {width: 570px; height: 130px; float: right; background: #303030;}
#about-inside		      {margin-left: 10px; margin-top: 10px;}
ul#services		      {text-align: right;}
#news			      {width: 570px; min-height: 200px; float: right; background: B0AD99; margin-bottom: 10px;
				border-bottom: 1px dashed #303030;}
#news-inside		      {padding-left: 10px; padding-top: 10px; overflow: auto; height: 350px; scrollbar-base-color:#D7D4C1;}
#news-title		      {width: 145px; height: 145px; float: left; margin-top: 25px; margin-right: 5px;}
#news-content		      {margin-bottom: 30px;}

/*
BLOG ENTRIES
*/



/*
HEADER
*/

#top                         {width: 800px; height: 230px;}
#header			     {width: 570px; height: 230px; background: #303030; float: right; margin-left: 10px;}
#logo			     {width: 220px; height: 230px; float: left;}

/*
FOOTER
*/

#footer                       {height: 150px; width: 800px; margin-left: auto; margin-right: auto; margin-top: 30px;}

#footer-inside                {height: 150px; width: 570px; margin: 0 auto; float: right; background: #303030;}

#email			      {width: 340px; margin-top: 120px; float: right;}