/*  
Theme Name: MacPress
Theme URI: http://www.sizlopedia.com/macpress/
Description: The most simple and stylish theme for WordPress. Includes an options page to customize the theme and lots of styles to choose from. By <a href="http://www.sizlopedia.com">Saad Hamid</a>.
Version: 0.1.8
Author: Saad Hamid
Author URI: http://www.sizlopedia.com
Tags: blue, light, two-columns, right-sidebar, fixed-width, threaded-comments


The CSS, XHTML and design is released under the GPL:
http://www.gnu.org/licenses/gpl.html
*/

body {background:url(images/tile_for_site.png) repeat #171717; color: #fff; margin:0; padding:0; font-family: "Times New Roman", Times, serif; }
p { margin:0 0 15px 0; padding:5px 0; line-height:21px; }
ol, ul { line-height: 170%; }

img { border: none; }

h1, h2, h3, h4 { color:#b1ff00; margin: 0; padding:10px 0; font-weight: bold; font-family: "Times New Roman", Times, serif; }
h1 { font-size: 2.0em;}
h2 { font-size: 1.8em; font-weight: normal; }
h3 { font-size: 1.3em; }

a:link, a:visited { color: #ff0; text-decoration:none; }
a:hover { text-decoration:underline; }

blockquote { color: #ff0; margin:10px 0; padding:10px 15px; border-left:5px solid #bbb; }
blockquote p{ margin:0; padding:0; }
code { color:#ff0;display:block; height:100%; cursor: text; padding:0 5px; margin:5px 0; }
small { font-size: 0.8em; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 10px; display: inline; }
img.alignleft { padding: 4px; margin: 0 10px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

#outline { background: #194e5e url(images/new_bk.jpg) top center no-repeat; width:940px; margin:0 auto; padding:0px 0px; }
#wrapper { width:100%; margin:0; padding:10px 0; clear:both;}
#header{ font-size:10pt; margin:0; padding:10px 0 0 0; height:175px; }
.logo { float:left; margin: 15px 0 0 10px; }
.logo img { width:265px; height:55px; border:0; padding-bottom:5px; }
h1.blogtitle { color:#fff; font-size:40pt; padding:0; margin:0; font-weight:normal; position:relative; top:-5px; }
h1.blogtitle a:link, h1.blogtitle a:visited { color:#ff0; font-weight:bold; font-size:32pt; }
h1.blogtitle a:hover { color:#ff0; text-decoration:none; }
p.description { padding:0; }

#mainlinks{width: 940px; height: 300px;
}
#mainlinkleft{width: 470px; height: 300px; float: left;
}
#mainlinkright{width: 380px; height: 300px; float: right; padding-right: 60px;
}
#button_left{padding-top: 225px; padding-left: 75px;
}
#button_right{padding-top: 225px; padding-right: 75px; float: right;
}

.menuwrap{ background: url() left top repeat-x; width:100%; margin:0 auto; padding:0; }
.menubar { width:100px; padding-top: 8px; height:30px; float: right;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:8000px; height:30px; position:relative; z-index:1000; font-family: "Times New Roman", Times, serif; margin-left: auto; margin-right: auto;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:746px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px; font-family: "Times New Roman", Times, serif; text-decoration:none; color:#fff; height:30px; padding-left:10px; padding-right: 10px; line-height:30px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: #096;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: #09C;}
.menu ul ul :hover > a.drop {background: #09C;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #09C;}
/* style the third level hover */
.menu ul ul ul a:hover {background: #09C;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:background: #09C; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:140px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:background: #09C;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background: #096;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}
#menubk{height: 30px; background: #096;}

.left-category-bar { background: url(images/catbar-left-bg.png) top left no-repeat; width:10px; height:45px; float:left; }
.right-category-bar { background: url(images/catbar-right-bg.png) top right no-repeat; width:15px; height:45px; float:right; }
.category-bar { background: url() top left repeat-x; float:right; width:200px; color:#fff; font-size:10pt; margin:0; padding:0 5px;}
.cat-menubar { height:30px; padding:0; margin:0; }
.cat-menubar ul.menu{ float:left; margin: 0; padding: 0; list-style-type: none; text-transform: capitalize; }
.cat-menubar ul.search { float:right; width:235px; margin: 0; padding: 0; list-style-type: none;}
.cat-menubar ul.search li { padding: 11px 0 10px 0; }
.cat-menubar ul.search li input.searchbox { width:230px; background:url(images/bg-search.png) top left no-repeat; height:22px; border:0; color:#fff; font-weight:normal; font-size:10pt; padding:3px 0 0 0; padding-left:25px;}
.cat-menubar ul.menu li { float:left; padding:11px 10px 8px 10px; border-left:1px solid #ddd; border-right:1px solid #aaa; }
.cat-menubar ul.menu li.start { padding:11px 5px 8px 5px; padding-right:10px; border-right:1px solid #aaa; border-left:0; }
.cat-menubar ul.menu li.end { border-right: 0 }
.cat-menubar ul.menu li a:link, ul.menu li a:visited { color:#ff0; font-weight:bold; font-size:12pt; }	 
.cat-menubar ul.menu li a:hover { color:#ff0; text-decoration: none; }
.current-cat { background: url(images/catbar-current-bg.png) top left repeat-x; }
.cat-menubar ul.menu li.current-cat a:link, .cat-menubar ul.menu li.current-cat a:visited { color:#eee; font-weight:bold; font-size:12pt; }	 
.cat-menubar ul.menu li.current-cat a:hover { color:#fff; text-decoration: none; }

#content {width:800px; margin-left: 70px; margin-right: 70px; padding:0; float: left; height: 100%; }
#content h2.latest { color:#fff; font-size:12pt; font-weight:bold; border-bottom:1px dotted #aaa; margin-bottom:10px; }
#content2 {width:900px; margin:30px 0 30px 10px; padding:0; float: left; height: 100%; }
.pages { font-size:10pt; padding:0; padding-top:10px; margin:0 0 10px 0; clear:both; }
.postsingle { color:#fff; font-size:10pt; padding:0 0 10px 0; margin:0; clear:both; }
.postindex { color:#fff; font-size:10pt; padding:0; margin:0; clear:both;}
.postentry { font-size:10pt; margin:0; padding:0; text-align: left; clear:both; border-bottom:1px dotted #ccc; }
.postentry ol, .postentry ul { margin:0; padding:0 0 0 30px; }
.postentry ol li{ margin:0; padding:0 0 10px 0; }
.postentry ul li{ list-style-type:disc; margin:0; padding:0 0 10px 0; }
.postentry img { margin:0 5px; border: 0; }
.postentry img:hover { border: 0;}
.postentry img.wp-smiley, .postentry img.wp-smiley:hover { border: none; }
.postindex h2.posttitle { color:#fff; font-size:20px; font-weight:bold; line-height:22pt; margin:0; padding:0; letter-spacing:0; }
.postsingle h2.posttitle { color:#fff; font-size:20px; font-weight:bold; line-height:22pt; margin:0; padding:0; padding-top:10px; letter-spacing:0px;}
.postindex h2.posttitle a,postindex h2.posttitle a:link,postindex h2.posttitle a:visited { color:#ff0; }
.postindex h2.posttitle a:hover { color:#ff0; text-decoration:underline; }
.postmeta{ float:left; color:#fff; font-size:9pt; padding:0 0 5px 0; margin:0; font-weight:normal; }
.postmeta a:link,.postmeta a:visited, .postmeta a:hover { }
.postcomments{ float:right; color:#fff; font-size:9pt; padding:0 0 5px 0; margin:0; font-weight:normal; }
.metadata { float:left; margin-bottom:35px; clear:both; }
.categories {float:left; width:275px; margin:0; padding:0; padding-left:5px; }
.tags {float:left; margin:0; margin-left:5px; padding:0; padding-left:5px; width:280px; }

#sidebar { color:#fff; font-size:10pt; margin:30px 0 0 0; padding:0 10px 0 0; float:right; width: 305px; list-style-type:none;}
#sidebar ul.widgets { margin:0; padding:0; }
#sidebar .widget { padding:0; padding-bottom: 15px; border:0; }
#sidebar ul.widgets li ul { margin:0; padding:0; }
#sidebar ul li { list-style-type:none; padding:4px 0; border-bottom:1px dotted #ccc; margin:0; padding-left:5px; }
#sidebar h2 { color:#ff0; font-size:12pt; font-weight:bold; border-bottom:1px dotted #aaa; padding:8px 0; }
#sidebar p { margin:0; padding:0 0 10px 0; line-height:18px; }
#wp-calendar { color:#fff; width:300px; text-align:center; empty-cells:show; }
#wp-calendar a:link, #wp-calendar a:visited { font-weight:bold; text-decoration:underline; }
#wp-calendar #prev { text-align:left; padding-left:10px; }
#wp-calendar #next { text-align:right; padding-right:10px; }
#wp-calendar #prev a:link, #wp-calendar #prev a:visited { font-weight:normal; text-decoration:none }
#wp-calendar #next a:link, #wp-calendar #next a:visited { font-weight:normal; text-decoration:none; }


h3#comments, h3#pings{ font-size:14pt; font-weight:bold; line-height:12pt; margin:0; padding:30px 0 0 0; }
.commentlist{ padding:10px 0; margin:0; }
.commentlist li{ list-style:none; padding:5px 10px; margin:10px 0; }
.commentlist li.even{}
.commentlist li.odd{ }
.commentlist li.comment-author-admin{}
.comment-author img.avatar{ position:relative; top:4px; }
.comment{ padding-left:50px; }
.comment-author .fn{ text-transform:capitalize; font-style:normal; font-size:10pt; font-weight:normal; margin-left:5px; }
.comment-meta{ border-top:1px dotted #ddd; margin-top:5px; margin-bottom:10px; }
.comment-meta a:link, .comment-meta a:visited, .comment-meta a:hover { color:#ff0; font-size:9pt; }
#respond label{ font-size:10pt; }
#respond h3{ text-transform:capitalize; color:#000; font-size:14pt; font-weight:bold; line-height:12pt; margin:0; padding:10px 0 20px 0; }
#respond #commentform p{ padding:0; }

#footer {background: #171717 url(images/footer_bk.jpg) top center no-repeat;color:#999; font-size:10pt; margin:0; padding:60px 0 0 10px; border-top:1px solid #ccc; clear:both; height: 40px; text-align: center;}

form p { margin:0; padding:0 }
form#searchform { margin:5px 0 0 0; padding:0; }
form#searchform input { font-size:10pt; width:240px; }
textarea#comment { color:#000; width:95%; font-size:10pt; }
input#author, input#email, input#url { width:40%; color:#000; font-size:10pt; margin-bottom:10px; }
textarea#comment, input#author, input#email, input#url { padding:2px; background:#fff; border:2px solid #ccc; }