/*********************************************************************************************

Theme Name: CRNEW
Theme URI: http://www.rootofsite.com
Description: This is one of the best themes out there, developed by Reess Kennedy.
Version: 3.0 
Author: Reess Kennedy
Author URI: http://www.rootofsite.com/

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



**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/   
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; text-align:center; background-color: #171717; color: #888; }
a {text-decoration:none; color: #B2181F; outline:none; border:none;}
a:hover {text-decoration:underline; }

/********************************************************************************************* 

1. Header & Page Structure  -------------------------  header.php

*********************************************************************************************/  
 
#container {width:100%; width: 960px; min-height: 200px; margin: 0 auto; text-align:left; }
#container div.wrapper {margin: 0 auto; text-align: left; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 1px 0; border-bottom: solid 1px #333; }
#container div.sepMenu {margin-bottom: 20px; }

#header { padding: 15px 5px; border-top: solid 1px #333; border-bottom: solid 1px #333;}
#logo {float: left; display: inline; }
#bannerHead {float: right; display: inline; }


/********************************************************************************************* 

2. Navigation  -------------------------  header.php
   
   Dropdown menu can be styled from /css/ folder -> dropdown.css file

*********************************************************************************************/  

#topNav { line-height: 1.5; float:left; width:100%; border-bottom: solid 1px #333; margin:3px 0 21px; padding-bottom:8px;}
#topMenu{background: #cdcdcd url(images/back_menu.png) repeat-x top left; display: block; margin: 0 2px;  }
#topMenu li { font-size: 11px;  }
#topNav a {color: #999; text-decoration: none; text-shadow: #111 1px 1px 0; }
#topNav a:hover {color: #ddd;}
#topnav_menu { float:left; width: 680px; margin-top:3px; }
#menuSocial {float: right; display: inline; margin-top: 6px; font-size: 11px; }
#menuSocial li {float: left; display: inline; margin-left: 5px; line-height: 20px; }
#menuSocial img {border: solid 1px #111;  float: left; display: inline; margin-right: 5px; }

#navigation{line-height: 29px; margin: 9px 0; }
#nav{background: #cdcdcd url(images/back_menu.png) repeat-x top left; display: block; margin: 0 2px; }

#menu {position:relative; z-index:200; }
#menu li li{margin-right: 0; border-left: none; }

li.current-menu-item,  li.current_page_item,  li.current-menu-ancestor,  li.current-menu-parent,  li.current_page_parent { background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;  }

#topNav li.current-menu-item, #topNav li.current_page_item,  #topNav li.current-menu-ancestor,  #topNav li.current-menu-parent,  #topNav li.current_page_parent { background-color: #333; background-image:none;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
	
	
/********************************************************************************************* 

3. Featured Slider -------------------------  wpzoom_featured_posts.php

*********************************************************************************************/   
		
#featPosts {margin-bottom: 30px; width: 960px; position:relative; }
#featPostsBig {font-size: 12px; line-height: 18px; background: #1f1f1f url(images/back_feat_posts.png) repeat-x top left; min-height: 250px; padding: 15px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#featPostsBig div.cover {float: left; display: inline; margin-right: 15px; }
#featPostsBig p {color: #aaa; }
#featPostsBig p.postmetadata, div.single p.postmetadata {font-size: 11px; line-height: 16px; color: #888; margin:0 0 5px;}
#featPostsBig h2 {font-size: 31px; line-height: 36px; margin-bottom: 10px; }
p.more {font-size: 13px; font-weight: bold;}
p.more a {color: #fff; padding: 5px 10px; background: #2e2e2e url(images/back_menu.png) repeat-x top left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
p.more a:hover {text-decoration: none; color: #fa9b0f;}

#featPostsSmall {background: #252525 url(images/back_posts_small.png) repeat-x top left; padding: 15px 20px 0; margin-bottom: 25px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#featPostsSmall li {float: left; position:relative; height:98px; margin:0 0 15px; display: inline; filter:alpha(opacity=45);	opacity:.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";}
#featPostsSmall span {position:absolute; background:url(images/overlay.png) no-repeat; width:135px; height:98px; display:block; top:0; left:0;}
#featPostsSmall li a {margin-right: 20px; }
#featPostsSmall li.last a {margin-right: 0;}
#featPostsSmall li img { }
#featPostsSmall li.active, #featPostsSmall li:hover {filter:alpha(opacity=100);	opacity:1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

		/* Required */
.container { overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides li.slide { position:absolute; top:0; width:930px; min-height: 250px; display:none; }
.postcontent { height:100%; overflow:hidden;}
		/* Optional */

a.previous { position: absolute; top: 130px; left: -20px; }
a.next { position: absolute; top: 130px; right: -20px; }
a.browse { position: absolute; width: 20px; height: 40px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; outline:none; border:none;}

a.previous { background-position: 0 0; right: 15px; }
a.previous:hover { background-position: 0 -41px; }

a.next { background-position: -21px 0; }
a.next:hover { background-position: -21px -41px; }

.slides div a.more_link { display: none; }

#featPosts { position:relative; clear:both; }

#postFuncs {margin: 0 0 15px; background: #2e2e2e url(images/back_funcs.png) repeat-x top left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 33px; padding-left: 10px; }
#funcStyler {float: right; display: inline; margin: 10px 20px 0;}
#funcStyler a {margin-left: 8px; }
#postFuncs h2 {font-size: 15px; font-weight: bold; color: #fff; line-height: 33px; }


/********************************************************************************************* 

4. Homepage (Recent articles)  ----------------  index.php, archive.php,  

*********************************************************************************************/   

#content ul.posts div.cover {margin-bottom: 5px; }
#content ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; }
#content ul.posts p {font-size: 11px; line-height: 16px; margin-bottom: 0; }
p.postmetadata {color: #888 !important; }
p.postmetadata a {color: #fa9b0f;}
#content ul.posts li {float: left; display: inline; margin-bottom: 10px;  }
#content ul.posts li:hover {background-color: #2f2f2f;}
#content ul.posts-3 li {width: 216px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1;*display: inline; }
#content ul.posts li.last {margin-right: 0;}
#content ul.grid p {display: none;}
#content ul.grid p.postmetadata {display: block;}
#content ul.list p {display: block; color: #aaa;}
#content ul.list p.postmetadata {margin: 6px 0 10px; }
#content ul.list h2 {font-size: 21px; font-weight: bold; line-height: 26px; }
#content ul.list li {width: 100%; float: left; display: block; clear: both; margin-bottom:20px; padding-bottom:15px; xzzborder-bottom:1px solid #333; }
#content ul.list li:hover {background:none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none;}
#content ul.list li div.cover {float: left; display: inline; margin-right: 15px; }
#content ul.list p.more {margin: 12px 0 4px;}
#content ul.grid li.cleaner {clear: left; display: block; visibility: hidden; float: none; font-size: 1px; line-height: 1px; height: 1px; padding:0; margin-bottom: 3px; }
#content ul.list li.cleaner {display: none;}




#content {float: left; display: inline; width: 715px; margin-right: 20px; }
#sidebar {float: left; display: inline; width: 225px; }
div.full #content {float: none; display: block; width: 960px; margin-right: 0; }
div.full #sidebar {display: none; }
div.invert #content {float: right; margin-right: 0; margin-left: 20px; }
div.invert #sidebar {float: right; }

#content div.postmetadata, #content div.single {float: left; display: inline; } 
#content div.postmetadata {width: 125px; margin-right: 20px; font-size: 12px; line-height: 18px; }
#content div.postmetadata div.sep {margin: 15px 0; }
#content div.postmetadata p.header {font-size: 13px; font-weight: bold; color: #fff; }
#content div.postmetadata a {color: #888;}
#content div.postmetadata a:hover {color: #fa9b0f;}
#content div.single {width: 570px; font-size: 13px; line-height: 18px; }
#content div.single-page {float: none; display: block; width: 715px; }

div.full #content div.single {width: 815px; }
div.full #content div.single-page {width: 960px; }
div.invert #content div.postmetadata {float: right; margin-right: 0; margin-left: 20px; }


/********************************************************************************************* 

5. Posts & Pages Styling  -------------------------   single.php, page.php

*********************************************************************************************/   

.single {color: #ccc; font-size: 13px; line-height: 20px; overflow:hidden; }
.single blockquote {font-family: Georgia,serif; font-size: 24px; line-height: 32px; font-style: italic; color: #bbb; font-weight: normal; border-left: solid 3px #333; margin-left: 15px; padding-left: 15px; }
.single h1 {font-size: 34px; font-weight: bold; line-height: 40px; margin: 0 0 10px; border-bottom:1px solid #333; padding-bottom:10px;}
div.zoomVideo {margin: 0 0 20px; }
div.zoomVideoBig {margin-top: 10px; margin-bottom: 30px; text-align: center; background: #222322 url(images/back_video_big.png) repeat-x top left; min-height: 300px; padding: 15px; border-bottom: solid 1px #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.gallery .gallery-item { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.gallery { margin: auto; text-align: center; clear: both; }
	.gallery img { border: 4px solid #111111; }
.gallery-caption { margin-left: 0; }

ul.wpzoomSocial li {float: left; display: inline; width: 130px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; }
ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

a.switch_thumb {display: block; width: 37px; height: 14px; background-image: url(images/switch.png); background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; }
a:hover.switch_thumb {filter:alpha(opacity=75);	opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
a.swap { background-position: left top; }

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}
/* End Various Tags & Classes*/

/********************************************************************************************* 

6. Comments  -------------------------  

*********************************************************************************************/   


/********************************************************************************************* 

7. Sidebar & Footer Widgets -------------------------  

*********************************************************************************************/   


/********************************************************************************************* 

8. Footer  -------------------------  

*********************************************************************************************/   


/********************************************************************************************* 

9. Toolbox CSS  -------------------------  

*********************************************************************************************/