/*
Theme Name:		Cutline
Theme URI:		http://pearsonified.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.1
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
*/

body { 
	background: #7E3497; 
	background-image: url('../images/purpleBackground.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	color: #333; 
	font: 65%	 Arial, Helvetica, sans-serif;
	text-align: center; 
	}

* { 
	padding: 0; 
	margin: 0; 
	}

body:after {
	content: 
		url('../images/blueBackground.jpg') 
		url('../images/greenBackground.jpg') 
		url('../images/redBackground.jpg') 
		url('../images/purpleBackground.jpg')
		url('../images/blueLogo.jpg')
		url('../images/greenLogo.jpg')
		url('../images/redLogo.jpg')
		url('../images/purpleLogo.jpg')
		url('../images/facebookRO.gif')
		url('../images/twitterRO.gif')
		url('../images/LoginRO.gif')		
	display: none;
	}


/************************************************
*---:[ hyperlinks ]:---*
************************************************/

a { 
	color: #663399; 
	text-decoration: none; 
	outline: none;
	}

a:visited { 
	color: #663399; 
	text-decoration: underline; 
	}
	
a:hover { 
	color: #000; 
	text-decoration: underline; 
	}

a.active { 
	color: #df0000; 	
	}
	
a img { 
	border: none; 
	}
	
	
	
/************************************************
*---:[ paragraphs & lists ]:---*
************************************************/

p.content { 
	font-size: 1.5em;
	margin: 20px; 
	}

p.center { 
	text-align: center !important; 
	}
	
p.bottom { 
	margin: 0 !important; 
	}
	
p.unstyled { 
	font-size: 1.5em; 
	}
	
ul.rules {
	margin: 0 0 1.5em 5.5em; 
	font-size: 1.3em; 
	line-height: 1.4em; 
	float: left;
	list-style: square;  
	}



/************************************************
*---:[ images ]:---*
************************************************/

img.leftAlign {
	margin: 0 20px 20px 0;
	}
	
img.rightAlign {
	margin: 0 0 20px 20px;
	}
	
	
	
/************************************************
*---:[ headers ]:---*
************************************************/

h1 { 
	color: #000; 
	border-bottom: groove #000 8px;
	font-weight: bold; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 3.6em; 
	letter-spacing: -0.03em; 
	margin: 20px 0 0 20px;
	}

h2, h3 { 
	font-weight: bold; 
	font-family: Helvetica, Arial, sans-serif; 
	color: #000; 
	}
	
#masthead h1 { 
	padding: 0.4em 0 0.2em 0; 
	border-top: 1px solid #ccc; 
	text-align: center; 
	clear: both; 
	}
	
h1 a, h1 a:visited, h1 a:hover { 
	color: #000; 
	text-decoration: none; 
	}

h2 { 
	font-size: 2.0em; 
	}

h2 a { 
	color: #000; 
	text-decoration: none; 
	}

h2 a:visited { 
	color: #555; 
	text-decoration: none; 
	}
	
h2 a:hover { 
	color: #090; 
	text-decoration: none; 
	}

.posts h2 { 
	margin: 0 0 0.1em 0; 
	line-height: 1.2em; 
	}

.pages h2, h2.page_header { 
	margin: 0 0 0.75em 0; 
	padding: 0 0 0.6em 0; 
	background: url('../images/hr_title_sep.gif') 0 100% no-repeat; 
	}

h2.archive_head { 
	font-weight: bold !important; 
	font-size: 1.4em !important; 
	text-transform: uppercase !important; 
	letter-spacing: normal !important; 
	margin: 0 0 1.8em 0 !important; 
	padding: 0.4em 2px !important; 
	border-top: 3px solid #000 !important; 
	background: url('../images/hr_dot_black.gif') 0 100% repeat-x !important; 
	}

h3 { 
	font-size: 1.0em; 
	text-transform: uppercase; 
	}

#masthead h3 { 
	margin: 0 0 0.75em 0; 
	font-weight: normal; 
	font-size: 1.8em; 
	text-transform: none; 
	color: #888; 
	text-align: center; 
	}

.entry h3 { 
	margin: 2.5em 0 0.5em 0; 
	}

.entry h3.top { 
	margin: 1.5em 0 0.5em 0 !important; 
	}
	
	
h3.comments_headers { 
	font-size: 1.4em; 
	}

h4 { 
	font: italic 1.2em Georgia, "Times New Roman", Times, serif; 
	color: #888; 
	}

h4 a, h4 a:visited { 
	color: #888; 
	text-decoration: none; 
	}

h4 a:hover { 
	color: #888; 
	text-decoration: underline; 
	}

.posts h4 { 
	margin: 0 0 1.25em 0; 
	padding: 0 0 1.0em 0; 
	background: url('../images/hr_title_sep.gif') 0 100% no-repeat; 
	}



/************************************************
*---:[ layout elements ]:---*
************************************************/

#container { 
	width: 960px; 
	margin: 15px auto 0 auto; 
	}

#content_box { 
	background: #FFFFCC; 
	width: 960px; 
	text-align: left; 
	float: left; 
	clear: both; 
	}

#content_full { 
	width: 920px; 
	padding: 0 40px 0 0; 
	float: left; 
	}

#content { 
	width: 690px; 
	padding: 0 40px 0 0; 
	float: left; 
	}

#sidebar { 
	width: 230px; 
	float: left; }
	
	

/************************************************
*---:[ header ]:---*
************************************************/
	
#header { 
	width: 960px; 
	height: 266px !important;
	margin: 0 auto;
	position: relative; 
	/*background: #000;*/
	/*background: url('../images/headerPractice.gif') no-repeat;
	/* uncomment the height and background declarations here 
	if you intend to use a graphic in the header instead of the h1 */ 
	}

/*
#masthead 
	a { 
		display: block; 
		width: 960px; 
		height: 400px; 
		} 
 /* uncomment this line if you use a graphic in the header - 
	make sure the height of your header graphic is equal to 
	the height declared in this line of code! 
*/

#header_img { 
	position: relative; 
	margin: 0 0 3.0em 0; 
	border-bottom: 1px solid #000; 
	float: left; 
	clear: both; 
	}
	
#header_img img { 
	display: block; 
	} /* this is really just an IE 6 and 7 hack in disguise */

#logo {
	position: absolute;
	top: 75px !important;
	left: 317px !important;
	}

#byline {
	width: 400px;
	text-align: center;
	position: absolute;
	left: 550px;
	top: 40px !important;
	font: italic normal 20px/17px Georgia, "Times New Roman", Times, serif;
	color: #FCFCFC;
	}

#navigate {
	width: 150px;
	text-align: left;
	position: absolute;
	left: 43px;
	top: 0px !important;
	font: italic normal 20px/18px Georgia, "Times New Roman", Times, serif;
	color: #FCFCFC;
	}

#dash {
	width: 40px;
	text-align: center;
	position: absolute;
	right: 65px !important;
	top: 73px !important;
	font: normal 110px/120px Georgia, "Times New Roman", Times, serif;
	color: #FCFCFC;
	}



/************************************************
*---:[ top map ]:---*
************************************************/

#topmap {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 23px;
	}
	
	
/************************************************
*---:[ top nav ]:---*
************************************************/
/*
#topnav {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 530px;
	top: 30px;
	}

#topnav li {
	float: left;
	width: 60px;
	background: 0;
	padding: 0;
	margin: 0 13px;
	list-style: none; 
	}

#topnav a {
	display: block;
	text-indent: -900em;
	width: 60px;
	height: 60px;
	}

#topnav li.facebook a:hover {
	background: url('../images/purpleFacebookRO.jpg')no-repeat left;
	}

#topnav li.twitter a:hover {
	background: url('../images/purpleTwitterRO.jpg')no-repeat left;
	}
	
#topnav li.rss a:hover {
	background: url('../images/purpleRssRO.jpg')no-repeat left;
	}

#topnav li.email a:hover {
	background: url('../images/purpleEmailRO.jpg')no-repeat left;
	}
	
#topnav li.login a:hover {
	background: url('../images/purpleLoginRO.jpg')no-repeat left;
	}	*/



/************************************************
*---:[ navbar ]:---*
************************************************/


ul#nav { 
	list-style: none; 
	width: 740px !important; 
	height: 90px;
	padding: 0 10px; 
	position: relative; 
	float: left; 
	clear: both; 
	}

ul#nav li { 
	padding: 0.85em 40px 0.7em 0; 
	font: bold 1.4em Helvetica, Arial, sans-serif; 
	text-transform: uppercase; float: left; 
}
	
ul#nav li a, ul#nav li a:visited { 
	color: #000; 
	text-decoration: none; 
	}
	
ul#nav li a:hover { 
	color: #000; 
	text-decoration: underline; 
	}
		
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { 
	color: #090; 
	text-decoration: underline; 
	}
		
ul#nav li.rss { 
	padding: 0.85em 0 0.7em 0; 
	float: right; 
	}
			
ul#nav li.rss a { 
	padding: 0 18px 0 0; 
	background: url('../images/icon_rss.gif') 100% 50% no-repeat; 
	}



/************************************************
*---:[ bottom nav ]:---*
************************************************/

#bottomnav {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#bottomnav li {
	float: left;
	width: 90px;
	background: 0;
	padding: 0;
	margin: 0 20px 0 0;
	list-style: none; 
	}

#bottomnav a {
	display: block;
	text-indent: -900em;
	width: 130px;
	height: 53px;
	}
	
#bottomnav li.home a:hover {
	border-bottom: 13px groove #996633; 
	}
	
#bottomnav li.about a:hover {
	border-bottom: 13px groove #3DBDF1; 
	}

#bottomnav li.articles a:hover {
	border-bottom: 13px groove #558A29; 
	}

#bottomnav li.college a:hover {
	border-bottom: 13px groove #993400; 
	}

/*#bottomnav li.contest a:hover {
	border-bottom: 13px groove #663399; 
	}*/
	
#bottomnav li.contest {
	border-bottom: 13px groove #663399; 
	}

	
	
/************************************************
*---:[ social media navigation ]:---*
************************************************/

#smnav {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 7px;
	top: 270px;
	}

#smnav li {
	float: left;
	width: 50px;
	height: 50px;
/*	background: #FFFF00;
*/	padding: 0;
	margin: 0 8px;
	list-style: none; 
	}

#smnav a {
	display: block;
	text-indent: -900em;
	width: 50px;
	height: 50px;
	}

#smnav li.facebook a:hover {
	background: url('../images/facebookRO.gif')no-repeat left;
	}

#smnav li.twitter a:hover {
	background: url('../images/twitterRO.gif')no-repeat left;
	}
	
#smnav li.login a:hover {
	background: url('../images/loginRO.gif')no-repeat left;
	}	
#smnav li.logout {
	background: url('../images/logOutRO.gif')no-repeat left;
	}	
	
	
/************************************************
*---:[ sidebar styles ]:---*
************************************************/

ul.sidebar_list { 
	list-style: none; 
	}

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { 
	width: 220px; 
	margin: 0 0 2.5em 0; 
	font-size: 1.3em; 
	line-height: 1.4em; 
	float: left; 
	}

li.widget h2, li.linkcat h2 { 
	font-weight: bold; 
	font-size: 1.077em; 
	text-transform: uppercase; 
	letter-spacing: normal; 
	margin: 0 0 0.8em 0; 
	padding: 0.4em 2px; 
	border-top: 3px solid #000; 
	background: url('../images/purplePodTitle.gif') 0 100% repeat-x; 
	}

li.widget p { 
	margin: 0 0 1.5em 0; 
	padding: 0 10px; 
	}
	
li.widget ul, li.linkcat ul { 
	list-style: square; 
	margin: 0 0 0.5em 20px; 
	}
		
li.widget ol, li.linkcat ol { 
	margin: 0 0 0.5em 20px; 
	}

li.widget li, li.linkcat li { 
	margin: 0 0 0.7em 0; 
	}

li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { 
	text-decoration: none; 
	}

li.widget li a:hover, li.linkcat li a:hover { 
	text-decoration: underline; 
	}

li.widget li .recent_date { 
	padding: 0 0 0 8px; 
	font-weight: bold; 
	color: #888; 
	}
		
li.widget ul.flickr_stream { 
	list-style: none; 
	margin: 0; 
	padding: 0 10px; 
	}

li.widget ul.flickr_stream li { 
	margin: 0; 
	padding: 0 5px 5px 0; 
	display: inline; 
	}

li.widget ul.flickr_stream li a img { 
	padding: 3px; 
	}

li.widget ul.flickr_stream li a:hover img { 
	background: #ff2a96; 
	}
	


/************************************************
*---:[ footer styles ]:---*
************************************************/

#footer { 
	background: #7E3497; 
	width: 960px; 
	padding	: 1.2em 0 0 0; 
	border-top: 2px solid #ccc; 
	float: left; 
	clear: both; 
	}
	
#footer p { 
	margin: 0 0 0.923em 0; 
	font-size: 1.3em; 
	color: #FFF; 
	text-align: center; 
	}

#footer a, #footer a:visited { 
	color: #FFF; 
	text-decoration: none; 
	}

#footer a:hover { 
	color: #FFF; 
	text-decoration: underline; 
	}
	


/************************************************
*---:[ other global elements ]:---*
************************************************/

blockquote { 
	font-style: italic; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #555; 
	margin: 0 30px 1.5em 30px; 
	padding: 0 0 0 10px; 
	border-left: 1px solid #aaa; 
	}

abbr, acronym { 
	border-bottom: 1px dotted #aaa; 
	text-transform: uppercase; 
	cursor: help; 
	}

code { 
	color: #090; 
	font-family: Courier, monospace; 
	}

pre { 
	margin: 0 0 1.5em 0; 
	overflow: auto; 
	font-size: 1.3em; 
	clear: both; 
	}
	
.flickr_blue { 
	color: #007ae4; 
	text-transform: lowercase; 
	}
	
.flickr_pink { 
	color: #ff2a96; 
	text-transform: lowercase; 
	}

.green { 
	color: #090; 
	}

.red { 
	color: #f00; 
	}
	
.orange { 
	color: #f40; 
	}
	
.purple { 
	color: #909; 
	}



/************************************************
*---:[ content styles ]:---*
************************************************/


.entry { 
	font-size: 1.4em; 
	line-height: 1.65em; 
	}

.entry blockquote { 
	font-size: 1.0em; 
	}

.entry blockquote.right { 
	width: 200px; 
	font-style: normal !important; 
	font-size: 1.3em !important; 
	margin: 0.3em 0 0.3em 15px !important; 
	padding: 0.3em 0 !important; 
	border: 3px double #aaa; 
	border-width: 3px 0; 
	text-align: center; 
	float: right; 
	}

.entry blockquote.left { 
	width: 200px; 
	font-style: normal !important; 
	font-size: 1.3em !important; 
	margin: 0.3em 15px 0.3em 0 !important; 
	padding: 0.3em 0 !important; 
	border: 3px double #aaa; 
	border-width: 3px 0; 
	text-align: center; 
	float: left; 
	}

.entry blockquote.right p, .entry blockquote.left p { 
	margin: 0 !important; 
	line-height: 1.4em !important; 
	}

.entry p { 
	margin: 0 0 1.5em 0; 
	}

.entry ul, .entry ol { 
	margin: 0 0 1.5em 40px; 
	}

.entry ul { 
	list-style-type: square; 
	}

.entry li { 
	margin: 0 0 0.5em 0; 
	}

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 0.5em 0 0.5em 30px; 
	}

.entry dl { margin: 0 0 1.5em 0; }

.entry dt { 
	font-weight: bold; 
	margin: 0 0 0.5em 0; 
	}

.entry dd { 
	margin: 0 0 1.5em 20px; 
	}

.entry .ad { 
	margin: 0 0 0.5em 15px; 
	float: right; 
	}

.entry .ad_left { 
	margin: 0 15px 0.5em 0; 
	float: left; 
	}

.entry img { }

.entry img.left { 
	padding: 3px; 
	margin: 0.5em 15px 0.5em 0; 
	border: 3px double #bbb; 
	float: left; 
	clear: left; 
	}

.entry img.right { 
	padding: 3px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 3px double #bbb; 
	float: right; 
	clear: right; 
	}

.entry img.center { 
	display: block; 
	padding: 3px; 
	margin: 0 auto 1.5em auto; 
	border: 3px double #bbb; 
	float: none; 
	clear: both; 
	}

.entry img.off { 
	padding: 0 !important; 
	border: none !important; 
	}

.entry img.stack { 
	clear: none !important; 
	}

.tagged { 
	padding: 0.4em 0 0 0; 
	background: url('../images/hr_tag_sep.gif') no-repeat; 
	font-size: 1.2em; 
	line-height: 1.6em; 
	color: #888; 
	clear: both; 
	}

.tagged a, .tagged a:visited { 
	padding: 0.25em; 
	color: #333; 
	text-decoration: none; 
	}

.tagged a:hover { 
	color: #fff; 
	background: #333; 
	text-decoration: none; 
	}

.add_comment { 
	display: block; 
	padding: 0 0 0 20px; 
	font-weight: bold; 
	float: right; 
	}

.navigation { 
	width: 960px; 
	font-size: 1.4em; 
	float: left; 
	}

.previous { 
	padding: 0 20px 0 0; 
	float: left; 
	}
.
next { 
	float: right; 
	}

.clear { 
	width: 960px; 
	height: 1px; 
	margin: 0 0 5.0em 0; 
	clear: both; 
	}

.rule { 
	background: url('../images/hr_tag_sep.gif') no-repeat; 
	}

.flat { 
	margin: 0 0 2.0em 0 !important; 
	}

.whitespace { 
	margin: 0 0 3.5em 0 !important; 
	}



/************************************************	
*---< FlickrRSS styles for the widget only >---*
************************************************/

li.widget_flickrrss { }

li.widget_flickrrss a img { 
	margin: 0 5px 5px 0; 
	padding: 3px; 
	}

li.widget_flickrrss a:hover img { 
	background: #ff2a96; 
	}
	
	
	
/************************************************	
*---< Calendar widget styles >---*
************************************************/

#calendar_wrap { 
	font-size: 1.3em; 
	}



/************************************************
*---:[ comment styles ]:---*
************************************************/

#comments { 
	width: 690px; 
	float: left; 
	clear: both; 
	}

ul#comment_list { 
	list-style: none; 
	margin: 0 0 4.0em 0; 
	border-top: 1px solid #bbb; 
	float: left; 
	}

ul#comment_list li.comment { 
	width: 690px; 
	padding: 1.2em 0 0 0; 
	border-bottom: 1px dotted #bbb; 
	float: left; 
	}

ul#comment_list li.trackback { 
	width: 470px; 
	padding: 1.2em 15px 0 15px; 
	background: url('../images/trackback_bg.gif'); 
	}

.comment_meta { 
	margin: 0 0 1.2em 0; 
	}

.comment_num { 
	padding: 0 15px 0 20px; 
	font-weight: bold; 
	font-size: 1.4em; 
	float: right; 
	}

.trackback .comment_num { 
	padding: 0 0 0 20px; 
	}

.comment_num a, .comment_num a:visited { 
	color: #888; 
	text-decoration: none; 
	}

.comment_num a:hover { 
	color: #df0000; 
	text-decoration: none; 
	}

.comment_meta strong { 
	font-size: 1.6em; 
	}

.comment_time { 
	font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; 
	color: #888; 
	}

.comment .entry { 
	padding: 0 15px; 
	}

.comment .entry p { 
	margin: 0 0 1.0em 0; 
	}

		

/************************************************
*---:[ comment form styles ]:---*
************************************************/

#comment_form { 
	width: 690px; 
	padding: 1.0em 0 0 0; 
	float: left; 
	}

#comment_form p { 
	padding: 0.6em 0; 
	}

#comment_form label { 
	padding: 0 0 0 10px; 
	font-size: 1.2em; 
	}

#comment_form .text_input { 
	width: 191px; 
	padding: 3px; 
	color: #444; 
	font: normal 1.4em Georgia, "Times New Roman", Times, serif; 
	border-top: 2px solid #999; 
	border-left: 2px solid #999; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	}

#comment_form .text_area { 
	width: 321px !important; 
	}

#comment_form .text_input:focus { 
	border-top: 2px solid #666; 
	border-left: 2px solid #666; 
	border-right: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	}

#comment_form .form_submit { 
	padding: 0.4em 4px; 
	background: url('../images/submit_bg.gif'); 
	border: 3px double #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; 
	}

#comment_form p.subscribe-to-comments { 
	font-size: 1.4em; 
	}

#comment_form p.subscribe-to-comments label { 
	font-size: 1.0em; 
	}
			


/************************************************
*---:[ comment form styles ]:---*
************************************************/

#login_form { 
	width: 191px; 
	padding: 1.0em 0 0 0; 
	float: left; 
	}

#login_form p { 
	padding: 0; 
	}

#login_form label { 
	padding: 0; 
	font-size: 1.2em; 
	}

#login_form .text_input { 
	width: 191px; 
	padding: 3px; 
	color: #444; 
	font: normal 1em Georgia, "Times New Roman", Times, serif; 
	border-top: 2px solid #999; 
	border-left: 2px solid #999; 
	border-right: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	}

#comment_form .text_input:focus { 
	border-top: 2px solid #666; 
	border-left: 2px solid #666; 
	border-right: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	}

#login_form .form_submit { 
	padding: 0.4em 4px; 
	background: url('../images/submit_bg.gif'); 
	border: 3px double #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc; 
	font: bold 1em Georgia, "Times New Roman", Times, serif; cursor: pointer; 
	}
		


/************************************************
*---:[ search form styles ]:---*
************************************************/

#search_form { }

#search_form .search_input { 
	width: 215px; 
	padding: 3px; 
	color: #000000; 
	font: normal 1.0em Georgia, "Times New Roman", Times, serif; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-right: 1px solid #f5f5f5; 
	border-bottom: 1px solid #f5f5f5; 
	}

li.widget .search_input { 
	font-size: 1.1em !important; 
	}

#search_form .search_input:focus { 
	border-top: 1px solid #666; 
	border-left: 1px solid #666; 
	border-right: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	}
		
		
.error {
	color: #FC3307;
	border: 1px solid #FC3307;
	}

.message {
	color: #090;
	border: 1px solid #7ed500;
	}

p.error, p.message {
	padding: 1em;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 2em;
	}

.highlighted {}

.breadcrumb {
	margin-bottom: 1em;
	}

.category_rss { 
	float: right; 
	}