/*
     _        __             _                          _                                   
  __| | __ _ / _|_   _ _ __ | | ___ __ ___   ___  _ __ | | _____ _   _   ___ ___  _ __ ___  
 / _` |/ _` | |_| | | | '_ \| |/ / '_ ` _ \ / _ \| '_ \| |/ / _ \ | | | / __/ _ \| '_ ` _ \ 
| (_| | (_| |  _| |_| | | | |   <| | | | | | (_) | | | |   <  __/ |_| || (_| (_) | | | | | |
 \__,_|\__,_|_|  \__,_|_| |_|_|\_\_| |_| |_|\___/|_| |_|_|\_\___|\__, (_)___\___/|_| |_| |_|
                                                                 |___/                      				
File:			style.css
Site:			meccabah.com
Author:			Roey 
Author URI:		http://dafunkmonkey.com/
Created:		25 Sep 2011
Modified:		--
Description:	Design and development by <a href="http://dafunkmonkey.com">ROCO</a>.
Version:		1.0


PLEASE DO NOT MODIFY THIS FILE! 


/* Body
-------------------------------------------------------------------------------------------------- */
body {padding:0;margin:0;background:#000000;font-size:12px;font-family:tahoma;margin-bottom:10px;}
div#container { background: transparent url(img/meccabah-background.jpg) 50% 0 no-repeat; position:relative; width:100%; height:100%; margin:auto; background-attachment:fixed;}
div#maincontainer {position:relative; width:900px; height:100%; margin:auto; }
#wrapper {width:916px; margin:auto; }


/* Top Bar
-------------------------------------------------------------------------------------------------- */
#top {background:url(images/topbg.png) repeat-x;height:27px;width:916px;}
#topfacebook {position:absolute; width:67px; height:15px; left:280px; top:5px}
#toptwitter {position:absolute; width:61px; height:15px; left:360px; top:5px;}


/* Header
-------------------------------------------------------------------------------------------------- */
#headlogo {position:absolute;width:151px;height:33px;left:30px;top:60px;}
#header {height:93px; width:916px; background: url(img/bg_mecca_160x98.png); color:#000;}


/* Menu
-------------------------------------------------------------------------------------------------- */


a img {border: none; }
#subscribe{float:right;padding-right:20px;padding-top:5px;}
#subscribe a{color:#FFF;text-decoration:none;}
#subscribe a:hover{text-decoration:underline;}
#header h1{margin:0px;font-size:30px;}
#header h2{margin:0px;font-size:14px;}
#search{float:right;}
ul.menu{list-style:none;margin:0px;padding:0;background:url(images/menubg.png);width:916px;height:30px;}
ul.menu li{float:left;list-style-type:none;margin:0;}
ul.menu li a {float:left;color:#FFF;padding-left:15px;padding-right:15px;line-height:30px;text-decoration:none;}
ul.menu li a:visited {color:#FFF;font-weight:normal;}
ul.menu li a:hover {background:#232626;text-decoration:none;}
ul.menu li a:visited:hover {background:#383839;text-decoration:none;}
ul.submenu{list-style:none;margin:0px;padding:0;background:url(images/submenubg.png);width:915px;height:20px;padding-left:1px;}
ul.submenu li{float:left;list-style-type:none;margin:0;}
ul.submenu li a {float:left;color:#FFF;padding-left:14px;padding-right:14px;line-height:16px;text-decoration:none;font-size:11px;text-align:center;}
ul.submenu li a:visited {color:#FFFFFF;font-weight:normal;}
ul.submenu li a:hover {text-decoration:underline;}
ul.submenu li a:visited:hover {text-decoration:underline;}
#maincontent{overflow:hidden;width:876px;background:#383a3b;padding-top:15px;padding-left:20px;padding-bottom:25px;padding-right:20px;color:#464647;}
#content{float:left;width:588px;}
#latestarticle{width:588px;background:#FFF;}


.archivearticle{width:588px;background:#FFF;margin-bottom:10px;}

.archivearticle .posttitle{float:left;}
.archivearticle .postinfo{float:right;font-size:11px;padding-top:1px;font-weight:normal;}
.archivearticle .postinfo a{color:#464647;text-decoration:none;}
.archivearticle .postinfo a:hover{text-decoration:underline;}
.archivearticle .postcontent{padding-left:10px;padding-right:10px;padding-bottom:4px;}

.postcontent a {color:#464647;text-decoration:underline;}

.postcontent p{margin:0; padding:10px 0 0 0;}

#latestarticles{float:left;width:289px;margin-top:10px;background:#FFF;}
#latestarticlescontent{padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
#latestarticlescontent h2, #latestcomments h2, .postcontent h2, .posttitle h2 {font-size:14px;margin:0;}
#latestarticlescontent h2 a, #latestcomments h2 a, .postcontent h2 a, .posttitle h2 a{text-decoration:none; color:#000000;}
#latestarticlescontent h2 a:hover, #latestcomments h2 a:hover, .postcontent h2 a:hover, .posttitle h2 a:hover {text-decoration:underline;}
#latestarticlescontent p{margin-top:2px;}
#latestcomments{float:left;width:289px;margin-top:10px;margin-left:10px;background:#FFF;}
#latestcommentscontent{padding-left:15px;padding-top:10px;padding-bottom:10px;padding-right:15px;}
#latestcommentscontent h2{font-size:14px; margin:0;}
#latestcommentscontent p{margin-top:2px;}
#flickr{float:left;width:588px;margin-top:10px;background:#FFF;}
#flickrcontent{padding-top:10px;padding-left:5px;padding-bottom:5px;}
#flickrcontent img{padding-left:4px;border:0;}
.title { background:#990000; height:22.5px; padding-top:4.5px; padding-left:9px; padding-right:9px; font-weight:bold; font-size:14px; color:#ffffff; }
#latestarticle .posttitle{float:left;}
#latestarticle .postinfo{float:right;font-size:11px;padding-top:1px;font-weight:normal;}
#latestarticle .postinfo a{color:#464647;text-decoration:none;}
#latestarticle .postinfo a:hover{text-decoration:underline;}
#latestarticle .postcontent{padding-left:10px;padding-right:10px;padding-bottom:4px;}
#sidebar{float:right;width:272px;}
#sponsors{background:#FFF;padding-bottom:0px;overflow:hidden;}
#sponsorscontent{padding-top:0px;padding-left:0px;padding-right:0px;}
#sponsorscontent img{padding-top:0px;border:0;}
.right{float:right;}
.left{float:left;}
.sidebar-item {margin-top:10px;background:#fff;}

.sidebar-item ul {margin:0;padding:8px;list-style-type:none;}
.sidebar-item a{color:#464647;text-decoration:none;}
.sidebar-item a:hover{text-decoration:underline;}

#subfooter{height:21px; background: url(img/bg_mecca_160x98.png); text-align:right; padding-top:3px; padding-right:15px; overflow:hidden; }
#subfooter a{color:#000;padding-left:10px;padding-right:10px;text-decoration:none;}
#subfooter a:hover{text-decoration:underline;}
#footer{background:#3f4242;height:27px;padding-top:10px;padding-left:15px;padding-right:15px;}
#copyright{float:left;}
#copyright a{color:#FFF;text-decoration:none;}
#copyright a:hover{text-decoration:underline;}
#links{float:right;}
#links a{color:#FFF;text-decoration:none;}
#links a:hover{text-decoration:underline;}
.bold{font-weight:bold;}
#search{float:right;padding-top:27px;padding-right:70px;}
#search #field{float:left;background:#b8c7d1;border:0;height:16px;width:200px;border: solid 2px #889da9;padding-top:3px;text-indent:5px;}
#search #button{float:left;background:#b8c7d1;border:0;height:24px;width:35px;border: solid 2px #889da9;margin-left:5px;}
#search h2{font-size:12px;font-weight:normal;padding-bottom:4px;}

.alignleft {float:left;}
.alignright {float:right;}
.alignleft a, .alignright a {color:#fff;}
.nocomments {text-align:center;}

.postcontent { border: 2px solid #d9e0e4; border-top:none; }
img.avatar {float:left; padding-right:5px;}

/* Begin Images from default template*/
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: block;
        float: left;
	}

/* End Images */