/*  
Theme Name: Portfolio Press
Theme URI: http://www.blogohblog.com
Description: A dark-colored, widgetized, Web 2.0 Wordpress Theme suitable for creating your personal portfolio. This theme is a free theme and comes under a Creative Commons License.
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:auto; padding:0;}


body{background:#EBC4CB;}
#splash {width:900px;height:535px; background-image:url(images/bg_splash.png); background-repeat:no-repeat; margin:auto;}

#splash_copy{ text-align:center; width:auto;height:50px; margin:0px auto;}

#splash_copy p{ text-align:center; width:auto;height:35px;font:18px Arial, Helvetica, sans-serif; font-weight:100; margin:0px auto;}

#splash_copy a{ color:#333; text-align:center; width:auto;height:35px;font:14px Arial, Helvetica, sans-serif; font-weight:100; margin:0px auto;}
#splash_copy a:hover{color:#fff; text-align:center; width:auto;height:25px;font:14px Arial, Helvetica, sans-serif; font-weight:100; margin:0px auto;}


#outside {
	width:970px;
	height:100%;
	margin:auto;
	padding:0;
	color:#333;
	background:#FFF;
	}

#wrapper {width:970px; background:#FFF; margin:0px 0px 0px 0px;}



#fadeshow2 {
background:#999;
border-bottom-width: 6px;
width: 970px; /*width of featured content slider*/
height: 631px;
z-index:1;
}
#fadeshow2toggler {width:970px; height:100%; text-align:right; margin:10px auto 10px auto; float:left;}

#div {
background:#000;
background-image:url(images/about.jpg);
background-repeat: no-repeat;
border-bottom-width: 6px;
width: 970px; /*width of featured content slider*/
height: 625px;
z-index:1;
}
#div2 {
background:#000;
background-image:url(images/contact.jpg);
background-repeat: no-repeat;
border-bottom-width: 6px;
width: 970px; /*width of featured content slider*/
height: 625px;
z-index:1;
}

#copy_content_container {margin: 25px 25px 0 0px; width:400px; height: 551px; background-color:#FFF; border:0px solid #262626; float:right; font-family:Arial, Helvetica, sans-serif;}

#copy_content {margin: 25px 40px 0 0px; width:400px; height: 551px; background-color:#FFF; border:0px solid #262626; float:right; font-family:Arial, Helvetica, sans-serif;}
#copy_content h1{ margin: 20px; color:#000; font-size:18px;}
#copy_content h2{ margin: 10px 20px 10px 20px; color:#222; font-size:12px; font-weight:100; line-height:16px;}


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
background:#999;
border-bottom-width: 6px;
width: 100%; /*width of featured content slider*/
height: 550px;
z-index:1;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
font-size:12px;
height:65px;	
width:100%; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #FFF;
padding: 0px;
float:right;
margin: 10px 10px 0 0;
}

.pagination a{
padding: 0 2px;
text-decoration: none; 
color: #FFF;
background:none;
margin: 10px 10px 0 0;

}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background-color: #CCC;
}


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

/**************** Header *********************/
#header {width:137px; margin: 40px 0 0px 0; float:right;}

#header h1 {margin:0; padding:0; }

#header h1 a {display:block; height:40px;}
#header h2 {background:color:#999999; font-size:11px; font-weight:normal; height:22px; margin-top:5px; padding:5px 0 0 5px; letter-spacing:1px; word-spacing:1px; text-transform:capitalize;}

#header_index {width:137px; height:75px; margin:0px 25px 0; float:left;}
#header_index h1 {margin:0; padding:0; }
#header_index h1 a {display:block; margin:21px 0 0 0;}
#rss {float:right;}

/**************** Navigation *********************/
#navigation{width: auto; margin:68px 20px 8px 0; font-size:12px; font-weight:bold;float:right;}
#navigation_sidebar{width: 140px; margin-top: 20px; font-size:12px; font-weight:bold;float:right;}
#navigation_category{ font-size: 11px; font-weight:bold;float:left;}
#menu {overflow: hidden;}
#menu ul {margin: 0; padding: 0; list-style-image: none; }
#menu li {display: inline; }
#menu ul li a {text-decoration:none;  margin: 0px; padding: 5px 0px 5px 0px; color: blue; background: pink;}
#menu ul li a:hover {color: purple;	background: #FFF; }

.page_item a:link{ text-align:right; color: #333;  background:#FFF; margin:0px; padding:2px 0px 2px 60px; display:inline; }
.page_item a:visited{ text-align:right; color: #333;  background:#FFF; margin:0px; padding:2px 0px 2px 60px; display:inline; }
.page_item a:hover {color:#999; background:#FFF;}
.current_page_item a:visited{color: #999; background:none; margin:0px; padding:2px 0px 2px 60px; width:auto; display:inline;}
.current_page_item a:link{color: #ccc; background:none; margin:0px; padding:2px 0px 2px 60px; width:auto; display:inline;}

/**************** 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:Arial, Helvetica, sans-serif;;border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {font-size:14px; padding-left:0px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;; padding-top:10px; color:#CCCCCC;}

/**************** Content *********************/
#content {margin: 20px 0 0 55px; width:820px; background-color:#FFF; border:0px solid #262626; float:left; font-family:Arial, Helvetica, sans-serif;, Helvetica, sans-serif;}
.info_container { background-color:#FFF; padding:0px; font-size:12px; font-style:italic; margin:0px; width:159px; float:left;}
.post_container { background-color:#FFF; border-top:1px dotted #ccc; margin:0 0 20px 0; padding:58px 0 0 0;}

.comments {padding-left:0px;}
.info { background-color:#FFF; padding:10px 0px 0 0; font-size:12px; font-style:italic; margin:0px;}

.info a {color:#66CC00;}
.info a:hover {color:#fff;}
.entry h2{padding:10px 0 22px 0; margin: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;; font-size:20px; display:inline-block; }
.entry h2 a {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:32px; font-weight:100;}
.entry h2 a:hover {color:#666;}
.entry p{padding:0px; font-weight:100;}
.post{width:630px; font-family:Arial, Helvetica, sans-serif;, Helvetica, sans-serif; padding:0 0 0 0;text-align:left; margin:0px; line-height:20px; color: #999; float:right;}
.content a:link, .content a:visited {color:#F00; border-bottom:1px dotted #999999; margin-left:5px;}
.content a:hover {color:#CCC;}
.entry img {display: inline; padding:7px; margin: 0px 0px 20px; border:1px solid #E0E0E0; max-width:620px; height:auto;}
.entry_splash img {display: inline-block; padding:0px; border:0px solid #E0E0E0; margin:20px 0 0 55px;}

.new {background: #FFF;}
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:7px 0 7px; margin: 0px 0px 10px; font-size:11px; line-height:20px; font-weight:bold; width:129px;}
.tags {padding-left:0px;}
.cats {padding-left:0px;}

/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626; font-family:Arial, Helvetica, sans-serif;;}
h2#respond {font-size:14px; margin-top:10px; font-family:Arial, Helvetica, sans-serif;; 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:575px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {width:12em;font-size:13px; color:#666666;font-weight:bold;padding:3px; margin-right:5px;border:1px solid #1b1b1b; background-color:#666666;}
#submit{font:bold 1em Arial, Helvetica, sans-serif;;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:98%;border:1px solid #1b1b1b;font:13px Arial, Helvetica, sans-serif;;color:#666666;font-weight:bold; background-color:#666666;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}

/**************** Sidebar *********************/
#sidebar { text-align:left;}
#sidebar ul {list-style:none;}
#sidebar h2 {font-size:12px; font-family:Arial, Helvetica, sans-serif;; color: #333333; padding:10px 0 0 5px; border-top:1px dotted #ccc;}
#sidebar ul ul {margin:10px 0 0 5px; padding-bottom:10px;}
#sidebar ul ul li {padding-bottom:5px;}

/**************** Footer *********************/
#footer {text-align:right; font-size:11px; margin:10px; color: #666666;}

/**************** 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; width:460px; font-size:11px;}
.alignleft{float:left; padding:0px 0 0 0; margin-left:20px; width:460px; font-size:11px;}
.alignright_nav{float:right; padding:20px; margin-right:20px; width:200px; font-size:11px;}
.alignleft_nav{float:left; padding:20px; margin-left:20px; width:200px; font-size:11px;}
img.centered{display:block;margin-left:auto;margin-right:auto; padding:4px; border:1px solid #E0E0E0;}
img.alignright{float:right;margin:0px 0 10px 20px;padding:4px; border:1px solid #E0E0E0;}
img.alignleft{display:inline;margin:0px 20px 2px 0px;padding:4px; border:1px solid #E0E0E0;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Arial, Helvetica, sans-serif;; 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;}