/*
Theme Name: The Brag

Author:Forth Thread Studios

Author URI:http://www.forththreadstudios.com

*/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Body */
* {margin:0; padding:0;}
body {background:#fff; margin:0; font-family:"helvetica neue", helvetica, ariel, sans-serif; }
#wrap {background-color:#fff; color:#000; margin:0px auto; width:960px;}
.bottomline {display:block; border-bottom:1px solid #000; margin:4px 0 0;}

/* Links */
a {background-color:inherit; color:#8f9a9c; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#777; font-weight:bold; text-decoration:underline;}
a img {border:0;}

/* Header */
#header {position: relative; margin:10px 0 7px; width:960px; height: 92px; background-color:#000;}
#header h1 {background-color:inherit; color:#000; font-size:0; letter-spacing:-1px; display:none;}
#header h1 a {background-color:inherit; color:#000; text-decoration:none; display:none;}
#header p {background-color:inherit; color:#000; font-size:0; margin:0; display:none;}
#frontphoto {margin:16px 12px 0;}
#search { float:right; margin-right:15px;}
#ad {border:1px solid;
height:90px;
position:absolute;
right:0;
top:0;
width:728px;}

li#navright img{
padding-top:3px;
}


/* nav */
#main-navigation{background-color:#000; height:30px;}
ul.nav {list-style:none; margin:0}
ul.nav li {display:inline;}
ul.nav li a {background-color:#000; color:#fff; float:left; font-weight:bold; padding:7px 1px 5px 5px; text-decoration:none; margin:0 15px;}
ul.nav li a:hover{color:#777;} 
ul.nav li.current_page_item a {color:#ffae00;}
ul.nav li.current_page_item a:hover{color:#777;}
ul.nav li#navright {float:right;}
ul.nav li#navright {float:right;}
ul.nav li#navright li.current_page_item a {color:#ffae00;}
ul.nav li#navright li.current_page_item a:hover {color:#777;}
ul.nav ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.nav ul a {padding:3px 1px 3px 5px; width:115px;}
ul.nav ul ul {width:113px;}
ul.nav ul ul a {width:100px;}


/* feature */
#featuredwrap{margin-top:20px; height:220px;}
#featureholder{float:left; display:inline; width:220px; background-color:#555; margin:0 10px; height:172px; position: relative;}
#featureholder2{float:left; display:inline; width:460px; background-color:#555; margin:0 10px; height:172px;}
.featuredimage{height:172px; }

.fronttitle{
margin-bottom:20px;
}

h2.title{   position: absolute;
   left: 0;
   width: 220px;}


h2.title span {
   color: white;
   font-size:14px;
   font-weight:bold;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
display:block;
padding-left:10px;
padding-top:6px;
padding-bottom:5px; 
padding-right:13px;

}

p.info{   position: absolute;
   top: 150px;
   left: 0;
   width: 220px;}

p.info span {
   color: white;
   font-size:12px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
display:block;
padding-left:10px;
padding-top:6px;
padding-bottom:5px; 
padding-right:13px;

}


/* Subpage menu */
#subpages {list-style:none; float:left; margin-right:10px; margin-left:10px; width:220px;height:100%;}
#subpages ul.submenu {display:inline; line-height:1.4em; width:220px;}
#subpages ul.submenu li {display:inline; width:220px; padding:0;}
#subpages ul.submenu li a {background-color:#000; color:#fff; float:left; font-size:14px; font-weight:bold; margin-bottom:2px; text-decoration:none; width:210px; height:24px; padding-left:10px; padding-top:3px;}
#subpages ul.submenu li ul {width:220px;}
#subpages ul.submenu li ul li a {font-size:12px;width:207px;padding-left:10px;margin-left:3px;color:#999}

#subpages ul.submenu li ul ul { width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul { width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}

#subpages ul.submenu li a:hover{background-color:#000; color:#777;}
#subpages ul.submenu li.current_page_item a {background-color:#000; color:#ffae00;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#111; color:#ffae00;}


/* content wrap */
#contentwrap{ clear:left;}


/* Sidebars */
#featureleft{
width:220px;
}

#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px 10px;; padding:0; width:220px;}
#featureleftside {width:220px; margin-bottom: 10px}

#network{ width:220px; height:50px;}
.icon{ float:left; display:inline;  width:55px; height:50px;}

#extras {float:right; line-height:1.4em; margin:0 10px 0 5px; padding:0; width:220px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {font-size:1em; font-weight:bold; margin:0 0 10px;color:#fff;background-color:#000; padding-left:10px; }
#leftside label, #extras label {display:none;}
.leftcontent {font-size:0.9em!important; margin:0 0 15px; background-color:#EFEFEF !important;
color:#000000 !important; padding: 15px 0 15px 15px!important; }
#coverside {margin-bottom:10px;  }
#coverside h2 {padding:1px 10px;}


/* Content */
#contentfront {line-height:1.4em; margin:0 250px 5px; padding:0;  }
#content {line-height:1.4em; margin:0 250px 5px; padding:0;}
#content p {font-size:0.8em;padding:0 15px 0 15px;line-height:17px;}
#contentwide {line-height:1.4em; margin:0 0 5px 250px; padding:0;width:460px;}
#contentwide p{font-size:0.8em;padding:0 10px 0 10px;}
#content h2,#contentwide h2 {font-size:1em; font-weight:bold; margin:0 0 10px;color:#fff;background-color:#000;padding:1px 0 1px 10px;}
#contentfront h2{font-size:1em; font-weight:bold; margin:0 0 10px;color:#fff;background-color:#000;padding:1px 0 1px 10px;}
#content h3,#contentwide h3 {font-size:0.9em; margin:0 0 8px;}
#content img {border:1px solid #d0d0d0; float:left; margin:3px 10px 20px 0;}
#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}


/* about page*/
#about {width:700px; height: 296px; margin-left: 10px; font-size:1em; font-weight: bold;float:left; border-bottom:1px solid #000;}
.about p {margin-left: 10px; font-size:0.9em; font-weight: bold;}
#about h2{ background-color:#000; color:#fff; padding: 10px 10px; font-size:1em; margin-bottom:50px; }
#coverabout {float:right; width:220px;margin-right:10px;}
#coverabout h2 {background-color:#000; color:#fff; padding: 10px 10px; font-size:1em; margin-bottom:10px; }
#contentwrapabout{ margin-bottom: 70px; height:400px;}






/* Footer */
#footer {background-color:#000000;
border-top:1px solid #000000;
clear:both;
color:#FFFFFF;
font-size:0.7em;
font-weight:bold;
line-height:1.7em;
margin:0 auto;
padding:10px 0;
text-align:center;
width:960px;}
#footer p {margin:0; padding:0;}
#footer a {color:#fff; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#777; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:0.8em;}
ul.footernav {display:inline;}
ul.footernav li {display:inline; margin:0 10px}
ul.footernav a{color:#fff;}
ul.footernav a:hover {color:#777;text-decoration:underline;}
ul.footernav li.current_page_item a{color:#ffae00 !important; }


/* Tags */
p, ol, ul {margin:0 0 20px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.7em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

/* Forms */
#s,#submit {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#505050;
font-size:0.7em;
margin:3px 3px 0;
padding:4px;
width:130px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:helvetica,Sans-Serif; font-size:0.8em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}
p.commenttext {width:400px; }

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.6em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; color:#606060; font-size:0.7em!important; line-height:1.2em; margin:1px 0 15px; padding:3px 10px!important;clear:both;}
.postinfo1 {background-color:#f4f4f4; color:#606060; font-size:0.7em!important; line-height:1.2em; margin:1px 0 15px; padding:3px 10px!important;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 5px; padding:5px 10px!important;}
.comment p {font-size:0.8em; line-height:1.2em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
/*.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}*/
.navigation p {margin-bottom:15px; padding:0; color:#000;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:230px;}
p.wp-caption-text { font-size:0.6em!important; }
li.tags a {color:#000 !important;}
#team p{ font-size:0.8em;line-height:1.2em;margin-bottom:3px !important; }
#team h4{ font-size:0.8em; margin-top:10px;}