/*
Theme Name: Jupiter Digital
Theme URI: http://www.jupiterdigital.co.uk/
Description: Blog for the jupiter digital site.
Version: 1.0
Author: Aouse Al-Rawi
Author URI: http://www.jupiterdigital.co.uk/
Tags: coming soon....

	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* Aouse's new styles*/
/*********************************************************************************
*
* GENERAL STYLES
*
**********************************************************************************/
html{height: 100%;}
body{min-width:100%;height:100%;font-size:63%;text-align:center;background-image:url('/blog/images/bk_repeater.jpg');background-repeat:repeat-x;background-color:#333;}
*{padding:0px;margin:0px;}

h1{font:normal 2.0em Georgia, Arial, Helvetica;color:#fff;padding:0px 2px 2px 2px;margin:0px 0px 30px 0px;}
h1 span{background-color:#292929;padding:0px 3px 0px 5px;}


h2{font:normal 2.0em Georgia, Arial, Helvetica;color:#292929;}
h2 span{background-color:#FDE100;line-height:1.3em;}

h2 a{font-family:Georgia,Arial,Verdana;}

h3{font: normal 1.4em Georgia, Verdana, Arial;color:#FFF;border-bottom:1px dotted #666;margin:10px 15px 0px 0px;padding:10px 0px 5px 0px;} 
h4{font: normal 1.4em Georgia, Verdana, Arial;color:#FFF;margin:5px 15px 0px 0px;padding:5px 0px 5px 0px;}

p{font:normal 1.3em Arial, Verdana, Helvetica;color:#ACACAC;line-height:1.3em;margin:10px 0px 10px 0px;}

a{font-family:Arial,Georgia, Verdana;color:#FDE100;text-decoration:none;}
a:hover{text-decoration:underline;}

ul {margin:5px 10px 15px 1px;}
ul li{font: normal 1.2em Arial, Verdana, Helvetica;margin:0px 0px 3px 0px;padding-left:0px;list-style-type:none;color:#ACACAC;}



.clear{clear:both;}
.rightFloat{float:right;}
.leftFloat{float:left;}

.jdTopMarginTiny{margin-top:30px;}
.jdTopMarginSmall{margin-top:90px;}
.jdTopMarginMedium{margin-top:120px;}
.jdTopMarginBig{margin-top:150px;}
.jdTopMarginLarge{margin-top:250px;}

.jdTinyText{font-size:1.1em;}
.jdSmallFont{font-size:1.3em;}
.jdMediumFont{font-size:1.5em;}
.jdBigFont{font-size:1.7em;}

.jdWhiteText {color:#FFF;}
.jdYellowText {color:#FDE100;}
.jdGreykText {color:#ACACAC;}
.jdBlackText {color:#333;}

.border{border:1px solid red;}
.jdInvisible{display:none;}

.jdLinkStyle{cursor:pointer;}
/*******************************END***********************************************/



/*********************************************************************************
*
* HEADER AND FOOTER
*
**********************************************************************************/
#header{width:inherit;padding:15px 0px 25px 0px !important;padding:10px 0px 10px 0px;}
#header #dividerH{border-top:1px dotted #666;height:1px;margin:5px 0px 0px 0px;width:inherit;}
#header #globalNavigation{vertical-align:bottom;margin-top:20px;}
#header #globalNavigation ul{text-align:left;margin:0px 0px 0px 2px;padding:0px;}
#header #globalNavigation ul li{display:inline;font:normal 1.3em Georgia, Arial, Verdana;color:#D5D5D5;margin:0px 3px 0px 0px;padding:0px;}
#header #globalNavigation ul li a{font-family:Georgia, Arial, Verdana;color:#D5D5D5;text-decoration:none;}
#header #globalNavigation .seperator{position:relative;top:-2px;}
#header #globalNavigation  .selected a{color:#FDE100;}

#header #globalNavigation ul li a:hover{text-decoration:underline;}

.footerOuter{height:110px; position:relative !important;position:absolute;left:0px;}
#footer{width:inherit;padding:25px 0px 15px 0px; }
#footer #dividerF{border-top:1px dotted #666;height:1px;margin:0px 0px 7px 0px !important;margin:0px;width:inherit;}
#footer ul{margin:0px 0px 0px 0px;}
#footer ul li{display:inline;font:normal 1.1em arial, verdana, helvetica;color:#ACACAC;}
#footer a{color:#999;}
#footer .footerLogos{margin:10px 0px 0px 0px;}
#footer .seperator{margin:0px 3px 0px 3px;}
/*#footer .rightside{margin-left:16px;}*/
#footer .leftside{margin-right:16px;}
#footer span a{color:#EBEBEB;}

#footer .footerLogos #rar, #jupiter, #digital, #dba, #facebook, #youtube, #flickr, #twitter{float:left;vertical-align:top;}

#footer .footerLogos #rar a{display:block;background: url(/blog/images/rar_over_blog.gif) 0px 0px no-repeat;width:43px;height:32px;}
#footer .footerLogos #rar a:hover{display:block;background: url(/blog/images/rar_up_blog.gif) 0px 0px no-repeat;width:43px;height:32px;}

/*
#footer .footerLogos #dba a{display:block;background: url(/blog/images/dba_up_blog.gif) 0px 0px no-repeat;width:31px;height:16px;}
#footer .footerLogos #dba a:hover{display:block;background: url(/blog/images/dba_over_blog.gif) 0px 0px no-repeat;width:31px;height:16px;}
*/

#footer .footerLogos #digital a{display:block;background: url(/blog/images/jupiter_digital_up_blog.gif) 0px 0px no-repeat;width:134px;height:14px;}
#footer .footerLogos #digital a:hover{display:block;background: url(/blog/images/jupiter_digital_over_blog.gif) 0px 0px no-repeat;width:134px;height:14px;}

#footer .footerLogos #facebook a{display:block;background: url(/blog/images/facebook_up_blog.gif) 0px 0px no-repeat;width:14px;height:14px;}
#footer .footerLogos #facebook a:hover{display:block;background: url(/blog/images/facebook_over_blog.gif) 0px 0px no-repeat;width:14px;height:14px;}

#footer .footerLogos #youtube a{display:block;background: url(/blog/images/youtube_over_blog.gif) 0px 0px no-repeat;width:40px;height:16px;}
#footer .footerLogos #youtube a:hover{display:block;background: url(/blog/images/youtube_up_blog.gif) 0px 0px no-repeat;width:40px;height:16px;}

#footer .footerLogos #flickr a{display:block;background: url(/blog/images/flickr_logo_up.gif) 0px 0px no-repeat;width:38px;height:12px;}
#footer .footerLogos #flickr a:hover{display:block;background: url(/blog/images/flickr_logo_over.gif) 0px 0px no-repeat;width:38px;height:12px;}

#footer .footerLogos #twitter a{display:block;background: url(/blog/images/twitter_logo_up.gif) 0px 0px no-repeat;width:53px;height:14px;}
#footer .footerLogos #twitter a:hover{display:block;background: url(/blog/images/twitter_logo_over.gif) 0px 0px no-repeat;width:53px;height:14px;}
  
#footer .footerLogos #jupiter a{display:block;background: url(/blog/images/jupiter_over_blog.gif) 0px 0px no-repeat;width:42px;height:50px;}
#footer .footerLogos #jupiter a:hover{display:block;background: url(/blog/images/jupiter_up_blog.gif) 0px 0px no-repeat;width:42px;height:50px;}

/*******************************END***********************************************/



/*********************************************************************************
*
* CONTAINERS
*
**********************************************************************************/
.outer{margin:auto;width:924px;text-align:left;}
.outerMain{margin:auto;padding:0px 0px 0px 0px;width:924px;text-align:left;height:auto;}
.jdHeadFootContainer{width:inherit;}
.jdCentralArea{width:inherit;padding:30px 0px 30px 0px;}
.jdIntro{float:left;padding:0px 0px 20px 0px;}
.jdIntroWide{float:left;width:923px;padding:0px 0px 30px 0px;}
#jdWhatIntroArea{float:left;width:430px;margin-right:0px;}
#ourPortfolioB{width:inherit;margin:30px 0px 30px 0px;background-color:#161616;}

#content .divider{border-bottom:1px dotted #666;height:1px;margin-bottom:5px;width:inherit;}
/*******************************END***********************************************/


/*********************************************************************************
*
* blog specific - side bar
*
**********************************************************************************/
#sidebar{float:left;width:200px;margin-right:20px;border:0px solid red;}
#sidebar .cat-item{color:#FDE100;}
#sidebar a:hover{text-decoration:underline;}
/*******************************END***********************************************/


/*********************************************************************************
*
* blog specific - The content (posts, comment forms)
*
**********************************************************************************/
#content{float:left;width:702px;border:0px solid red;}
#content .entry p{font-size:1.5em;}

.entry p{margin:15px 0px 15px 0px;line-height:1.4em}

.post{padding-bottom:5px;}
.post .postmetadata{padding-bottom:10px;}

.post .postInfo{margin:5px 0px 15px 0px;width:auto;}
.post .postInfo p{margin:0px 0px 2px 0px;padding:0px;}


#content textarea{width:303px;height:200px;margin-bottom:25px;}
#content input{width:300px;height:20px;padding:5px 0px 5px 2px;}
#content .jdsubmitBtn{width:auto;height:auto;padding:0px;}
#content form p{font-size:1.2em;margin:5px 0px 5px 0px;}
#content .jdCommentPending{font-weight:bold;padding:5px 0px 0px 0px;}
#content ul {margin:15px 15px 0px 10px;}
#content ul li{font: normal 1.5em Arial, Verdana, Helvetica;margin:0px 0px 5px 0px;padding-left:0px;list-style-image:url('../../images/buttons/bullet.gif');color:#ACACAC;}

.jdBlogBacktoTop{color:#999;font-size:1.3em;margin-right:5px;}
.jdArchiveList li{border-bottom:1px dotted #666;padding:5px 0px 5px 0px;}

.alt{width:300px;border:1px solid #666;padding-left:10px;margin:10px 0px 10px 0px;}

.jdNormalComment{width:300px;padding-left:10px;border:1px solid #CCC;background-color:#CCC;}
.jdNormalComment p{color:#000;}
.jdNormalComment a{color:#666;}

.jdBlogMore{font-family:Georgia, Arial, verdana;font-size:0.9em;}

.more-link img{margin-right:5px;text-decoration:none;}

/*******************************END***********************************************/