/*  

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:0; 

padding:0;

}



body {

background:#ffffff url(images/Metro_Lightrail_Skyline.jpg) top left repeat-x;

font:13px Arial;

}



#wrapper {

width:907px; 

margin:20px auto;

}



/**************** Links *********************/

a, a:link, a:visited {text-decoration:none; color: #002e4f; outline: none;

}

a:hover {color:#ee1c2e;}



/**************** Header *********************/

#header {

width:907px; 

height: 339px;

margin-bottom:10px; 

float:left;

border-bottom:36px solid #b9e5fb;

/*background: transparent url(images/metro_lightrail_signs.png) no-repeat bottom;*/

}



.flash {

position: absolute;

margin:124px 0 0 0px;

z-index: 2000;

}



#header h1 {

text-indent:-10000px;

margin:0; 

padding:0; 

}



#header h1 a {

float: left;

/*display:block;*/ 

background:transparent url(images/metro_lightrail_logo.png) no-repeat left; 

height:168px;

width: 190px;

outline: none;



}



#header h2 {

/*background:url(images/desc.jpg) no-repeat left;*/ 

float: right;

color:#002e4f; 

font-size:32px; 

font-weight:bold; 

height:22px; 

margin-top:12px; 

padding:5px 30px 0 5px; 

letter-spacing:-0.05em;

word-spacing:1px; 

/*text-transform:capitalize;*/



}

#rss {float:right;}



/**************** Navigation *********************/

#navigation { 

font-size:12px; 

text-transform:uppercase; 

font-weight:bold;

float:left;

text-align: left;



}



#menu {

float:left;  

margin-bottom:10px;

}



#menu li {

list-style:none;

}



.page_item a:link, .page_item a:visited {

color: #002e4f;  

background:#b9e5fb url(images/lightrail-menu.png) no-repeat top left; 

margin-bottom:3px; 

padding:8px 40px 5px 10px; 

height:17px; 

width:152px; 

display:block; 

text-align:right;

}



.page_item a:hover {

color:#002e4f; 

background:#9CE2F4 url(images/lightrail-menu-active.png) no-repeat top left;

}



.current_page_item a:link, .current_page_item a:visited {

color: #ffffff; 

background:#161616 url(images/lightrail-menu-dark.png) no-repeat top left; 

margin-bottom:3px; 

padding:8px 40px 5px 10px; 

height:17px; 

width:152px;

display:block;

text-align:right;

}



/**************** Search *********************/

.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:187px; display:block; }



/*.searchfield {

width:14em; 

color: #666666; 

text-transform:uppercase; 

font-weight:bold; 

font-size:12px; 

font-family:Tahoma;

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:Arial; padding-top:10px; color:#CCCCCC;}



/**************** Content *********************/

#content {

width:640px; 

background-color:#fff; 

float:left; 

margin-left: 20px;

}



.comments {

background:url(images/comments.gif) left no-repeat; 

padding-left:20px;

}



.info { 

/*background-color:#262626;*/

padding:2px 10px 2px 0px; 

font-size:11px; 

margin-bottom:10px; 

margin-top:5px;

border-top:1px dotted #262626;

border-bottom:1px dotted #262626;

}



.info a {color:#cc0000;}

.info a:hover {color:#002e4f;}



.entry h2{

padding-bottom:10px;

}



.entry h2 a {color:#002e4f; font-family: Arial; font-size:22px; letter-spacing:-0.05em; line-height: 1.2em;}

.entry h2 a:hover {color:#000;}

.entry p{padding:0 0 10px 0; }



.entry h3 {color:#262626; font-family: Arial; font-size:17px; letter-spacing:-0.05em; padding: 10px 0px;}



.post {

padding:15px 20px 10px 20px;

/*text-align:justify;*/ 

margin-bottom:20px; 

line-height:18px; 

color: #333;

letter-spacing:-0.02em;

}



.content a:link, .content a:visited {color:#002e4f; border-bottom:1px dotted #999999;}

.content a:hover {color:#ee1c2e;}

.entry img {margin:0 10px 10px 10px;}



.new {

background: #F2F2F2 url(images/new.gif) right top no-repeat; 

border-top: 1px dotted #262626; 

border-bottom: 1px dotted #262626;

border-left: 1px dotted #262626;

border-right: 1px dotted #262626;

}



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:2px 5px 0px 0px; font-size:11px; line-height:22px; border-top:1px dotted #002e4f; 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 #fff; /*border to start comments*/ 

font-family:Arial;

}



h2#respond {

font-size:14px; 

margin-top:10px; 

font-family:Arial; 

font-weight:bold;

}



.commentlist {

padding:20px; 

margin-top:10px;

}



.comtop {

background: url(images/comtop.gif) no-repeat top left; 

padding:5px 0px 0px 0px; 

width:575px;

height: 23px;

}

.combkg {

background: url(images/combkg.gif);

margin-top: -25px;

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: #f2f2f2;}

#submit{font:bold 1em Arial;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 Tahoma;color:#666666;font-weight:bold; background-color:#f2f2f2;}

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 {text-align:right; font-size:11px; margin:40px 10px 10px 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; /*background:url(images/next.gif) no-repeat right; width:100px; font-size:11px;*/}

/*.alignleft{float:left; padding:5px; margin-left:5px; 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 0px 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;}


hr {
  width: 95%;
  
  border-bottom: 1px dotted #666; 
  border-style: none none dotted;
  margin: 5px 0 10px 0px;
}


*****************************************************************

.askmarkrollover a
{
display: block;
width: 523px;
height: 80px;
background: url('http://markaustralia.com.au/wp-content/uploads/2009/09/askmark.jpg') no-repeat;
text-decoration: none;
float: left;

}

.askmarkrollover a:hover
{
background-position: 0px -80px;

}


.onlinepollrollover1 a {
display: block;
width: 390px;
height: 227px;
background: url('http://lightrailextension.metrotransport.com.au/wp-content/uploads/2009/11/lightrail-online-poll-a.gif') no-repeat;
text-decoration: none;
float: left;
}

.onlinepollrollover1 a:hover {
background-position: 0px -227px;
}

.backbutton a {
display: block;
width: 230px;
height: 30px;
background: url('http://lightrailextension.metrotransport.com.au/wp-content/uploads/2009/11/back-menu.gif') no-repeat;
text-decoration: none;
border-bottom:none;
float: left;
margin-top:10px;
}

.backbutton a:hover {
background-position: 0px -30px;
}

*****************************************************************



.gravs p {

color: #002e4f; 

}
.imgborder {
padding: 3px;
border: 1px solid #ccc;
}

*****************************************************************

.pollster {height:30px;margin-bottom:0px;}
.pad {margin:0pt 0pt;width:350px;}
.pollster h3 {margin:6px 6px 0pt 0pt;}
.hide {float:left;margin-left:-999em;}
.key div {float:left;font-size:10px;width:22%;}
.pollster #center {text-align:center;} 
   
.pollsterBarYes {background: transparent url('/poll/pollsterBg.gif')  repeat-none fixed left top;border:0px solid #000000;float:left;height:16px;margin-top:7px;width:304px;}
.pollsterBarYes .pollsterYes {width:0%; background: transparent url('/poll/green.gif') repeat-x scroll left top;border-right:0px solid #AC7B00;height:16px;}
.pollsterBarYes .pollsterYes span {display:block;float:right;height:16px;line-height:16px;padding:0pt 5px 0pt 0pt;text-align:right;width:95px;position:relative;left:70px;}
.pollsterBarYes .pollster .beyond {background: transparent url('/poll/green.gif') no-repeat scroll right top;font-size:11px;font-weight:bold;}
   
.pollsterBarNo {background: transparent url('/poll/pollsterBg.gif') repeat-none scroll left top;border:0px solid #000000;float:left;height:16px;margin-top:7px;width:304px;}
.pollsterBarNo .pollsterNo {width:0%;background: transparent url('/poll/red.gif') repeat-x scroll left top;border-right:0px solid #AC7B00;height:16px;}
.pollsterBarNo .pollsterNo span {display:block;float:right;height:16px;line-height:16px;padding:0pt 5px 0pt 0pt;text-align:right;width:95px;position:relative;left:70px;}
.pollsterBarNo .pollster .beyond {background: transparent url('/poll/red.gif') no-repeat scroll right top;font-size:11px;font-weight:bold;}

*****************************************************************

/* andrewg is gay - styles */

form {
 display:inline;
}

.textField {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
	width:270px;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	margin:6px 0px 6px 0px;
}

.textField:focus {
	background-color:#ffffcc;
	border: 1px solid #333333;
}

.selectField {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#006699;
	width:270px;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	margin:6px 0px 6px 0px;
}

.selectField:focus {
	background-color:#ffffcc;
}