/*
Theme Name: Pho411
Theme URI: http://www.pho411.ca/blog
Description: Pho411 Blog
Version: 0.1
Author: Thierry Lam
Tags: blog integration

Pho411 blog integrated into www.pho411.ca
*/

/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body {
        font: .9em "lucida grande", verdana, "Times New Roman", Sans-Serif; 
        color: #333; 
        background-color: #cccccc; 
        height:100%; 
}

a { color: #A82A15; text-decoration: none; }
img { border: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }
h3 { font-size:1.1em;}
.hr { color: #ccc; }
p { margin: 5px 0 15px; line-height: 1.8em; text-align: justify;}



#header{
	margin: 0 auto;
	width: 940px;
	margin-top: 10px;
        margin-bottom:5px;
        font-size: .9em;
}

#header a { color:#000000; }

#container { 
        margin: 0 auto; 
        width: 940px; 
        background: #fff url(images/frame/bg.gif) repeat-x; 
        margin-bottom: 30px; 
        padding-left: 0px; 
        padding-right: 0px; 
        height:100%
}

/*#top {
        width: 940px; 
        margin-top: -3px; 
        text-align: center;
        padding: 10px 0px 10px 0px; 
        background:#000000; 
        border-bottom: 3px solid #999999;
}

	#top li { list-style: none; display: inline;  }
	#top li a {font-size: 1.1em; padding: 2px 45px 2px 45px; margin: 0 0 0 0; color: #ffffff; }
	#top li a.current { color: #fff; background: #A82A15; }
	#top li a:hover {}*/

#top {
        width: 940px; 
        height: inherit;
        margin-top: -2px; 
        text-align: center;
        padding: 10px 0px 10px 0px;
        background-color: #cccccc;
        background-image: url(http://www.pho411.ca/theme/new/images/frame/blogtop-bg.png);
        background-repeat: repeat-x;
        border-bottom: 4px solid #cccccc;
}

	#top li { list-style: none; display: inline;  }
	#top li a {font-size: 1.1em; padding: 10px 27px 9px 27px; margin: 0 0 0 0; color: #ffffff; }
	#top li a.current { color: #fff; background: #A82A15; }
#top li a:hover {  
        background-image: url(http://www.pho411.ca/theme/new/images/frame/blogtop-hover-bg.png);
        background-repeat: repeat-x;
        border-right: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        color: #ffffff;
}


#footer { clear: both; padding: 5px ; border-top: 1px solid #ccc; font-size: .9em;}
	#r { float: right; }
	
/****************************************************

BLOG PAGE

*****************************************************/
#promote { float: right; width: 285px; margin-top: 15px; background: #ffffff; padding:0px; border: 0px solid #dedede; height: inherit; }


#blog-nav { 
        font-size: .9em;
        float: right;         
        width: 275px; 
        margin-bottom: 10px; 
        background: #ffffff; 
        padding:0px 10px 0px 0px; 
        border: 0px solid #dedede; 
        height: inherit; 
}
#blog-nav ul {
        line-height: 12px;
}

#blog-nav li { list-style: none; margin-left: 0px; line-height: 20px; font-size:1.15em; }
	#blog-nav li a {display: inline; padding: 5px 5px; margin-left:0px; color:#A82A15; }
	#blog-nav li a:hover { text-decoration: underline; }


#blog-links { 
        float: right; 
        width: 150px; 
        margin-right: 135px; 
        margin-bottom: 10px; 
        background: #000000;
        padding:5px 0px 5px 0px; 
        border: 0px 0px 0px 2px solid #eee;
}
#blog-links img {margin-left:1px; margin-right:1px;}

#blog-links li { list-style: none; margin-left: 0px; }
	#blog-links li a { display: inline; padding: 5px 5px; margin-left:0px; }
	#blog-links li a:hover { text-decoration: underline; }


/* the blog-content is for the main blog page */
#blog-content { 
        float: left; 
        width: 605px;
        margin: 0 0 25px;
        padding-left: 15px;
        padding-top:10px; 
}
		
/* Single blog post */

#content {
        float: left;
	margin-left: 25px;
        margin-top:10px;
        width: 605px;
}

#content ol {
        list-style-position:inside;
}

//////////NEXT article, PREVIOUS article//////////////

#nextarticle {}

#nextarticle-left {
        float:left;
        width: 290px;
        height: inherit;
}
#nextarticle-right {
        float:left;
        margin-left:15px;
        width: 290px;
        height: inherit;
}
#nextarticle-symbol {
        float:right;
        width: 10px;
}

/*RESPONSES*///////////////////////
#responses {
         float: left;
         margin-left: 0px;
         padding-left: 0px;
}
#responses h3 {
         float: left;
         margin-left: 0px;
         padding-left: 0px;
}
#responses h5 {
         color: #5CB3FF;
         font-weight: regular;
}
#responses h5 a {
         color: #5CB3FF;
         font-weight: regular;
}

/*comment-list is located in comments.php*/
#comment-list {}
#comment-list ul {
        list-style:none;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 80%;
	padding: 2px;
	}



/* Lines, left, right, and right1 are for the 2 lines outside "category" and "share" button*/
#lines  {
        border-top: 2px solid #d8d8d8;
        border-bottom: 2px solid #d8d8d8;
        border-right: 0px solid #666666;
        border-left: 0px solid #666666;
        padding-bottom: 0px;
        width: 605px;
        height: 32px;
        margin-top: -15px;
        margin-bottom: 15px;
        font-size: 90%;
}

#left {
         float: left;
         margin-right: 5px;
}
#right {
         float: right;
}
#right1 {
         float: right;
         margin-top:8px;
}


/* Get Recent Comments */

#comments {
        font-size: 1.2em;
        line-height: 170%;
        color: #000000;
}
#comments a {
       color: blue;
}

#comments hr {
       border-top : dotted 1px #666666;
}

/* END RECENT COMMENTS*/

/*Categories (including post count)*/

#archive {   
        font-size: .85em;
        margin-bottom: 5px; 
        padding:0px 10px 0px 0px;  
        height: inherit; 
}


#archive li { list-style: none; margin-left: 0px; line-height: 28px; font-size: 1.1em; }
	#archive li a {display: inline; padding: 5px 5px; margin-left:0px; color:#A82A15; }
	#archive li a:hover { text-decoration: underline; }

/*End Categories*/

/*STAFF*/

#staff {    
        margin-bottom: 10px; 
        padding:0px 10px 0px 0px;  
        height: inherit; 
}
#staff h2 {
        margin-bottom: 5px;
}


#staff li { list-style: none; margin-left: 0px; line-height: 28px; font-size:1em; }
	#staff li a {display: inline; padding: 5px 5px; margin-left:0px; color:#A82A15; }
	#staff li a:hover { text-decoration: underline; }

/*END STAFF*/


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */