/*
Theme Name: Conversation PRomag
Theme URI: http://test.qualitywordpress.com/?preview_theme=conversation-promag
Description: 
Conversation promag is a general wordpress theme. There are video sections, featured news and ad banner areas for you to customize your site with. 

Version: 1.0
Author: qualitywordpress
Author URI: http://qualitywordpress.com
*/




/* General */


body {
margin: 0;
font: normal 12px "Century Gothic", Century Gothic;
background: url("images/bg2.gif");
}

a {		
text-decoration: underline;
color: #062433;
}

a:hover {
  color: #000000;
}


h1, h2, h3, h4 {
	
margin: 0;

}


img {
	
border: 0;

}


.clear {
	
clear: both;
	
height: 0;
	
overflow: hidden;

}



/* Page */


#page {
	
margin: 0 
auto;
	
width: 984px;
	
background: url("images/page.gif") repeat-y;

}



#page-in {
width: 984px;
background: url("images/page_in.gif") no-repeat left bottom;
}




/* Header */
#header {
width: 974px;
position: relative;
background: url("images/header.gif") repeat-y;
}


#header-top {
width: 834px;
height: 300px;
background: url("images/header_top4.jpg") no-repeat;
}



/* Main */

#main {
width: 984px;	
padding-top: 5px;	
background: url("images/main.gif") no-repeat;
}

#box-right{
  float: right;
  z-index: 10;
  width: 260px;
  margin-right: 10px;
}	
#sidebar-right {	
margin-bottom: 4px;
padding-right: 2px;
width: 252px;	
background: url("images/post_small.gif") repeat-y;
}
	
#sidebar-right-top {
  width: 254px;			
background: url("images/post_small_top.gif") no-repeat;
}

#sidebar-right-bottom {	
  width: 254px;	
background: url("images/post_small_bottom.gif") no-repeat left bottom;
}

#sidebar-right .title {			
width: 212px;			
height: 30px;			
padding: 15px 30px 0 18px;			
color: #ffffff;		
font: normal 15px "Century Gothic", Century Gothic;		
position: relative;	
}

#sidebar-right .entry {	
font: normal 13px/18px "Century Gothic", Century Gothic;	
color: #000000;	
width: 222px;	
padding: 5px 12px;	
}

#sidebar-right .post-info {		
width: 222px;	
height: 19px;		
padding: 5px 10px 10px 41px;		
font: bold 10px "Century Gothic", Century Gothic;
color: #000000;	
}				

#sidebar-right .post-info-in {				
line-height: 19px;		
width: 230px;			
padding: 0 3px;			
height: 19px;			
text-align: left;		
}

/* Main - Sidebar */
#sidebar {		
float: left;		
width: 211px;		
padding: 0 2px 0 22px;		
font: normal 12px/18px "Century Gothic", Century Gothic;		
color: #000000;	
}
	
#sidebar a {	
color: #000000;		
text-decoration: none;	
}
	
	

#sidebar a:hover {		
text-decoration: underline;	
}
	
/* Main - Sidebar - Boxes */	
#sidebar .sidebar-box {		
width: 182px;		
background: url("images/sidebar_box.gif") repeat-y;		
margin-bottom: 15px;	
}	

#sidebar .sidebar-box-top {		
width: 182px;		
background: url("images/sidebar_box_top.gif") no-repeat;	
}	

#sidebar .sidebar-box-bottom {		
width: 182px;	
background: url("images/sidebar_box_bottom.gif") no-repeat left bottom;	
}
	
	

#sidebar .sidebar-box-blank {	
width: 182px;	
margin-bottom: 15px;
}		

/* Sidebar - Titles */
			
#sidebar h3 {		
width: 182px;			
height: 36px;			
padding-left: 15px;			
font: normal 15px/36px "Century Gothic", Century Gothic;			
color: #ffffff;			
background: url("images/sidebar_title.gif") no-repeat;		
}
		
		
/* Sidebar - Search */		
#sidebar #sidebar-search {			
width: 182px;			
height: 27px;			
background: url("images/sidebar_search.gif") no-repeat;		
}
		
		

#sidebar #sidebar-search #search-form {		
margin: 0;			
padding: 0;			
width: 182px;			
height: 27px;		
}	

#sidebar #sidebar-search #sb {		
width: 149px;			
height: 17px;			
border: 0;			
padding: 5px;			
font: bold 13px "Century Gothic", Century Gothic;			
color: #000000;			
background: transparent;			
float: left;		
}
		
#sidebar #sidebar-search #searchsubmitb {		
background: transparent;			
border: none;			
width: 83px;			
height: 27px;			
padding: 0;			
float: right;		
}

/* Sidebar - Menus */		
#sidebar ul {			
margin: 0;			
padding: 5px 0 15px 0;			
list-style-type: none;		
}
		
#sidebar ul li {		
color: #000000;			
font: normal 12px/29px "Century Gothic", Century Gothic;		
}

#sidebar ul li a {		
color: #000000;		
padding-left: 28px;		
text-decoration: none;			
background: url("images/sidebar_menu.gif") no-repeat left bottom;			
display: block;			
width: 182px;			
height: 29px;		
}
		
		

#sidebar ul li a:hover {
			
text-decoration: none;			
background: url("images/sidebar_menu_hover.gif") no-repeat left bottom;		
}
	

/* Main - Content */
	
	
#content {
	float: left;
	width: 440px;
	z-index: 2;
}
	
#content #notice {	
	position: relative;		
	width: 450px;	
	height: 46px;		
	font: bold 20px "Century Gothic", Century Gothic;
	background: url("images/notice.jpg") no-repeat;	
	padding-left:12px;
	padding-top: 15px;
	padding-bottom: 1px;
	color: #ffffff;
}

#content #notice a {	
	color: #ffffff;	
	text-decoration: underline;
}	

/* Main - Content - Post */

#content .post {
		
float: left;		
margin-bottom: 10px;				
background: url("images/post.gif") repeat-y;	
}
	
	
#content .post-top {
background: url("images/post_top.gif") no-repeat;	
}
		

#content .post-bottom {
background: url("images/post_bottom.gif") no-repeat left bottom;	
}
			
/* Post - Title */		
#content .post .post-title {
			
width: 363px;			
height: 65px;
padding: 15px 10px 0 71px;			
color: #ffffff;			
font: normal 12px "Century Gothic", Century Gothic;			
position: relative;		
}
		
		

#content .post .post-title a {
			
color: #ffffff;			
text-decoration: none;		
}
		
		

#content .post .post-title a:hover {
			
text-decoration: underline;		
}
		
		

#content .post .post-title h2 {	
color: #cccccc;			
font: normal 17px "Century Gothic", Century Gothic;			
padding-bottom: 1px;		
}
		
		

#content .post .post-title h2 a {			
color: #cccccc;			
text-decoration: none;		
}
		
#content .post .post-title h2 a:hover {			
text-decoration: underline;		
}
		
		

#content .post .post-title .post-title-info {		
padding: 0 3px;			
width: 363px;			
height: 19px;			
line-height: 19px;		
}
				

/* Post - Entry */		
#content .post .post-entry {
			
font: normal 12px/18px "Century Gothic", Century Gothic;			
color: #000000;			
width: 390px;			
padding: 8px 10px 0 23px;
text-align:justify;		
}
		
		

#content .post .post-entry a {
			
color: #000000;			
text-decoration: underline;		
}
		
		

#content .post .post-entry a:hover {
			
text-decoration: underline;		
}
		
		

#content .post .post-entry a.more-link {
			
font-weight: bold;		
}
		
		

#content .post .post-entry blockquote {
			
border-left: 10px solid #ededed;			
margin: 0px 30px;			
padding-left: 15px;		
}
		
		
/* Post - Info */
		
		
#content .post .post-info {
			
width: 361px;			
height: 19px;			
padding: 5px 10px 10px 41px;			
font: bold 10px "Century Gothic", Century Gothic;			
color: #000000;		
}
		
			

#content .post .post-info-in {
				
line-height: 19px;				
width: 367px;				
padding: 0 3px;				
height: 19px;				
text-align: left;			
}
		
		

#content .post .post-info a {			
color: #000000;
text-decoration: underline;	
}
		
		

#content .post .post-info a:hover {
			
text-decoration: underline;		
}
		
		

/* Post - Subtitle */
		
		
#content .post h3 {
			
margin: 20px 0 5px 0;			
color: #000000;			
font: bold 15px "Century Gothic", Century Gothic;		
}
		
		

/* Post - Comments */
		
		
#content .post .comments {
			
font: normal 12px/18px "Century Gothic", Century Gothic;			
color: #000000;			
width: 437px;		
}
		
		

#content .post .comments ol {
			
margin: 10px 0;			
padding-left: 25px;		
}

		
		
#content .post .comments ol li {
			
padding: 5px;	
}
		
		

#content .post .comments ol li a {
			
color: #000000;			
text-decoration: none;		
}
		
		

#content .post .comments ol li a:hover {
			
text-decoration: underline;		
}
		
		

#content .post .comments ol li.alt {
			
background: #ededed;		
}
		
		
#content .post .comments ol li cite {
			
color: #000000;			
font-style: normal;			
font-weight: bold;		
}
		
		

#content .post .comments ol li cite a {
			
color: #000000;			
text-decoration: none;		
}
		
		

#content .post .comments ol li cite a:hover {
			
text-decoration: underline;		
}
		
		

#content .post .comments ol li .commentmetadata a {
			
color: #000000;			
text-decoration: none;		
}
		
		

#content .post .comments ol li .commentmetadata a:hover {
			
text-decoration: underline;	
}
		
		

/* Post - Comment Form */
		
		
#content .post #commentform {
			
font: normal 12px/18px "Century Gothic", Century Gothic;			
color: #000000;			
width: 420px;			
padding-left: 25px;			
margin: 0;		
}
		
		

#content .post #commentform a {
			
color: #000000;			
text-decoration: none;		
}
		
		

#content .post #commentform a:hover {
			
text-decoration: underline;		
}
	
	
/* Main - Content - Navigation */
	
	
#content .navigation {
		
float: left;		
margin-bottom: 20px;		
font: bold 12px "Century Gothic", Century Gothic;		
color: #000000;		
width: 440px;		
padding: 0 6px;
}
	
	

#content .navigation a {
		
color: #000000;		
text-decoration: none;
	
}
	
	

#content .navigation a:hover {
		
text-decoration: underline;	
}
	
		

#content .navigation .navigation-previous {
			
float: left;		
}
		
		

#content .navigation .navigation-next {
			
float: right;
}


/* Footer */


#footer {
	
width: 974px;	
height: 60px;	
color: #000000;	
font: normal 10px/16px "Century Gothic", Century Gothic;	
text-align: center;
}



#footer a {
	
color: #000000;	
text-decoration: underline;
}


#footer a:hover {
	
text-decoration: underline;
}