/*  

Theme Name: RB-Theme

Theme URI: http://jreflores.net/

Description: Dedicated theme for Reality Bytes, jreflores.net

Author: Jeshurun Flores

Author URI: http://jreflores.net/

Version: 0.1

Tags: Comma-separated tags that describe your theme

Like WordPress, this work is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/



*

{

	margin: 0px;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif

}

body

{

	background-color:#f1f6fa;

	margin:auto;

	font-size: 13px;

	color:#333;

}

a

{

	text-decoration:none;

	color:#333;

}

a:hover

{

	text-decoration:underline;

}

a img

{

	border: none;

}

p

{

	padding: 5px 0 5px;

	line-height: 20px;

	text-shadow: #DDD 0px 1px;

}

h1, h2, h3, h4 h5, h6

{

	font-weight: normal;

}





#main,

#brand-container,

#brand-sub-container,

#footer-container

{

	width: 950px;

	margin: auto;

}

/* MENU CSS */

#menu

{

	margin-top:30px; 

	text-align: right;

}

#menu li 

{

	display:inline-block;

	text-shadow:1px 1px #111;

}

#menu a

{

	color: #FFF;

	font-size: 14px;

	text-transform:capitalize;

	font-weight: bold;

	text-decoration: none;

	padding: 0px 5px 3px 5px;

}

#menu a:hover

{

	color: #D86F00;

}



#menu .current_page_item a

{

	color: #D86F00;

}

/* END MENU CSS */



/* BANNER HEADER CSS */



#branding,

#brand-sub

{

	width: 100%;

}



#branding

{

	height: 76px;

	background-image:url(images/banner_bg.jpg);

}

#brand-sub

{

	padding-top: 6px;

	height: 29px;

	background: #1e293b;

	border-bottom: 5px solid #CCC;

}

#branding a img

{

	border: none;

}

/* END BANNER HEADER CSS */



/* SEARCH FIELD CSS */

#site-search

{

	text-align: right;

}



#searchform #s{

	width: 175px;

	font-size: 12px;

	height: 20px;

}



#search-results h3

{

	font-weight:bold;

}

#search-results h2 a{

	color: #2B3E5F;
	font-family: gorgia, times new roman, serif;
	text-shadow: #FFFEEE 0px 1px 1px;
}

.item-meta{

	border-top: 1px dotted #efc081;

	font-size: 11px;

	margin-bottom: 25px;

}

.search-blur

{

	color: #999;

}

.item-meta .read{

	color: #E0942F;



}

/* END SEARCH FIELD CSS*/







/* MAIN CSS */

#main

{

	background:url(images/glow_down.jpg) center top no-repeat;

	padding-top: 20px;

}

#the-first, 

#recent-posts

{

	background-color: #fcfcfc;

	border:1px solid #DDDDDD;

}

#the-first

{

	padding:15px;

}

#first-title

{

	padding-bottom: 10px;

}

#first-title a

{

	color: #182a4a;

	font-size: 25px;

}

.post-title,

#first-title

{

	text-shadow: #FFFEEE 0px 1px 1px;

	font-family: gorgia, times new roman, serif;

}

a.post-title:hover

{

	background-color: #CCC;

	text-decoration: none;

}



#recent-posts

{

	padding:15px 0 15px 0px;

}

#recent-posts .section-header

{

	padding: 0 15px 0 15px;

	border-bottom:1px solid #EFEFEF;

}



#recent-posts .recent-post-item

{

	padding: 15px 15px 15px 15px;

	border-bottom:1px solid #EFEFEF;

}

.recent-post-item:hover

{

	background-color: #eee;

}

.home-post-title

{

	padding-bottom: 5px;

}

.home-post-title a

{

	color: #2b3e5f;

	font: 20px/24px Georgia, Times, serif;

}

.home-pager
{
	margin: 20px 10px;
}


/* SINGLE POST */

#breadcrumb, 

#breadcrumb a

{

	text-transform: UPPERCASE;

	font-size: 12px;

	color: #e0942f;

	margin-bottom: 20px; 

}

#post .post-title

{

	font-family: georgia, times new roman, serif;

}

#post-content

{

	width: 700px;

	padding: 15px;

	border: 1px solid #DDDDDD;

	background-color: #FFFFFF;

}

#single-title h1

{

	color: #304d8d;

	width: 100%;

	border-bottom: 1px solid #dae3f4;

}

#single-meta

{

	text-transform: uppercase;

	color:#666;

	font-size: 11px;

}

#single-content

{

	padding: 20px 0 20px;

}

#single-content h1,

#single-content h2,

#single-content h3,

#single-content h4,

#single-content h5,

#single-content h6

{

	font-weight: bold;

	padding: 5px 0 5px;

}

#single-content ul,

#single-content ol,

#single-related ul

{

	margin-left: 25px;	

}

#single-content a

{

	color: #4567a5;

}

#single-tags

{

	text-transform: uppercase;

	font-size: 12px;

}





#share

{

	background:none repeat scroll 0 0 #FFFFFF;

	border-top: 1px;

	border-left: 1px;

	border-bottom: 1px;

	border-right: 0px;

	border-color: #DDD;

	border-style: solid;

	margin-left:-90px;

	position:fixed;

	text-align:center;

	width:70px;

	padding: 10px 2px 10px 2px;

}

#share div

{

	text-align:center;

	margin: auto;

	display: inline-block;

	padding: 5px 0 5px;

}



.wp-caption

{

	border: 1px solid #DDD;

	background: #EEE;

	margin: 5px;

}

.wp-caption img

{

	padding: 5px;

	text-align:center;

}

.wp-caption-text

{

	text-align: center;

	font-size: 11px;

	line-height: 12px;

	font-style: italic;



}



/* COMMENTS CSS */



.comment

{

	margin: 10px 0 10px;

	padding: 0 0 10px 10px;

}

.depth-1

{

	/*border-right: 3px solid #CCC;*/

	border-top: 1px solid #CCC;

}

.children

{

	border-left: 2px solid #DAE3F4;

	border-right: 1px solid #dbe5f5;

	margin-left: 10px;

	padding-left: 15px; 

	padding-right: 5px;

	margin-right: 10px;

}

.children .comment

{

	padding-left: 0px;

}

.comment-author img

{

	float:right;

}

.comment-item-options li,

.cancel-comment-reply

{

	display:inline;

	margin: 0 3px 0 3px;

	text-transform: uppercase;

	font-size: 10px;

}

.comment-item-options a,

.cancel-comment-reply a

{

	padding: 0 3px 0 3px;

	color:#999;

}

.comment-item-options a:hover,

.cancel-comment-reply a:hover

{

	background-color:#333366;

	color: #FFF;

	text-decoration: none;

}

.comment-meta

{

	font-size: 11px;

	color:#666;

}

.comment-content
{
	font-size: 11px;
}
.comment-content p
{
	text-shadow:none;
}
#comments

{

	width: 650px;

}

#comments-label

{

	width: 100%;

	background-color: #eff5ff;

	border-bottom: 2px solid #DAE3F4;

	border-top: 1px solid #DAE3F4;

	padding: 7px 0 7px 20px;

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 20px;

}

#comment-list li

{

	list-style:none;

}

#respond

{

	margin-left: 15px;

	font-size: 11px;

}





/* END MAIN CSS */



/* BLOGROLL PAGE CSS */

#blogroll

{

	width: 700px;

}

#blogroll li,

.blogroll li

{

	list-style:none;

}

.blogroll li

{

	padding: 5px 0 3px 20px;

}

.blogroll a

{

	color: #666;

}



.blogroll a:hover

{

	color: #000;

}

.linkcat h2

{

	padding: 15px 0 5px 0;

	color: #304D8D;

}



/* END BLOGROLL PAGE CSS */



/* READ MORE CSS */

.read-more

{

	width: 100%;

	text-align: right;

	padding-top:5px;

}

.read-more a 

{

	

	color: red;

	font-size: 12px;

	

}

#first-read-more a:hover 

{

	color: red;

}

/* END READ MORE CSS */



/* SIDEBARS */

.widget

{

	margin-bottom: 20px;

	font-size: 12px;

	color:#333;

}

.widget li

{

	list-style: none;

	padding: 5px 0 5px 10px;

	border-bottom: 1px dotted #DDD;

}

.widget a

{

	color: #666;

}

.widget a:hover

{

	color:#333;

}

#content,

#sidebar-mid,

#sidebar-right,

#sidebar-post

{

	border: 0px;

}

#content

{

	width: 470px;

}

#sidebar-mid

{

	margin-left: 15px;

	width: 250px;

}

#sidebar-right

{

	margin-left: 15px;

	width: 160px;

}

#sidebar-post

{

	width: 200px;

}



/* END SIDEBARS */



/* FOOTER CSS */



#footer a,

#footer

{

	font-size: 12px;

}

#footer a

{

	color: #afafaf;

}

#footer

{

	background-color: #1e293b;

	border-top: 5px solid #CCCCCC;

	width: 100%;

	color: #efefef;

}

/* END FOOTER CSS */



/** GENERAL CSS **/

.section-header,

.section-header a

{

	color: #e0942f;

	text-transform: uppercase;

	font-size: 14px;

}



.left, 

.alignleft

{

	float:left;

}



.right, 

.alignright

{

	float: right;

}

.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear

{

	clear:both;

}

.capitalize

{

	text-transform: uppercase;

}

.twitter-timestamp

{

	font-size: 9px;

	text-decoration: none;

	color: #666;

}







#subscribe

{

	width: 24px;

	height: 32px;

	background: url(images/rss.jpg) no-repeat right top;

	cursor: pointer;

}



ul.topnav {

	list-style: none;

}

ul.topnav li {

	float: left;

	padding: 0 10px 0 0;

	position: relative; /*--Declare X and Y axis base for sub navigation--*/

}

ul.topnav li a{

	margin: 5px 0px;

	padding: 5px 0;

	color: #fff;

	display: block;

	text-decoration: none;

	width: 100%;

}

ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;

	height: 35px;

	float: left;

	background: url(subnav_btn.gif) no-repeat center top;

}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {

	list-style: none;

	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/

	left: 0; top: 29px;

	background: #333;

	margin: 0; padding: 0;

	display: none;

	float: left;

	width: 120px;

	border: 1px solid #111;

}

ul.topnav li ul.subnav li{

	margin: 0; padding: 0;

	border-top: 1px solid #252525; /*--Create bevel effect--*/

	border-bottom: 1px solid #444; /*--Create bevel effect--*/

	clear: both;

	width: 100%;

}

html ul.topnav li ul.subnav li a {

	float: left;

	width: 100px;

	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;

	padding-left: 20px;

}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/

	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;

}