/*  
Original Theme Name: Portfolio Press
Theme URI: http://www.blogohblog.com

Mofifications by StayAwake Design for Mixng.com
*/

/**************** Body *********************/
*{margin:0; padding:0; text-decoration:none; border:none}
img{border:none}
html{font-size:100%}
body{font:62.5%/1.5 Helvetica,Arial,Verdana,sans-serif; background:#1b1b1b url(/images/wrapper_BG.png)}
#wrapper {width:1025px; height: 100%; margin:auto auto; background: url(/images/wrapper_bg.png)}

/**************** Links *********************/
a, a:link, a:visited {text-decoration:none; color: #999999;}
a:hover {color:#CCCCCC;}

/**************** Header *********************/
#header{width:1025px; height:170px; background:url(/images/masthead_bg.png) 1025px 170px}
#rss {float:right; margin-right: 125px}
#appStore{float:right; margin-top:34px; margin-right:127px}
#header h1 a{background:url(/images/logo.png) no-repeat 0 0;display:block;width:355px;height:102px;text-indent:-5000px;border:0}
/**************** Navigation *********************/
#navigation{ font-size:12px; text-transform:uppercase; font-weight:bold;float:left; margin-left: 40px}
#menu{float:left;  margin-bottom:20px;}
#menu li{list-style:none;}
.page_item a:link, .page_item a:visited{color: #666666;  background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.page_item a:hover {color:#cccccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left;}
.current_page_item a:link, .current_page_item a:visited{color: #ccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px;display:block;}
#navContainer{width:400px; height:53px; margin-left:35px}
#nav{float:left; width:100%; margin-top:15px; margin-bottom: 23px; padding:0}
#nav li{display:inline; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:2.3em}
#nav a:link, #nav a:visited{color:#272727; background:#e6e6e6; width:auto; height:auto; float:left; font-family:Helvetica,Arial,Verdana,sans-serif; text-transform:lowercase; padding:10px; margin-right:15px}
#nav ul{margin-left:5px; padding-top:10px; padding-left:2px}
#home #nav-home a, #blog #nav-blog a, #support #nav-support a, #contact #nav-contact a{ background:#f54c0c;  color:#fff}
#home #nav-home a:hover, #blog #nav-blog a:hover, #support #nav-support a:hover, #contact #nav-contact a:hover{background:#e6e6e6;  color:#272727}
#nav a:active{ background:#e6e6e6;  color:#272727}
#nav a:hover{background:#f54c0c; color:#fff}

/**************** Search *********************/
.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.searchfield{width:18em; color: #666666; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Helvetica,Arial,Verdana,sans-serif;border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {font-size:14px; background:url(images/cats.gif) left no-repeat; padding-left:20px; margin-left:20px; font-family:Helvetica,Arial,Verdana,sans-serif Bold; padding-top:10px; color:#CCCCCC;}

/**************** Content *********************/
#content {width:570px; background-color:#333333; border:10px solid #262626; float:left;}
.comments {background:url(images/comments.gif) left no-repeat; padding-left:20px;}
.info { background-color:#262626; padding:2px 10px 2px 10px; font-size:1.2em; margin-bottom:10px; margin-top:5px; width: 475px}
.info a {color:#f54c0c;}
.info a:hover {color:#fff;}
.entry h2{padding-bottom:10px;}
.entry h2 a {color:#CCCCCC; font-family:Helvetica,Arial,Verdana,sans-serif Bold; font-size:2.2em}
.entry h2 a:hover {color:#FFFFFF;}
.entry p{padding:0 0 10px 0; font-size: 1.3em}
.post{padding:20px 20px 10px 20px;text-align:justify; margin-bottom:20px; line-height:20px; color: #e6e6e6;}
.content a:link, .content a:visited {color:#ccc; border-bottom:1px dotted #999999;}
.content a:hover {color:#FFFFFF;}
.entry img {margin:0 10px 10px 10px;}
.new {background:url(images/new.gif) right top no-repeat;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta { padding:5px; font-size:11px; line-height:22px; border-top:1px solid #262626; text-transform:uppercase; font-weight:bold;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:24px;}
.cats {background:url(images/cats.gif) left no-repeat; padding-left:24px;}

/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626; font-family:Helvetica,Arial,Verdana,sans-serif Bold;}
h2#respond {font-size:14px; margin-top:10px; font-family:Helvetica,Arial,Verdana,sans-serif Bold; font-weight:bold;}
.commentlist{padding:20px; margin-top:10px;}
.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:500px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:500px; height:10px; margin-bottom:25px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:1.1em}
#author, #email, #url {width:12em;font-size:1.3em; color:#e6e6e6;font-weight:bold;padding:3px; margin-right:5px;border:1px solid #1b1b1b; background-color:#272727;}
#submit{font:bold 1em Helvetica,Arial,Verdana,sans-serif;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:520px;border:1px solid #1b1b1b;font:13px Helvetica,Arial,Verdana,sans-serif;color:#272727;font-weight:bold; background-color:#e6e6e6;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Sidebar *********************/
#sidebar { text-align:right;}
#sidebar ul {list-style:none;}
#sidebar h2 {font-size:20px; font-family:Arial; color: #333333; padding-right:10px; border-bottom:1px solid #262626;}
#sidebar ul ul {margin:10px; padding-bottom:20px;}
#sidebar ul ul li {padding-bottom:5px;}

/**************** Footer *********************/
#footer{width:1025px; height:auto; bottom:0; margin-top:40px}
#footerNav{margin-left:315px; padding-bottom:10px}
#footerNav li{display:inline; font-size:1.7em; color:#a65371; padding-right:5px}
#footerNav a{color:#fff; padding-right:5px}
#footerNav a:hover{color:#f54c0c}
#footer h6 {color: #f2f2f2; font-size: 1.0em; margin-left:285px}
#copyright{color:#fff; font-size:1.4em; margin-left:250px}
/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding:20px; margin-right:20px; background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;}
.alignleft{float:left; padding:20px; margin-left:20px; background:url(images/back.gif) no-repeat left; width:100px; font-size:11px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
  margin: inherit;
}



#boxes #dialog2 {
  background:url(/images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}