/*
Theory Communication and Design 
Page Design Copyright 2008
Design: Jonathan Connolly (Is a laid back, overconfident, ankle spraining, amazing art dude)
CSS: Corey Mullane (Is the coolest dude on the planet)
Revamped CSS: Ian Anderson (Not as cocky, my work speaks for itself)
*/
/*

                                                                       L7777                                                                          

                             !0L7:'                           MHMHM(   HHHUM                                                                          

       UHMMHUMH'       !LHMHHHUHHHHHHU'                       MHHHM(   HUHHM                                                                          

          UMHMHHUUHMHHHHHHHHUHHHHHHHUUHMM:                    HHHUM:   HHHHH`                                                                      

           (MHUHHHHHUHHHHHUHHHHHUHHHHHHUMMS                   HHHUM:   MHUHH   `!!`         '!!'           `!!'`             `'!!:!:!`    '!!:!'      

        'LMHHHHHHHHHHHHHUHMHHHHHMHHMS    (MHMH              LHHUHHHMHM7HHHHH7MHHHHHMU    LMHHMMUHHM`    `MHUHHUHHMU  `MMHH SMUHH7HMHHH    UHHUH(      

  `LHHMHHUHMHHHHHHHHHHHUMHUHHHHMU'  'UMHHM(   MH!           SHMHUHHHMM7MUHHHHMMHHHHHUU  MMUHHUUHHHHH!  LHHHHHUMHMUHM `MHHHHMUMHH MHHUM`  'MHHHM       

    `LHHHHHHHUUHHHHHHHHHHHMHHH!         7MMHHMUHHHM7          HHHUH:   MHHHH`   UMHUHH MUHH:    MHHUH :MUHH    LMHHHH MHUHHHH777 SHMHHL  7HUHM(       

        SHMHUHHHHHHHHHHHMHHMUHM          HHHMHHHUHUUHMU!      HHHHM(   MHHHH    !HHHHM'MHUM     LMHHH`UHUH:     MHMHM'MUHHU      'MHUHM  HHHHH        

         'UHHUHHHUMHHHHMLLMMHHHM(      (HHHHHHHHHHHUHHM       MHHHM(   HHHHH    'MHHHM!HHHH     LHUHM!HHMH!     HHHHM:HHHM'       HHHHM` MHHHU        

            `UMHUSMHL       (MHHUMM  SMHHHHHHUHHHHMHMU        MHHHH(   MHHHH    !HHHUM(HHHHMHMHMHUHHH(HHHH!     MHHHM7HHHM'       :MUHM(!HHUM!        

                H`  :MHHHMU    H' :MHHHHHHHUHHHHHMHMHHHM:     MHHHH(   MHHHH    !HHHUM7HHHHHMMMMHMMMM7MHUU'     HHHHHLHHHM'        HHHHHLHHHM         

                  `HHHHHUHUMMH(7HHHMUHHUHHHHHUHUMHU   UMMH    MHHHM(   HHHHH    'MHHHH(MHHH    `      MHUH!     MHHHM(HHHM'        :HHHMHHUM:         

                     `SMHHUHHUHHUHHHHHHHHHHHHHHHM!            HHUUM:   HHHUH    'MHHHH!MHHH     SHHHM HMUH:     MHHUH!MHHM'         MUHHHHHM          

                         LHHHHHHHUMUUHHHHMUUHHHH              MUHHH7   MHUHM    'MHHUM MHHH!    MUHHM (MHHS    (MUHUM MHHM'         :MHHUHH(          

                          'MHHHMHHUHHHHHUHHUHHH               MUHHHH`  HMUHH    !HHHHM UHHHH ` 7MHHHS 'MHHM'  `HHMMH( MHUM'         `MHHHHM'          

                             `HHHUHHHMHHHUHHHM                LMHUHHHM7UHHUH    'HHUHM` HHHHMHHHUHHH   (MHHMMHHHHUML `MHUM'          SHHHHU           

                               `SMMUHHHMUHHMM`                 LMMHMMMLMMMHM    !MMMHM    HMMHHMMH`      7HHMMHMML   'MMMH!          'HHHM:           

                                   :UHMHMMU'                                                                                         SHUMH            

                                                                                                                                 7HHMUUHM`            

                                                                                                                                 (MHUHHH              

                                                                                                                                 (MHHMML              


 */

/**********************************************
*   Basics & Typography                       *
***********************************************/

body {
	background:url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/stars.jpg") repeat scroll center top #000000;
	color:#FFFFFF;
	font:75% Arial,Verdana,Sans-Serif,'Georgia','Lucida Grande';
	width:100%;
	margin: 0 0 0 0;
	}

p,
ol,
ul {
	line-height: 150%;
	}
ol { /* to be styled */ }
ul { /* to be styled */ }

h1, h2, h2b, h3, h4, h5, h6, h7 {
	margin: 0;
	font-style: normal;
	font-weight: lighter;
	background: transparent;
	}

h1 {
	font-size: 2.2em;
        color: #ffffff; 
	}
h2 {
	font-size: 1.4em;
        color: #ffffff;
	}
h2b {
	font-size: 1.0em;
        color: #FFFFFF;
	}
h3, h4, h5, h6 {
	font-size: 1em;
        color: #ffffff;
	}
h7 {
	font-size: 1.2em;
        color: #ffffff;
	}
a:link {
	color: #a3a3a3;
	text-decoration: none;
	}
a:visited {
	color: #668aff;
	text-decoration: none;
	}
a:hover {
	color: #4a5265;
	text-decoration: underline;
	}
a:active {
	color: #a3a3a3;
	text-decoration: underline;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
	}

code {
  background: #afafaf;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.8em;
	}

input, textarea, select { /* to be styled */ }

form { /* to be styled */ }

img { /* to be styled */ }
img.noborder {
	border: none;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}
.center {
	text-align: center;
	}
.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	margin-left: 10px;
	}

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
	width: 100%;
	font-size: 1.3em;
	}

.bottomStar {
	background:url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/bottomgalaxy.png") no-repeat scroll left top transparent;
	float:left;
	height:auto;
	margin:-250px 0 0;
	padding:420px 0 0;
	width:100%;
	z-index:1;
	}


/**********************
*   Header            *
***********************/

#header {
	height:520px;
	margin:0 auto;
	width:1216px;
    background: url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/bodyback.jpg") no-repeat scroll center top;
	}


#header h1 {
	padding: 50px 0 0 50px;
	}

#header h1 a {
	color: #fff;
	}


/***************************
*    Main Navigation Bar   *
****************************/

#navbar {
		background-image:url("images/navline.jpg");
		clear:both;
		height:31px;
		margin:-260px auto 0;
		width:100%;
		}
#navcenter {
		margin: 0 auto 0 auto;
		width:1000px;
		}
ul.menu {
		float:left;
		list-style-type:none;
		margin:0 0 0 0;
		padding:0 0;
		}
ul.menu li {
		float:left;
		height:100%;
		width:100px;
		border-left-color:#5C5C5C;
		border-left-style:solid;
		border-left-width:1px;
		}
ul.menu li a {
		color:#2B2B2B;
		display:block;
		float:left;
		font-family:sans-serif;
		font-weight:bold;
		height:28px;
		line-height:23px;
		margin:0 0;
		padding:0;
		width:100px;
		}
ul.menu li a:link, ul.menu li a:visited {
		background:none repeat scroll 0 0 transparent;
		color:#333333;
		float:left;
		font-size:15px;
		font-weight:lighter;
		line-height:30px;
		text-align:center;
		}
ul.menu li a:hover, ul.menu li a:active {
		background:url("images/nav_hover.jpg") repeat scroll 0 0 transparent;
		float:left;
		font-family:sans-serif;
		font-weight:lighter;
		height:31px;
		text-decoration:none;
		width:100px;
		color:#FFFFFF;
		}
ul.menu li.current_page_item a:link, ul.menu li.current_page_item a:visited, ul.menu li.current_page_item a:hover, ul.menu li.current_page_item a:active {
		background:url("images/nav_active.jpg") repeat scroll 0 0 transparent;
		color:#FFFFFF;
		float:left;
		font-family:sans-serif;
		font-weight:lighter;
		height:31px;
		margin:0;
		text-align:center;
		text-decoration:none;
		width:100px;
		}

	.searchbar {	
		float:left;
	height:31px;
	margin:0 0 0 110px;
	width:165px;
		}
	.searchform {
		width: 200px;
		height: 20px;
		text-align: left;
		}
input#s {
		background:url("http://theoryconcept.com/blog/wp-content/themes/notso_freshe/images/searchbg.png") repeat-x scroll 0 0;
		border:1px solid #999999;
		height:18px;
		margin:5px 0 0 1px !important;
		padding:0 0 0 15px;
		width:100%;
	    -moz-border-radius:10px;
	    -webkit-border-top-left-radius:10px;
	    -webkit-border-top-right-radius:10px;
	    -webkit-border-bottom-left-radius:10px;
	    -webkit-border-bottom-right-radius:10px;
		}


/***********************
*  Wrapper             *
***********************/

#wrapper {
	background:none repeat scroll 0 0 transparent;
	height:auto;
	margin:30px auto 0;
	padding:0;
	width:1000px;
	}

/**********************
*   Content           *
***********************/


#content {
	background:none repeat scroll 0 0 transparent;
	float:left;
	height:100%;
	position:relative;
	width:650px;
	z-index:50;
	}

.pages {
	float: left;
	width: 580px;
	background: transparent;
	}
.pages-border {
	clear: both;
	width: 100%;
	height: 6px;
        font: 80% Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
	color: #ffffff;
	background: transparent;
	}
.page-previous {
	float: left;
	padding: 10px 0 16px 30px !important;
	padding: 0 0 15px 30px; /* Fuck IE */
	}

.page-next {
	float: right;
	padding: 10px 30px 16px 0 !important;
	padding: 0 30px 15px 0; /* Fuck IE */
	}

.page-title {
	width: 530px;
	margin: 20px 0 0 0;
	background: transparent;
	}
.page-title h2.page-title-border {
	padding: 0 0 0 30px;
	font-size: 1.6em;
	line-height: 48px;
	color: #ffffff;
	}

/**********************
*   Blog Entries      *
***********************/

.post {
	padding: 20px 30px 30px 0;
	background: transparent
	}

.postentry {
	color: #ffffff;
	text-align: left;
	}
.postentry a,
.postentry a:hover {
	color: #a3a3a3;
	}

.postentry img {
	border: 4px solid #191919;
	}
.postentry img:hover {
	border: 4px solid #191919;
	}

.posttitle { /* to be styled */ }
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
	color: #ffffff;
	}

.postmeta,
.postmeta a {
	margin: 5px 0 ;
	font-size: 1em;
	color: #a3a3a3;
	}
.post-date {
	padding: 0 0 0 20px;
	background: url(images/icon_date.png) no-repeat 0 0;
	}
.post-comment {
	padding: 0 0 0 20px;
	background: url(images/icon_comments.png) no-repeat 0 0;
	}
.post-filed {
	padding: 0 0 0 20px;
	background: url(images/icon_filed.gif) no-repeat 0 0;
	}


/**********************
*   Comments          *
***********************/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #000000;
	background: #fafafa url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: transparent !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #a3a3a3;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(images/none.gif) repeat-x center bottom;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	background: transparent url(images/none.gif) repeat-x center top;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #aaa;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #fec02a;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 456px;
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url('images/submit.gif') repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url('images/submit_hover.gif') repeat 0 0;
	}	


/**********************************************
*   FlickrRSS Border and Color Settings       *
**********************************************/
#flickr {
	background:url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/flickrback.png") repeat scroll 0 0 transparent;
	height:359px;
	padding:10px;
	width:255px;
	}

 #flickr ul {
           float: left;
            }

#flickr ul li { display: inline; } 

 #flickr ul, #flickr ul li { background: transparent; padding: 0; margin: 0; border: 0; }
#flickr a img { border: 1px #A3A3A3 solid; padding: 2px; margin: 2px; }
#flickr a:hover img { border: 1px #ff0000 solid; } 









/**********************
*   Sidebar           *
***********************/

#sidebar {
	background:none repeat scroll 0 0 transparent;
	float:left;
	margin:0 0 0 50px;
	width:295px;
	}
	
#sidebar .sideinside{
		float:left;
		width:auto;
		height:auto;
		}
#sidebar .sideinside img{
	padding:10px 0 0;
	}	

#sidebar-categories{
        width: 100%;
	padding: 0 0 0 0;
	float: left;
	}
	
#sidebar .divline{
	background:url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/sb-divider.png") repeat scroll center center transparent;
	float:left;
	height:5px;
	width:100%;
	margin: 0 0 20px 0;
}

#sidebar img{
	max-width: 280px;
	border: none;
}

#sidebar h2.feed-title {
		margin: 0;
		padding: 20px 0 0 3px;
		background: none !important;
		font-size: 1em;
		}
#sidebar h2.social-title {
		margin: 0;
		padding: 20px 0 10px 3px;
		background: none !important;
		font-size: 1em;
		font-weight: lighter;
		}
	.rssfeeds a.rss  {
		padding: 0 0 0 0px;
background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
		}
	.socialtools img  {
		border: 1px solid #edf2ff;
              	padding:1px;
		}
#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 20px 0px;
	background: url(images/none.gif) repeat-x center bottom;
	font-size: 2em;
	font-weight: lighter;
	}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#sidebar ul li {
	clear: both;
	color: #bbb;
	}
#sidebar ul.no-splitted li {
	padding: 0 0px;
	}
#sidebar ul.no-splitted ul li {
	margin: 0 0px;
	}
#sidebar ul.list {
        margin: 0;
	font-style: normal;	
		font-weight: lighter;
	background: transparent;
        font-size: 1.5em;
        color: #ffffff;
        }
#sidebar ul.category ul li {
        font-style: normal;
	background: transparent;
	color: #ffffff;
        font-size: 1.6em;
		font-weight: lighter;
	}
#sidebar ul.blc {
	padding: 0 0px;
	}

#sidebar li#sidebar-splitted {
	float: left;
	width: 100%;
	margin: 0 0 0px 0;
	}
#sidebar-splitted .splitted-left {
	float: left;
	width: 140px;
	}
#sidebar-splitted .splitted-right {
	float: right;
	width: 145px;
	}

ul.splittedlists li {
	background: transparent url(images/k.gif) no-repeat 5px 5px;
	padding: 0 0 0 0px;
	}
ul.splittedlists ul li {
	margin: 0 0 0 0px;
	}
ul.splittedlists li a:link,
ul.splittedlists li a:visited {
	color: #ababab;
	}
ul.splittedlists li a:hover,
ul.splittedlists li a:active {
	color: #000000;
	}
ul.category ul li {
        font-style: normal;
	font-weight: bold;
	background: transparent;
	color: #ffffff;
        font-size: 1.6em;
	}
	
.aktt_tweets {
	/*font-size:1.2em;*/
}
.aktt_tweets a{
	color:#FFF;
}
.aktt_tweets li{
	margin: 0 0 20px 0;
}

/**********************
*   Bottom            *
***********************/

#bottom {
    background:none repeat scroll 0 0 #000000;
	border-top:medium none transparent;
	clear:both;
	color:#FFFFFF;
	float:left;
	font-size:0.9em;
	height:100%;
	margin:0;
	opacity:0.7;
	text-align:left;
	width:100%;
	}
#bottombar {
	background-color:#FFFFFF;
	background-image:url("http://theoryconcept.com/blog/wp-content/themes/notso_freshe/images/bottom_border.gif");
	background-position:center top;
	background-repeat:no-repeat;
	height:1px;
	width:100%;
	}
#bottom-divs {
    margin:0 auto;
	width:1100px;
	}
#bottom-left,
#bottom-mid,
#bottom-right {
	float:left;
	padding:20px 0 20px 20px;
	width:345px;
	align: center;
	}
#bottom h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
	font-size: 1.6em;
	color: #fff;
	}
#bottom h2 span {
	color: #888;
	}
#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #555;
	}
#bottom ul li {
	line-height: 26px;
	border-bottom: 1px solid #555;
	}
#bottom ul li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	}
#bottom ul li a:hover {
	background: #000000;
	}
#bottom-sep {
	clear: both;
}

/**********************
*   Footer            *
***********************/

#footer {
	background:none repeat scroll 0 0 #000000;
	border-top:1px solid #000000;
	clear:both;
	color:#FFFFFF;
	float:left;
	height:74px;
	opacity:0.5;
	text-align:right;
	width:100%;
	}

#footer .validate {
	background: transparent;
	padding: 0 5px 0 20px;
	}

#footer .credits {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}

#footer p {
	margin: 0;
	padding: 13px 25px;
	font-size: 0.9em;
	line-height: 200%;
	}
#footer p a:link,
#footer p a:visited {
	color: #aaa;

	}
#footer p a:hover {
	color: #fff;
	}
#footer p a:active {
	color: #9ad202;
	}
	

/***************************
*  Tags  *
****************************/

.tagging {
        text-align: left;
        font-size: 0.9em;

        padding: 3px 0 3px 0;
}
.tagging img {
	padding: 3px 0 0 0;
	border: 0px;
}

.tagging img:hover {
	padding: 3px 0 0 0;
	border: 0px;
}

.tagging a{
	text-decoration: none;
	border-bottom: none;

}
/* End Various Tags & Classes*/

.post_ad {
	background: #fff;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 10px;
	}
	
/***************************
*  Image Post Alignment    *
****************************/


img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}
img.alignnone {
float: none !important;
margin: 0 0.5em 0.5em 0;
}

/***************************
*  Bottom Page Navigation  *
****************************/

	div.pagination {
	color:#A0A0A0;
	float:right;
	font-size:20px;
	margin:0 0 0 0;
	position:absolute;
	text-align:center;
	z-index:1000;
	}
	div.pagination a {
		-moz-border-radius:3px 3px 3px 3px;
		-webkit-border-top-left-radius:3px;
	    -webkit-border-top-right-radius:3px;
	    -webkit-border-bottom-left-radius:3px;
	    -webkit-border-bottom-right-radius:3px;
		background-image:url("http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/pagebar/bar.png");
		background-position:center bottom;
		border:1px solid #909090;
		color:#C0C0C0;
		margin-right:3px;
		padding:2px 5px;
		text-decoration:none;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url('http://www.theoryconcept.com/blog/wp-content/themes/notso_freshe/images/pagebar/invbar.gif');
		background-color:#404040;
		color: #ffffff;
		-moz-border-radius:3px 3px 3px 3px;
		-webkit-border-top-left-radius:3px;
	    -webkit-border-top-right-radius:3px;
	    -webkit-border-bottom-left-radius:3px;
	    -webkit-border-bottom-right-radius:3px;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
		-moz-border-radius:3px 3px 3px 3px;
		-webkit-border-top-left-radius:3px;
	    -webkit-border-top-right-radius:3px;
	    -webkit-border-bottom-left-radius:3px;
	    -webkit-border-bottom-right-radius:3px;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #606060;
		color: #808080;
		-moz-border-radius:5px 5px 5px 5px;
		-webkit-border-top-left-radius:5px;
	    -webkit-border-top-right-radius:5px;
	    -webkit-border-bottom-left-radius:5px;
	    -webkit-border-bottom-right-radius:5px;
	}