/* --------------------------------------------------------------------------------------------
  Code Wranglers, Inc.
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
  HTML, Body, & Elements
-------------------------------------------------------------------------------------------- */
header, footer, aside, nav, article, section {  
    display: 			          block;  
}  

body {
	background-color: 	      #d9e4e8;
	color: 				            #00202c;
	font-family: 		          Verdana, helvetica, sans-serif;
	margin: 			            0 auto;
	text-align: 		          center;
	min-width:                960px;
}

a {
	color: 				            #016084;
	text-decoration: 	        none;
	border-bottom: 		        1px dashed;
}

a:hover {
	text-decoration: 	        none;
	color: 				            #002a3a;
	border-bottom: 		        1px solid;
}

p {
	color: 				            #00202c;
	line-height: 		          120%;
}

ul {
	list-style: 		          inside;
	margin: 			            10px 0px 10px 25px;
}

li {
	padding: 			            5px 0px 5px 10px;
	line-height:              120%;
}

/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
	Header Styles
-------------------------------------------------------------------------------------------- */
#navigation_header {
	background-color: 	      #00202c;
	height: 			            40px;
	width: 				            100%;
	float:                    left;
}

#branding {
  clear:                    both;
	background: 		          url(../images/header_background.jpg) repeat-x left top;	
	height: 			            385px;
	border-bottom: 		        2px solid #00202c;
}

#branding span {
	display: 			            block;
	text-indent: 		          -9999px;
}

#branding a {
	display: 			            block;
	background: 		          url(../images/logo.jpg) no-repeat bottom center;
	height: 			            385px;
	width: 				            596px;
	margin: 			            0 auto;
	text-align: 		          center;
	border: 			            none;
}

/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
   Navigation
-------------------------------------------------------------------------------------------- */
#navigation_header ul {
  float:                    right;
}

#navigation_header li {
  float:                    left;
  padding:                  0px 5px;
  margin:                   0px 10px 0px 0px;
}

#navigation_header a {
  color:                    #aaa;
  text-decoration:          none;
  border:                   none;
  font-size:                12px;
}

/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
   Footer
-------------------------------------------------------------------------------------------- */
#footer {
	font-size: 			          12px;
	margin: 			            10px auto 10px auto;
	text-align: 		          center;
	width: 				            100%;
	clear: 				            both;
}

/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
   Content Section
-------------------------------------------------------------------------------------------- */
#content {
	width: 				            960px;
	margin: 			            0 auto;
	text-align: 		          center;
}

#wranglin {
	float: 				            left;
	padding: 			            10px;
	width: 				            600px;
	text-align: 		          left;
}

#wranglin h1 {
	font-size: 			          32px;
	font-family: 		          Tahoma, sans-serif;
	font-weight: 		          normal;
	margin: 			            10px 0px 10px 0px;
}

#wranglin p {
	line-height: 		          150%;
	padding: 			            10px 0px;
	font-size: 			          16px;
	font-family: 		          Verdana, helvetica, sans-serif;
}

#sidebar {
	float: 				            right;
	padding: 			            10px;
	width: 				            300px;
	text-align: 		          left;
	/* margin-top: 		50px; */
}

#sidebar p {
	font-size: 			          14px;
	line-height: 		          150%;
	padding: 			            10px 0px;
	color: 				            #555;
}

/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
   Tooltip
-------------------------------------------------------------------------------------------- */
#cw_tip_box {
	position:				          absolute;  
  z-index:				          9999;  
  color:					          #333;  
  font-size:				        10px;  
  width:					          180px;  
  background: 			        #fff;
  padding: 				          10px;
  border-radius: 		        5px;
  -moz-border-radius: 	    5px;
  -webkit-border-radius: 	  5px;
  border: 				          1px solid #00202c;
  -moz-box-shadow:          1px 1px 5px #00202c;
  -webkit-box-shadow:       1px 1px 5px #00202c;
}


/* -------------------------------------------------------------------------------------------- 
   --------------------------------------------------------------------------------------------
   Portfolio
-------------------------------------------------------------------------------------------- */
.portfolio {
  float:                    left;
  background:               #ffffff;
  width:                    150px;
  padding: 				          10px;
  margin:                   30px 10px;
  border-radius: 		        5px;
  -moz-border-radius: 	    5px;
  -webkit-border-radius: 	  5px;
  border: 				          1px solid #002639;
  -moz-box-shadow:          1px 1px 10px #002639;
  -webkit-box-shadow:       1px 1px 10px #002639;
}

.portfolio a {
  border:                   none;
}

#protfolio_header h1 {
  font-size:                36px;
  font-family:              Helvetica, sans-serif;
  font-weight:              normal;
  margin:                   10px auto;
  text-align:               center;
}


#wranglin img {
  float:                    left;
  padding:                  5px;
  margin:                   -5px 20px 5px 0px;
  background:               #fff;
  border:                   1px solid #aaa;
}

.clear { 
  clear:                    both; 
}

.section { 
  border-top:               2px solid #002639; 
  float:                    left; 
  width:                    100%; 
  margin:                   10px 0px;
}

.dev { 
  text-align:               left; 
  width:                    300px; 
  float:                    left; 
  padding:                  10px; 
}

.pad_bottom {
  padding-bottom:           40px;
}

#twitter_update_list {
  font-size:                12px;
  color:                    #777;
  margin:                   5px 0px 0px 0px;
}

.no_border {
	border: 				none;
}

.no_border:hover {
	border: 				none;
}